/**
 * Elecbrakes Sans – brand typography overrides.
 * Loaded last (priority 999) to replace Beni across all templates.
 *
 * H1 / hero → Elecbrakes Sans Black (900)
 * H2 / section headings → Elecbrakes Sans Bold (700)
 * Line-height 0.85, letter-spacing -0.01em (guideline pág. 19-20).
 */

/* ─── BLACK (900) – hero / H1 titles ─── */
.single-product .summary.entry-summary h1.product_title.entry-title,
.single-product .summary.entry-summary .product_title.entry-title,
body.single-product .product_title.entry-title,
.woocommerce.single-product div.product div.summary .product_title,
h1.product_title.entry-title,
.product_title.entry-title,
h1.hero-image__title,
.hero-image__title,
.hero-compact__title,
.hero__title,
h1.intro-standard__title,
.intro-standard__title,
.intro__title__first-line,
.intro__title__second-line,
.installation__title {
    font-family: "Elecbrakes Sans", sans-serif !important;
    font-weight: 900 !important;
    line-height: 0.85 !important;
    letter-spacing: -0.01em !important;
}

/* ─── BOLD (700) – H2 / section headings & statements ─── */
h2.intro__heading,
.intro__heading,
h2.bottom-content__title,
.bottom-content__title,
.site-footer__statement,
.cta__text,
h2.choose-controller__title,
.l-section.l-section--choose-controller .choose-controller__title,
.copy .h1,
.copy h1,
.features__title,
.feature-heading,
.comparison-list-heading,
.inline-video__title,
.install-guide__title,
.installation__sub-title,
.towing__content__heading,
.why__content__heading,
.l-section.l-section--emphasis .emphasis__title,
.video-cta .video-cta__text .heading,
.l-section--mobile-video .mobile-video .mobile-video__text .heading,
.l-section.l-section--swaycontrol-centered-content .intro-how__text .heading,
.l-section--video-content .centered-content.copy .heading,
.l-section--two-column-content .two-column-content__title,
.page-template-our-story .our-story-content .bottom-content .bottom-content__text .bottom-content__title,
.brand-statement__title,
.desc-cards__title,
.app-download-cta__title,
.feature-highlight__title,
.app-hero__main-title {
    font-family: "Elecbrakes Sans", sans-serif !important;
    font-weight: 700 !important;
    line-height: 0.85 !important;
    letter-spacing: -0.01em !important;
}

/* intro__heading – tracking neutro (aprovado na home) */
h2.intro__heading,
.intro__heading {
    letter-spacing: 0 !important;
}

/* ─── Elementos com font-size próprio ─── */
.cta__text {
    font-size: clamp(1.25rem, 2rem + 1.5vw, 4rem) !important;
}

/* =====================================================================
   FONT-SIZE OVERRIDES – Elecbrakes Sans vs Beni compensation (~25%)
   Beni tinha métricas menores; Elecbrakes Sans aparece maior no mesmo
   font-size, por isso todos os tamanhos desktop são reduzidos.
   ===================================================================== */

/* ─── intro-standard__title (Our Story, SwayControl, etc.) ─── */
h1.intro-standard__title,
.intro-standard__title {
    letter-spacing: -2px !important;
}
@media (min-width: 48em) {
    h1.intro-standard__title,
    .intro-standard__title { font-size: 5.5rem !important; }
}
@media (min-width: 85.375em) {
    h1.intro-standard__title,
    .intro-standard__title { font-size: 6.5rem !important; }
}
@media (min-width: 105.625em) {
    h1.intro-standard__title,
    .intro-standard__title { font-size: 9rem !important; }
}

/* ─── hero-image__title / hero__title (Blog, inner pages) ─── */
/* Beni: 3.75 → 4.375 → 6.25 → 8.125 */
@media (min-width: 48em) {
    .hero-image__title,
    .hero__title { font-size: 3.5rem !important; }
}
@media (min-width: 85.375em) {
    .hero-image__title,
    .hero__title { font-size: 4.75rem !important; }
}
@media (min-width: 105.625em) {
    .hero-image__title,
    .hero__title { font-size: 9rem !important; }
}

/* ─── installation__title (Installation page) ─── */
/* Beni: 4.0625 → 6.25 → 7.5 → 8.75 → 11.25 */
@media (min-width: 48em) {
    .installation__title { font-size: 5.5rem !important; }
}
@media (min-width: 85.375em) {
    .installation__title { font-size: 6.5rem !important; }
}
@media (min-width: 105.625em) {
    .installation__title { font-size: 9rem !important; }
}

/* ─── towing__content__heading / why__content__heading / install-guide__title ─── */
/* Beni: 4.0625 → 6.25 → 7.5 → 9.0625 */
@media (min-width: 48em) {
    .towing__content__heading,
    .why__content__heading,
    .install-guide__title { font-size: 4.75rem !important; }
}
@media (min-width: 85.375em) {
    .towing__content__heading,
    .why__content__heading,
    .install-guide__title { font-size: 5.5rem !important; }
}
@media (min-width: 105.625em) {
    .towing__content__heading,
    .why__content__heading,
    .install-guide__title { font-size: 7rem !important; }
}

/* ─── features__title (decorative large text) ─── */
/* Beni: 5 → 9.375 → 15.625 → 21.5625 */
@media (min-width: 48em) {
    .features__title { font-size: 7rem !important; }
}
@media (min-width: 85.375em) {
    .features__title { font-size: 11.75rem !important; }
}
@media (min-width: 105.625em) {
    .features__title { font-size: 16rem !important; }
}

/* ─── features__title – overflow visible para não cortar o "+" ─── */
.features__title {
    overflow: visible !important;
}

/* ─── features__title__plus – "+" mesmo tamanho das letras, centralizado ─── */
.features__title__plus {
    font-size: 0.85em !important;
    line-height: inherit !important;
    align-self: center !important;
    margin: 0 0.1em !important;
}

/* ─── features__product--unit: encostado no pezinho do "+" ─── */
@media (min-width: 48em) {
    .features__product--unit { top: 8rem !important; }
}
@media (min-width: 85.375em) {
    .features__product--unit { top: 16rem !important; }
}
@media (min-width: 105.625em) {
    .features__product--unit { top: 19rem !important; }
}

/* ─── features__product--cord: mesma proporção ─── */
@media (min-width: 48em) {
    .features__product--cord { top: 9rem !important; }
}
@media (min-width: 85.375em) {
    .features__product--cord { top: 17rem !important; }
}
@media (min-width: 105.625em) {
    .features__product--cord { top: 21rem !important; }
}

/* ─── feature-heading ─── */
/* Beni: 4.8125 → 8.125 → 14.75 → 18.4375 */
@media (min-width: 48em) {
    .feature-heading { font-size: 6rem !important; }
}
@media (min-width: 85.375em) {
    .feature-heading { font-size: 11rem !important; }
}
@media (min-width: 105.625em) {
    .feature-heading { font-size: 13.75rem !important; }
}

/* ─── comparison-list-heading ─── */
/* Beni: 3.125 → 4.0625 → 6.25 → 9.0625 */
@media (min-width: 48em) {
    .comparison-list-heading { font-size: 3rem !important; }
}
@media (min-width: 64em) {
    .comparison-list-heading { font-size: 4.75rem !important; }
}
@media (min-width: 105.625em) {
    .comparison-list-heading { font-size: 9rem !important; }
}

/* ─── installation__sub-title ─── */
/* Beni: 2.125 → 3.25 → 3.95625 → 4.59375 → 5.875 */
@media (min-width: 48em) {
    .installation__sub-title { font-size: 3rem !important; }
}
@media (min-width: 85.375em) {
    .installation__sub-title { font-size: 3.5rem !important; }
}
@media (min-width: 105.625em) {
    .installation__sub-title { font-size: 4.4rem !important; }
}

/* ─── site-footer__statement ─── */
/* Beni: 4.8125 → 6.25 → 8.125 */
@media (min-width: 48em) {
    .site-footer__statement { font-size: 4.75rem !important; }
}
@media (min-width: 105.625em) {
    .site-footer__statement { font-size: 9rem !important; }
}

/* ─── cta__text ─── */
/* Beni: 3.75 → 4.375 → 6.25 → 8.125 */
@media (min-width: 48em) {
    .cta__text { font-size: 3.5rem !important; }
}
@media (min-width: 85.375em) {
    .cta__text { font-size: 4.75rem !important; }
}
@media (min-width: 105.625em) {
    .cta__text { font-size: 4rem !important; }
}

/* ─── Our Story – Innovation & Engineering Excellence (.feature-heading) ─── */
/* O generic .feature-heading sobe demais no desktop; aqui mantemos os tamanhos
   originais definidos em custom.css para a seção innovation-excellence. */
.page-template-our-story .l-section--innovation-excellence .feature-heading {
    padding-top: 0.15em !important;
}
@media (min-width: 48em) {
    .page-template-our-story .l-section--innovation-excellence .feature-heading {
        font-size: 6.25rem !important;  /* 100px */
    }
}
@media (min-width: 85.375em) {
    .page-template-our-story .l-section--innovation-excellence .feature-heading {
        font-size: 7.5rem !important;   /* 120px */
    }
}
@media (min-width: 105.625em) {
    .page-template-our-story .l-section--innovation-excellence .feature-heading {
        font-size: 9rem !important;     /* 144px */
    }
}

/* ─── Blog / content H2s – must stay Lab Grotesque (override Beni from style.min.css) ─── */
.copy h2,
.copy .h2,
.copy h2 span,
.copy .h2 span,
.related__title {
    font-family: "Lab Grotesque", sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}