/* Personalizações opcionais por site, ligadas por `CUSTOM_*` no .env (catálogo no Centralizador).
   Arquivo próprio, e carregado por TODOS os layouts, porque cada skin carrega só o seu
   `skin-*.css` — regra posta no `fix.css` valeria só na skin complete e falharia calada nas
   outras quatro. */

/* CUSTOM_VEHICLE_TITLE_UPPERCASE — é APRESENTAÇÃO de propósito: o texto real fica intacto, então
   compartilhamento, `alt` e Schema não saem gritando. */
body.has-uppercase-title .card-content__title h3,   /* card, skin complete */
body.has-uppercase-title .vehicle-title,            /* página do veículo, skin complete */
body.has-uppercase-title .st-card__name,
body.has-uppercase-title .cl-card__name,
body.has-uppercase-title .pr-card__name,
body.has-uppercase-title .tb-card__name,            /* cards das 4 skins */
body.has-uppercase-title .st-row__name,
body.has-uppercase-title .pr-row__name,
body.has-uppercase-title .tb-row__name,             /* modo lista (studio, prestige, turbo) */
body.has-uppercase-title .st-vehicle__name,
body.has-uppercase-title .cl-veh__name,
body.has-uppercase-title .pr-veh__name,
body.has-uppercase-title .tb-veh__name {            /* página do veículo nas 4 skins */
    text-transform: uppercase;
}

/* CUSTOM_UPPERCASE_HEADINGS — títulos de seção e de página (cartão 849, pedido do KD:
   "colocar tudo em maiúsculo", com o print apontando "Veículos em Destaque"). Também é
   APRESENTAÇÃO: o H1/H2 servido continua com a grafia normal, então o que a IA e o buscador
   leem (e o Schema) não sai gritando — mesma decisão do título do veículo. */
body.has-uppercase-headings .section-heading h1,
body.has-uppercase-headings .section-heading h2,      /* complete/basic */
body.has-uppercase-headings .home-intro h1,           /* bloco de apresentação da home */
body.has-uppercase-headings .st-hero__title,
body.has-uppercase-headings .st-section__title,
body.has-uppercase-headings .st-about__title,
body.has-uppercase-headings .st-faq__title,
body.has-uppercase-headings .st-reg__title,
body.has-uppercase-headings .st-contact__title,       /* studio */
body.has-uppercase-headings .cl-hero__title,
body.has-uppercase-headings .cl-section__title,
body.has-uppercase-headings .cl-about__title,         /* classic */
body.has-uppercase-headings .pr-hero__title,
body.has-uppercase-headings .pr-section__title,
body.has-uppercase-headings .pr-about__title,
body.has-uppercase-headings .pr-faq__title,
body.has-uppercase-headings .pr-reg__title,
body.has-uppercase-headings .pr-contact__title,       /* prestige */
body.has-uppercase-headings .tb-hero__title,
body.has-uppercase-headings .tb-section__title,
body.has-uppercase-headings .tb-about__title,
body.has-uppercase-headings .tb-faq__title,
body.has-uppercase-headings .tb-reg__title,
body.has-uppercase-headings .tb-contact__title {      /* turbo */
    text-transform: uppercase;
}

/* CUSTOM_UPPERCASE_CARD_INFO — a linha de infos do card ("25/25 • 8.846 km • Flex"), 2ª seta
   do print. Inclui o formato "Rótulo: valor" da skin basic e o modo lista das skins novas. */
body.has-uppercase-card-info .car-card__meta,
body.has-uppercase-card-info .car-specs--basic,
body.has-uppercase-card-info .car-detail--icons p,    /* complete/basic */
body.has-uppercase-card-info .st-card__specs,
body.has-uppercase-card-info .st-row__specs,          /* studio */
body.has-uppercase-card-info .cl-card__meta,          /* classic */
body.has-uppercase-card-info .pr-card__meta,
body.has-uppercase-card-info .pr-row__meta,           /* prestige */
body.has-uppercase-card-info .tb-card__specs,
body.has-uppercase-card-info .tb-row__specs {         /* turbo */
    text-transform: uppercase;
}

/* CUSTOM_FILTERS_OPEN — filtros já abertos no MOBILE (no desktop eles nunca colapsam).
   Quem abre é a view, pondo `active` no accordion: forçar por CSS deixaria o botão de
   fechar sem efeito, e o cliente perderia a possibilidade de recolher.
   Aqui só o sinal visual: o "+" do cabeçalho nasce como "−". */
body.has-filters-open .filters-heading .accordion-toggle {
    font-size: 0;                     /* esconde o "+" do HTML sem mexer na view */
}
body.has-filters-open .filters-heading .accordion-toggle::after {
    content: "\2212";                 /* − */
    font-size: 1rem;
}