.gwtec-choices-form {
--gwtec-choice-accent: #fcb70a;
--gwtec-choice-ink: #222;
--gwtec-choice-border: #bfc3c6;
}
.gwtec-choices-form .variations tr,
.gwtec-choices-form .variations th.label,
.gwtec-choices-form .variations td.value {
display: block;
width: 100%;
text-align: left;
}
.gwtec-choices-form .variations th.label { padding: 0 0 8px !important; }
.gwtec-choices-form .variations td.value { padding: 0 0 18px !important; }
.gwtec-choices-form .variations th.label label { font-size: 14px; font-weight: 600; }
.gwtec-choices-form .gwtec-choice-native,
.gwtec-choices-form .gwtec-choice-native-wrap { display: none !important; }
.gwtec-choices-form .gwtec-choice-group {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
margin: 0;
padding: 0;
}
.gwtec-choices-form .gwtec-choice {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
box-sizing: border-box;
min-width: 100px;
min-height: 46px;
max-width: 100%;
margin: 0;
padding: 10px 16px;
border: 1px solid var(--gwtec-choice-border);
border-radius: 3px;
background: #fff;
color: var(--gwtec-choice-ink);
box-shadow: none;
font-family: inherit;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
text-align: center;
text-transform: none;
letter-spacing: normal;
overflow-wrap: anywhere;
cursor: pointer;
transition: background-color .12s ease, border-color .12s ease;
}
.gwtec-choices-form .gwtec-choice::after {
content: '\2713';
position: static;
display: inline-block;
opacity: 0;
width: 1em;
margin: 0;
font: bold 15px/1 system-ui, sans-serif;
}
.gwtec-choices-form .gwtec-choice:hover:not(:disabled) { border-color: var(--gwtec-choice-ink); }
.gwtec-choices-form .gwtec-choice[aria-checked="true"] {
background: var(--gwtec-choice-accent);
border-color: var(--gwtec-choice-ink);
color: #111;
}
.gwtec-choices-form .gwtec-choice[aria-checked="true"]::after { opacity: 1; }
.gwtec-choices-form .gwtec-choice:focus-visible {
outline: 2px solid #222;
outline-offset: 3px;
}
.gwtec-choices-form .gwtec-choice:disabled {
background: #f4f4f4;
border-color: #ddd;
color: #737373;
text-decoration: line-through;
cursor: not-allowed;
}
.gwtec-choices-form .variations .reset_variations {
display: inline-block;
float: none !important;
clear: both;
margin-top: 10px;
color: #555;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.gwtec-choices-form .gwtec-choice { transition: none; }
}
@media (forced-colors: active) {
.gwtec-choices-form .gwtec-choice[aria-checked="true"] { outline: 2px solid Highlight; }
}