/* Atelier: a typographic finish palette. Material swatches keep their real hues. */
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors),
.wheel-photos .wp-inline-grip-colors,
.wheel-photos .wp-solid>div{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label{
  min-width:0;position:relative;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label>span,
.wheel-photos .wp-inline-grip-colors button,
.wheel-photos .wp-solid button{
  --atelier-color:#bfc0c6;
  display:flex;align-items:center;justify-content:flex-start;flex-direction:row;
  min-height:48px;height:auto;min-width:0;box-sizing:border-box;padding:8px 2px;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  color:var(--atelier-color);text-align:left;cursor:pointer;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label>span i,
.wheel-photos .wp-inline-grip-colors button i{display:none}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label>span :is(strong,small),
.wheel-photos .wp-inline-grip-colors button span,
.wheel-photos .wp-solid button{
  font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:24px;
  font-weight:400;line-height:1.2;letter-spacing:-.65px;text-transform:none;
  color:var(--atelier-color);text-align:left;white-space:normal;overflow-wrap:normal;text-wrap:pretty;
  text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:6px;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input:checked+span :is(strong,small),
.wheel-photos .wp-inline-grip-colors button[aria-pressed=true] span{
  color:var(--atelier-color);text-decoration-line:underline;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input:checked+span,
.wheel-photos .wp-options .wp-inline-grip-colors button[aria-pressed=true]{
  background:transparent;border:0;box-shadow:none;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors)[hidden]{display:none}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input:focus-visible+span,
.wheel-photos :is(.wp-inline-grip-colors,.wp-solid) button:focus-visible{
  outline:1px solid currentColor;outline-offset:3px;border-radius:4px;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input:disabled+span,
.wheel-photos :is(.wp-inline-grip-colors,.wp-solid) button:disabled{opacity:.4;cursor:not-allowed}
@media(hover:hover){
  :is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label:hover input:not(:disabled)+span :is(strong,small),
  .wheel-photos :is(.wp-inline-grip-colors,.wp-solid) button:not(:disabled):hover{text-decoration-line:underline}
}
/* Text equivalents are lifted for legibility on the dark page; product colors are unchanged. */
.bmw-configurator .choices.colors input[value="m"]+span small{
  background:linear-gradient(105deg,#89c4ee 0 33%,#9baae9 36% 63%,#ed8a95 66%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  text-decoration-color:#b8c6d9;
}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="negro"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="negro"],
.wheel-photos .wp-solid button[data-solid="negro"]{--atelier-color:#b8bcc4}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="marfil"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="marfil"],
.wheel-photos .wp-solid button[data-solid="marfil"]{--atelier-color:#e5daca}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="rojo"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="rojo"],
.wheel-photos .wp-solid button[data-solid="rojo"]{--atelier-color:#ed8a95}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="azul"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="azul"],
.wheel-photos .wp-solid button[data-solid="azul"]{--atelier-color:#89afe5}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="blanco"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="blanco"],
.wheel-photos .wp-solid button[data-solid="blanco"]{--atelier-color:#f1f0ed}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="gris"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="gris"],
.wheel-photos .wp-solid button[data-solid="gris"]{--atelier-color:#bfc0c6}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="camel"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="camel"],
.wheel-photos .wp-solid button[data-solid="camel"]{--atelier-color:#d7ac7d}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="cognac"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="cognac"],
.wheel-photos .wp-solid button[data-solid="cognac"]{--atelier-color:#d7ac7d}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="marron"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="marron"],
.wheel-photos .wp-solid button[data-solid="marron"]{--atelier-color:#c19b89}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="burdeos"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="burdeos"],
.wheel-photos .wp-solid button[data-solid="burdeos"]{--atelier-color:#d98ea7}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="verde"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="verde"],
.wheel-photos .wp-solid button[data-solid="verde"]{--atelier-color:#7cc2a7}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="naranja"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="naranja"],
.wheel-photos .wp-solid button[data-solid="naranja"]{--atelier-color:#eca66f}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="violeta"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="violeta"],
.wheel-photos .wp-solid button[data-solid="violeta"]{--atelier-color:#c19be1}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="amarillo"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="amarillo"],
.wheel-photos .wp-solid button[data-solid="amarillo"]{--atelier-color:#dfc66c}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="dorado"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="dorado"],
.wheel-photos .wp-solid button[data-solid="dorado"]{--atelier-color:#d9c297}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="original"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="original"],
.wheel-photos .wp-solid button[data-solid="original"]{--atelier-color:#bfc0c6}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="plata"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="plata"],
.wheel-photos .wp-solid button[data-solid="plata"]{--atelier-color:#c6cbd2}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="sin"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="sin"],
.wheel-photos .wp-solid button[data-solid="sin"]{--atelier-color:#c0bfc3}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="personalizado"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="personalizado"],
.wheel-photos .wp-solid button[data-solid="personalizado"]{--atelier-color:#dec8d1}
:is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) input[value="m"]+span,
.wheel-photos .wp-inline-grip-colors button[data-grip-color="m"],
.wheel-photos .wp-solid button[data-solid="m"]{--atelier-color:#b8c6d9}
.wheel-photos .wp-options:has(input[name="side"][value="negro"]:checked):has(input[name="main"][value="negro"]:checked):has(input[name="material"][value="cuero"]:checked) .wp-solid button[data-solid="negro"]{text-decoration-line:underline}
.wheel-photos .wp-options:has(input[name="side"][value="marfil"]:checked):has(input[name="main"][value="marfil"]:checked):has(input[name="material"][value="cuero"]:checked) .wp-solid button[data-solid="marfil"]{text-decoration-line:underline}
.wheel-photos .wp-options:has(input[name="side"][value="rojo"]:checked):has(input[name="main"][value="rojo"]:checked):has(input[name="material"][value="cuero"]:checked) .wp-solid button[data-solid="rojo"]{text-decoration-line:underline}
.wheel-photos .wp-options:has(input[name="side"][value="azul"]:checked):has(input[name="main"][value="azul"]:checked):has(input[name="material"][value="cuero"]:checked) .wp-solid button[data-solid="azul"]{text-decoration-line:underline}
@media(max-width:600px){
  :is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors),
  .wheel-photos .wp-inline-grip-colors,.wheel-photos .wp-solid>div{grid-template-columns:minmax(0,1fr);gap:0}
  :is(.wheel-photos,.bmw-configurator,.porsche-configurator) :is(.wp-swatches,.choices.colors) label>span :is(strong,small),
  .wheel-photos .wp-inline-grip-colors button span,.wheel-photos .wp-solid button{font-size:24px}
}