/*
 * EcoBrisa Portal v1.1.4 — Paleta equilibrada ultra premium
 * ---------------------------------------------------------
 * Atualização exclusivamente cromática. Nenhuma estrutura, dimensão,
 * posição, conteúdo, imagem, rota ou funcionalidade foi modificada.
 *
 * Hierarquia de uso:
 * 70% branco, gelo e cinza-claro
 * 22% verde-água e azul institucional
 *  8% laranja para conversão e pontos de atenção
 */

:root{
    --eco-white:#FFFFFF;
    --eco-snow:#F8FAFB;
    --eco-ice:#E8EDF4;
    --eco-ice-soft:#F1F5F7;
    --eco-border:#DCE4E8;
    --eco-border-strong:#C9D6DC;
    --eco-gray:#667780;
    --eco-gray-deep:#435B66;
    --eco-ink:#173B49;

    --eco-teal:#009398;
    --eco-teal-deep:#00767B;
    --eco-teal-dark:#005F63;
    --eco-teal-soft:#E5F5F4;
    --eco-teal-faint:#F2FAF9;

    --eco-blue:#00558A;
    --eco-blue-deep:#003F67;
    --eco-blue-soft:#E5F0F6;

    --eco-orange:#F58220;
    --eco-orange-deep:#D96816;
    --eco-orange-soft:#FFF2E7;

    --shadow-soft:0 12px 34px rgba(18,63,78,.08);
    --shadow-card:0 18px 48px rgba(18,63,78,.10);
    --shadow-hover:0 24px 58px rgba(0,85,138,.14);

    --navy-950:var(--eco-blue-deep);
    --navy-900:var(--eco-blue);
    --navy-850:var(--eco-teal-dark);
    --navy-800:var(--eco-teal-deep);
    --blue-600:var(--eco-blue);
    --blue-500:var(--eco-teal);
    --cyan-400:var(--eco-teal);
    --green:var(--eco-teal);
    --ice:var(--eco-ice);
    --white:var(--eco-white);
    --slate-50:var(--eco-snow);
    --slate-100:var(--eco-ice-soft);
    --slate-200:var(--eco-border);
    --slate-500:var(--eco-gray);
    --slate-700:var(--eco-gray-deep);
    --ink:var(--eco-ink);
}

html{background:var(--eco-white)!important}
body{background:var(--eco-white)!important;color:var(--eco-ink)!important}
::selection{background:rgba(0,147,152,.20)!important;color:var(--eco-blue-deep)!important}
.clima-kicker,.hero-eyebrow{color:var(--eco-teal-deep)!important}
.clima-text-link{color:var(--eco-teal-deep)!important}
.clima-text-link:hover{color:var(--eco-orange-deep)!important}

/* 1. CABEÇALHO — branco, leve e institucional */
.site-header,
.site-header.is-scrolled{
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(0,147,152,.14)!important;
    box-shadow:0 8px 28px rgba(18,63,78,.08)!important;
    backdrop-filter:saturate(140%) blur(14px)!important;
}
.brand{color:var(--eco-blue-deep)!important}
.brand__mark{
    background:linear-gradient(145deg,var(--eco-teal) 0%,var(--eco-blue) 100%)!important;
    box-shadow:0 8px 20px rgba(0,147,152,.20)!important;
}
.brand__mark i{border-color:var(--eco-white)!important}
.brand__text strong{color:var(--eco-blue-deep)!important}
.brand__text small{color:var(--eco-gray)!important}
.desktop-nav{color:var(--eco-teal-deep)!important}
.desktop-nav>a,.nav-dropdown>button{
    color:var(--eco-teal-deep)!important;
    font-weight:700!important;
}
.desktop-nav>a:hover,.nav-dropdown>button:hover{color:var(--eco-blue)!important}
.desktop-nav>a:after,.nav-dropdown>button:after{
    height:2px!important;
    background:var(--eco-orange)!important;
    box-shadow:none!important;
}
.header-search-toggle,.menu-toggle{
    background:var(--eco-teal-faint)!important;
    border-color:rgba(0,147,152,.20)!important;
    color:var(--eco-teal-deep)!important;
    box-shadow:none!important;
}
.header-search-toggle:hover,.menu-toggle:hover{
    background:var(--eco-teal-soft)!important;
    border-color:rgba(0,147,152,.36)!important;
    color:var(--eco-blue)!important;
}
.menu-toggle span{background:var(--eco-teal-deep)!important}
.nav-dropdown__menu,.header-search,.mobile-nav{
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    box-shadow:0 24px 60px rgba(18,63,78,.14)!important;
}
.nav-dropdown__menu a,.mobile-nav a{color:var(--eco-ink)!important}
.nav-dropdown__menu a:hover,.mobile-nav a:hover{
    background:var(--eco-teal-faint)!important;
    color:var(--eco-teal-deep)!important;
}
.mobile-nav a{border-bottom-color:var(--eco-border)!important}
.header-search{border-top-color:var(--eco-border)!important}
.header-search input{
    background:var(--eco-white)!important;
    border-color:var(--eco-border-strong)!important;
    color:var(--eco-ink)!important;
}
.header-search input:focus{border-color:var(--eco-teal)!important;box-shadow:0 0 0 4px rgba(0,147,152,.10)!important}

/* 2. BOTÕES — laranja só para conversão; azul/teal para ações secundárias */
.btn-primary,.btn-header{
    background:var(--eco-orange)!important;
    color:var(--eco-white)!important;
    border-color:var(--eco-orange)!important;
    box-shadow:0 12px 28px rgba(245,130,32,.23)!important;
}
.btn-primary:hover,.btn-header:hover{
    background:var(--eco-orange-deep)!important;
    border-color:var(--eco-orange-deep)!important;
    box-shadow:0 16px 34px rgba(217,104,22,.27)!important;
}
.btn-outline{
    background:var(--eco-white)!important;
    color:var(--eco-blue)!important;
    border-color:rgba(0,85,138,.28)!important;
}
.btn-outline:hover{background:var(--eco-blue-soft)!important;border-color:var(--eco-blue)!important;color:var(--eco-blue-deep)!important}
.btn-light{background:var(--eco-white)!important;color:var(--eco-blue-deep)!important;border-color:var(--eco-white)!important}
.btn-light:hover{background:var(--eco-orange)!important;color:var(--eco-white)!important;border-color:var(--eco-orange)!important}
.btn-glass{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.42)!important;color:var(--eco-white)!important}
.btn-glass:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.70)!important}
.whatsapp-dot{color:#B9F1E9!important}

/* 3. HERO — único grande bloco cromático da abertura */
.hero-section{
    background:
        linear-gradient(100deg,rgba(0,118,123,.96) 0%,rgba(0,147,152,.88) 43%,rgba(0,85,138,.78) 100%),
        var(--hero-image) center/cover no-repeat!important;
}
.hero-section:after{
    background:
        linear-gradient(180deg,transparent 68%,rgba(0,63,103,.42) 100%),
        radial-gradient(circle at 83% 14%,rgba(255,255,255,.13),transparent 32%)!important;
}
.hero-copy h1{color:var(--eco-white)!important;text-shadow:0 5px 24px rgba(0,63,103,.18)!important}
.hero-copy h1 em,.hero-section em,.catalog-hero em{
    color:#FFA44F!important;
    text-shadow:0 4px 18px rgba(72,36,0,.14)!important;
}
.hero-copy>p,.hero-proof{color:#EAF8F7!important}
.hero-proof b{color:#FFD1A4!important}
.hero-badge{
    background:rgba(0,63,103,.42)!important;
    border-color:rgba(255,255,255,.26)!important;
    box-shadow:0 18px 46px rgba(0,63,103,.16)!important;
}
.hero-badge strong{color:var(--eco-white)!important}
.hero-badge span{color:#D9F3F1!important}
.hero-section__glow--one{background:var(--eco-orange)!important;opacity:.16!important}
.hero-section__glow--two{background:#7EDAD5!important;opacity:.22!important}
.air-flow{border-top-color:rgba(255,255,255,.46)!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.28))!important}

/* 4. PESQUISA PRINCIPAL — branca e discreta */
.search-dock>.clima-shell{
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    box-shadow:var(--shadow-card)!important;
}
.search-dock__form>span{color:var(--eco-teal)!important}
.search-dock__form button{color:var(--eco-blue)!important}
.search-dock__trends small{color:var(--eco-gray)!important}
.search-dock__trends a,.clima-chip{
    background:var(--eco-teal-soft)!important;
    color:var(--eco-teal-deep)!important;
}
.search-dock__trends a:nth-of-type(n),.clima-card:nth-child(n) .clima-chip{
    background:var(--eco-teal-soft)!important;
    color:var(--eco-teal-deep)!important;
}
.search-dock__trends a:hover,.clima-chip:hover{background:var(--eco-teal)!important;color:var(--eco-white)!important}

/* 5. SEÇÕES — alternância clara, sem blocos excessivamente coloridos */
.section--light,.catalog-section,.page-section,.contact-section{
    background:var(--eco-white)!important;
}
.section--soft,.case-newsletter{
    background:var(--eco-snow)!important;
}
.section-heading h2{color:var(--eco-blue-deep)!important}
.section-heading p{color:var(--eco-gray)!important}

.clima-card,.sidebar-panel,.guide-card,.newsletter-card,.page-content,.contact-form-card,
.catalog-search,.catalog-sidebar,.catalog-card,.product-gallery,.product-panel,.product-description,.article-content{
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    box-shadow:var(--shadow-soft)!important;
}
.clima-card:hover,.catalog-card:hover{
    border-color:rgba(0,147,152,.28)!important;
    box-shadow:var(--shadow-hover)!important;
}
.clima-card:nth-child(n):hover{box-shadow:var(--shadow-hover)!important}
.clima-card__shade{background:linear-gradient(180deg,transparent 22%,rgba(0,63,103,.88) 100%)!important}
.clima-reading,.clima-card:nth-child(n) .clima-reading{
    background:rgba(0,85,138,.88)!important;
    color:var(--eco-white)!important;
}
.clima-card__body time,.guide-card small,.newsletter-card small{color:var(--eco-teal-deep)!important}
.clima-card__body h3,.clima-card__body h3 a{color:var(--eco-blue-deep)!important}
.clima-card__body p,.guide-card p,.newsletter-card p{color:var(--eco-gray)!important}
.sidebar-panel__title{color:var(--eco-blue-deep)!important}
.sidebar-panel__title small{color:var(--eco-teal-deep)!important}
.sidebar-panel>a:hover{color:var(--eco-blue)!important;background:var(--eco-teal-faint)!important}
.sidebar-panel>a b{background:var(--eco-orange-soft)!important;color:var(--eco-orange-deep)!important}
.guide-card{background:linear-gradient(145deg,var(--eco-white),var(--eco-teal-faint))!important}
.guide-card__book{background:linear-gradient(145deg,var(--eco-blue),var(--eco-teal-deep))!important;box-shadow:8px 10px 22px rgba(0,85,138,.14)!important}
.guide-card__book span,.guide-card__book i{color:#DDF5F3!important}
.guide-card a{color:var(--eco-orange-deep)!important}

/* 6. AUTORIDADE — uma faixa escura, limpa e sóbria */
.authority-strip{
    background:linear-gradient(105deg,var(--eco-blue-deep) 0%,var(--eco-blue) 58%,var(--eco-teal-deep) 100%)!important;
    color:var(--eco-white)!important;
}
.authority-strip:before{background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.10),transparent 36%)!important}
.metric-icon,.authority-strip>div:nth-child(n) .metric-icon{color:#FFB36C!important}
.authority-strip strong{color:var(--eco-white)!important}
.authority-strip p{color:#D9EAF0!important}

/* 7. LINHA DO TEMPO — gelo, branco e guias teal */
.section--timeline{
    background:var(--eco-ice-soft)!important;
    color:var(--eco-ink)!important;
}
.section-heading--dark h2{color:var(--eco-blue-deep)!important}
.section-heading--dark p{color:var(--eco-gray)!important}
.timeline-list:before{background:linear-gradient(var(--eco-teal),rgba(0,147,152,.10))!important}
.timeline-month span{
    background:var(--eco-white)!important;
    border-color:rgba(0,147,152,.22)!important;
    color:var(--eco-teal-deep)!important;
    box-shadow:0 8px 20px rgba(18,63,78,.06)!important;
}
.timeline-item,
.timeline-item:nth-of-type(n){
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    box-shadow:0 10px 28px rgba(18,63,78,.06)!important;
}
.timeline-item:hover{
    background:var(--eco-white)!important;
    border-color:rgba(0,147,152,.34)!important;
    box-shadow:0 18px 40px rgba(0,85,138,.10)!important;
}
.timeline-item__dot,.timeline-item:nth-of-type(n) .timeline-item__dot{
    background:var(--eco-teal)!important;
    border-color:var(--eco-white)!important;
    box-shadow:0 0 0 4px rgba(0,147,152,.14)!important;
}
.timeline-item:hover .timeline-item__dot{background:var(--eco-orange)!important;box-shadow:0 0 0 4px rgba(245,130,32,.14)!important}
.timeline-item>time strong,.timeline-item__content h3{color:var(--eco-blue-deep)!important}
.timeline-item>time span,.timeline-item__content p{color:var(--eco-gray)!important}
.timeline-item__arrow{
    background:var(--eco-white)!important;
    border-color:var(--eco-border-strong)!important;
    color:var(--eco-teal-deep)!important;
}
.timeline-item:hover .timeline-item__arrow{background:var(--eco-orange)!important;border-color:var(--eco-orange)!important;color:var(--eco-white)!important}
.sticky-card{
    background:linear-gradient(145deg,var(--eco-blue),var(--eco-teal-deep))!important;
    border-color:rgba(255,255,255,.18)!important;
    color:var(--eco-white)!important;
    box-shadow:0 22px 52px rgba(0,85,138,.16)!important;
}
.sticky-card .clima-kicker{color:#BDE9E6!important}
.sticky-card p{color:#DCEFF0!important}
.popular-card{background:var(--eco-white)!important;border-color:var(--eco-border)!important;color:var(--eco-ink)!important}
.popular-card a:hover span{color:var(--eco-orange-deep)!important}

/* 8. CASES, NEWSLETTER E CTA — cor concentrada apenas onde agrega hierarquia */
.case-newsletter{background:var(--eco-snow)!important}
.case-card{
    background:
        linear-gradient(110deg,rgba(0,63,103,.94),rgba(0,118,123,.82)),
        url('../images/industrial-placeholder.svg') center/cover!important;
}
.case-card p,.case-card__metric span{color:#DDEEF0!important}
.case-card .clima-kicker{color:#BFECE7!important}
.case-card__metric{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.24)!important;
    box-shadow:none!important;
}
.case-card__metric strong{color:#FFB36C!important}
.newsletter-card{background:var(--eco-white)!important}
.newsletter-card__icon{background:var(--eco-teal-soft)!important;color:var(--eco-teal-deep)!important}
.final-cta{
    background:linear-gradient(105deg,var(--eco-teal-deep) 0%,var(--eco-teal) 58%,var(--eco-blue) 125%)!important;
    color:var(--eco-white)!important;
}
.final-cta .clima-kicker{color:#BDEBE7!important}
.final-cta p{color:#DEF2F1!important}

/* 9. RODAPÉ — fechamento azul profundo */
.site-footer{
    background:var(--eco-blue-deep)!important;
    color:#D9E9EF!important;
    border-top-color:var(--eco-teal)!important;
}
.site-footer h3{color:var(--eco-white)!important}
.site-footer__grid>div>a:not(.brand):not(.btn),.site-footer__brand p{color:#C9DDE5!important}
.site-footer__bottom{border-top-color:rgba(255,255,255,.14)!important}
.site-footer a:hover{color:#FFB36C!important}
.floating-whatsapp{background:var(--eco-teal)!important;box-shadow:0 14px 32px rgba(0,147,152,.24)!important}

/* 10. PÁGINAS INTERNAS E ARTIGOS */
.article-hero,.archive-hero,.page-hero{
    background:linear-gradient(112deg,var(--eco-blue-deep) 0%,var(--eco-blue) 60%,var(--eco-teal-deep) 115%)!important;
}
.article-hero:before,.archive-hero:before,.page-hero:before{
    background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.10),transparent 34%)!important;
}
.article-hero h1,.archive-hero h1,.page-hero h1{color:var(--eco-white)!important}
.article-hero h1 em,.archive-hero h1 em,.page-hero h1 em{color:#FFB36C!important}
.article-meta,.breadcrumbs{color:#DCECEF!important}
.breadcrumbs a:hover{color:#FFB36C!important}
.article-hero p,.archive-hero p,.page-hero p{color:#DCECEF!important}
.article-content h2,.article-content h3,.page-content h2,.page-content h3{color:var(--eco-blue-deep)!important}
.article-content a,.page-content a,.htmlchars a{color:var(--eco-teal-deep)!important}
.article-content a:hover,.page-content a:hover,.htmlchars a:hover{color:var(--eco-orange-deep)!important}
.article-lead{border-left-color:var(--eco-teal)!important;background:var(--eco-teal-faint)!important}
.htmlchars blockquote{border-left-color:var(--eco-teal)!important;background:var(--eco-teal-faint)!important;color:var(--eco-gray-deep)!important}
.article-tags span,.article-tags span:nth-child(n){background:var(--eco-ice-soft)!important;color:var(--eco-blue)!important}
.article-author{background:var(--eco-teal-faint)!important}
.article-author__avatar{background:linear-gradient(135deg,var(--eco-blue),var(--eco-teal))!important}
.article-share a,.article-share button{border-color:var(--eco-border)!important;color:var(--eco-teal-deep)!important}
.article-share a:hover,.article-share button:hover{background:var(--eco-orange)!important;border-color:var(--eco-orange)!important;color:var(--eco-white)!important}

/* 11. CATÁLOGO — superfícies claras, filtros teal e conversão laranja */
.catalog-hero{
    background:
        linear-gradient(102deg,rgba(0,63,103,.94),rgba(0,118,123,.84) 58%,rgba(0,147,152,.66)),
        url('../images/industrial-placeholder.svg') center/cover no-repeat!important;
}
.catalog-hero:after{background:radial-gradient(circle at 80% 16%,rgba(255,255,255,.11),transparent 34%)!important}
.catalog-hero h1{color:var(--eco-white)!important}
.catalog-hero p{color:#DDEFF0!important}
.catalog-search{
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    box-shadow:var(--shadow-card)!important;
}
.catalog-search:focus-within{border-color:rgba(0,147,152,.40)!important;box-shadow:0 24px 60px rgba(0,85,138,.12)!important}
.catalog-search input:focus,.catalog-search select:focus{border-color:var(--eco-teal)!important;box-shadow:0 0 0 4px rgba(0,147,152,.10)!important}
.catalog-search__text>span{color:var(--eco-teal)!important}
.catalog-sidebar{background:var(--eco-white)!important}
.catalog-sidebar__head strong,.catalog-sidebar__group>strong{color:var(--eco-blue-deep)!important}
.catalog-sidebar__head a{color:var(--eco-orange-deep)!important}
.catalog-sidebar>a,.catalog-sidebar__group>a{color:var(--eco-ink)!important}
.catalog-sidebar a:hover,.catalog-sidebar a.is-active{
    background:var(--eco-teal-soft)!important;
    color:var(--eco-teal-deep)!important;
}
.catalog-sidebar a b{background:var(--eco-ice-soft)!important;color:var(--eco-blue)!important}
.catalog-results__head{color:var(--eco-gray)!important}
.catalog-results__head strong{color:var(--eco-blue-deep)!important}
.catalog-card{background:var(--eco-white)!important;box-shadow:var(--shadow-soft)!important}
.catalog-card__media,.product-gallery__main{background:var(--eco-ice-soft)!important}
.catalog-card__badge,.catalog-card:nth-child(n) .catalog-card__badge{
    background:var(--eco-teal-deep)!important;
    color:var(--eco-white)!important;
}
.catalog-card h2{color:var(--eco-blue-deep)!important}
.catalog-card p,.catalog-card__specs dt{color:var(--eco-gray)!important}
.catalog-card__specs{border-color:var(--eco-border)!important}
.catalog-support-strip{background:var(--eco-teal-faint)!important;border-color:var(--eco-border)!important}
.catalog-support-strip>div>span,.catalog-support-strip>div:nth-child(n)>span{color:var(--eco-teal)!important}
.catalog-support-strip p{color:var(--eco-gray)!important}

/* 12. PRODUTO E DOWNLOADS */
.product-summary h1{color:var(--eco-blue-deep)!important}
.product-summary__subtitle{color:var(--eco-gray)!important}
.product-highlight-grid div,.product-highlight-grid div:nth-child(n){
    background:var(--eco-white)!important;
    border-color:var(--eco-border)!important;
    border-top-color:var(--eco-teal)!important;
}
.product-highlight-grid small{color:var(--eco-gray)!important}
.product-gallery__thumbs button.is-active{border-color:var(--eco-teal)!important}
.product-assurance{background:linear-gradient(110deg,var(--eco-blue),var(--eco-teal-deep))!important}
.product-assurance span{color:#DCEFF0!important}
.product-panel__head{color:var(--eco-blue-deep)!important;border-bottom-color:var(--eco-border)!important}
.product-spec-table span{color:var(--eco-gray)!important}
.product-application-grid div,.product-application-grid div:nth-child(n){background:var(--eco-teal-faint)!important}
.product-application-grid span,.product-application-grid div:nth-child(n) span{color:var(--eco-teal-deep)!important}
.product-downloads a{border-color:var(--eco-border)!important;background:var(--eco-white)!important}
.product-downloads a>span{background:var(--eco-blue-soft)!important;color:var(--eco-blue)!important}
.product-downloads i{color:var(--eco-teal-deep)!important}
.product-downloads a:hover{border-color:rgba(0,147,152,.40)!important;background:var(--eco-teal-faint)!important}
.contact-product-interest{border-left-color:var(--eco-teal)!important;background:var(--eco-teal-faint)!important;color:var(--eco-gray-deep)!important}

/* 13. FORMULÁRIOS */
.contact-copy h1,.contact-copy h2,.contact-form-card h2{color:var(--eco-blue-deep)!important}
.contact-copy>p,.contact-points small{color:var(--eco-gray)!important}
.contact-points b,.contact-points>div:nth-child(n) b{background:var(--eco-teal-soft)!important;color:var(--eco-teal-deep)!important}
.contact-form-card input,.contact-form-card textarea,.contact-form-card select{
    border-color:var(--eco-border)!important;
    background:var(--eco-white)!important;
    color:var(--eco-ink)!important;
}
.contact-form-card input:focus,.contact-form-card textarea:focus,.contact-form-card select:focus,
.newsletter-card input:focus,.archive-toolbar input:focus,.archive-search-large input:focus,.not-found input:focus{
    border-color:var(--eco-teal)!important;
    box-shadow:0 0 0 4px rgba(0,147,152,.10)!important;
}
.paginator .active{border-color:var(--eco-orange)!important;background:var(--eco-orange)!important;color:var(--eco-white)!important}
.paginator a:hover{border-color:var(--eco-teal)!important;color:var(--eco-teal-deep)!important}
.not-found{background:radial-gradient(circle at 50% 28%,var(--eco-teal),var(--eco-blue-deep) 72%)!important}
.not-found__code{color:rgba(255,255,255,.17)!important}
.empty-state{border-color:var(--eco-border)!important;background:var(--eco-snow)!important;color:var(--eco-gray)!important}

/* 14. NAVEGAÇÃO MOBILE */
.mobile-bottom-nav{
    background:rgba(255,255,255,.98)!important;
    border-top-color:var(--eco-border)!important;
    box-shadow:0 -10px 28px rgba(18,63,78,.08)!important;
}
.mobile-bottom-nav a{color:var(--eco-gray)!important}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a.is-active{color:var(--eco-teal-deep)!important}

/* 15. PEQUENOS ESTADOS E ACESSIBILIDADE */
.archive-toolbar button{background:var(--eco-teal-soft)!important;color:var(--eco-teal-deep)!important}
.archive-toolbar button:hover{background:var(--eco-teal)!important;color:var(--eco-white)!important}
.archive-toolbar>span{color:var(--eco-gray)!important}
.article-meta b,.catalog-results__head b{color:var(--eco-orange)!important}
:focus-visible{outline:3px solid rgba(245,130,32,.46)!important;outline-offset:3px!important}

@media (max-width:980px){
    .site-header,.site-header.is-scrolled{background:rgba(255,255,255,.99)!important}
    .mobile-nav{background:var(--eco-white)!important}
    .mobile-nav .btn-primary{color:var(--eco-white)!important}
}