/* GROWT Interface OS 1.0.2 — theme-aware styling; does not replace theme markup. */
:root{--growt-ui-ink:#203641;--growt-ui-muted:#687b83;--growt-ui-accent:#137c73;--growt-ui-accent-soft:#eaf6f3;--growt-ui-line:rgba(29,65,73,.11);--growt-ui-shadow:0 14px 42px rgba(25,55,65,.10);--growt-ui-content:1280px;--growt-ui-wide:1440px}
body.growt-interface-os{color:var(--growt-ui-ink);overflow-wrap:anywhere}
body.growt-interface-os :where(*,*:before,*:after){box-sizing:border-box}
body.growt-interface-os :where(img,video,iframe,svg){max-width:100%}
/* Header: unify common WordPress, Astra, GeneratePress, Blocksy and Elementor structures. */
body.growt-interface-os :where(header#masthead,#masthead,.site-header,#site-header,.wp-site-blocks>header,.elementor-location-header,.ast-primary-header-bar,.main-header-bar,.ct-header){position:sticky;top:0;z-index:10000;isolation:isolate;background:rgba(255,255,255,.91);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(28,66,73,.08);box-shadow:0 4px 20px rgba(20,55,65,.035);}
body.admin-bar.growt-interface-os :where(header#masthead,#masthead,.site-header,#site-header,.wp-site-blocks>header,.elementor-location-header,.ast-primary-header-bar,.main-header-bar,.ct-header){top:32px}
body.growt-interface-os :where(.site-header .inside-header,.main-header-bar .ast-container,.ast-primary-header-bar .ast-container,.site-header .container,.elementor-location-header .elementor-container,.elementor-location-header .e-con-inner,.wp-site-blocks>header>div,.ct-header .ct-container){width:min(calc(100% - 48px),var(--growt-ui-wide));max-width:var(--growt-ui-wide);min-height:68px;margin-inline:auto;display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
body.growt-interface-os :where(.site-branding,.site-logo,.custom-logo-link,.wp-block-site-logo,.site-title,.ast-site-identity,.ct-header-trigger){flex-shrink:0}
body.growt-interface-os :where(.site-title a,.wp-block-site-title a,.site-branding a,.ast-site-identity a,.ct-header [rel=home]){color:var(--growt-ui-ink);text-decoration:none;font-weight:650;letter-spacing:-.035em}
body.growt-interface-os :where(.custom-logo,.custom-logo-link img,.wp-block-site-logo img){max-height:42px;width:auto;object-fit:contain}
/* One clear navigation rhythm; preserve menu items and theme-controlled mobile behavior. */
body.growt-interface-os :where(.main-navigation,.primary-navigation,.elementor-nav-menu--main,.ast-builder-menu,.ct-header-menu,.wp-block-navigation){min-width:0}
body.growt-interface-os :where(.main-navigation>ul,.primary-navigation>ul,.elementor-nav-menu--main .elementor-nav-menu,.ast-builder-menu .main-header-menu,.ct-header-menu>ul,.wp-block-navigation__container){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(2px,.35vw,6px);margin:0;padding:0;list-style:none}
body.growt-interface-os :where(.main-navigation a,.primary-navigation a,.elementor-nav-menu a,.wp-block-navigation-item__content,.ast-builder-menu .menu-link,.ct-header-menu a){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:12px;color:#354c54;text-decoration:none;font-size:14px;font-weight:520;line-height:1.25;white-space:normal;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
body.growt-interface-os :where(.main-navigation a:hover,.primary-navigation a:hover,.elementor-nav-menu a:hover,.wp-block-navigation-item__content:hover,.ast-builder-menu .menu-link:hover,.ct-header-menu a:hover){background:var(--growt-ui-accent-soft);color:var(--growt-ui-accent)}
body.growt-interface-os :where(.current-menu-item>a,.current_page_item>a,.current-menu-ancestor>a,.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content){color:var(--growt-ui-accent);background:rgba(19,124,115,.09)}
body.growt-interface-os :where(.sub-menu,.wp-block-navigation__submenu-container,.elementor-nav-menu--dropdown){z-index:10010;min-width:220px;max-width:min(92vw,360px);padding:8px!important;border:1px solid var(--growt-ui-line)!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--growt-ui-shadow)!important}
body.growt-interface-os :where(.sub-menu li,.wp-block-navigation__submenu-container li,.elementor-nav-menu--dropdown li){max-width:100%;list-style:none}
body.growt-interface-os :where(.sub-menu a,.wp-block-navigation__submenu-container a,.elementor-nav-menu--dropdown a){width:100%;min-height:42px;justify-content:flex-start;padding:11px 12px;white-space:normal;line-height:1.4}
body.growt-interface-os :where(.menu-toggle,.ast-mobile-menu-trigger-minimal,.ct-header-trigger,.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close){min-width:44px;min-height:44px;border-radius:12px}
/* Buttons and forms keep the same quiet premium language. */
body.growt-interface-os :where(.wp-block-button__link,.button,button[type=submit],input[type=submit],.elementor-button,.wp-element-button){max-width:100%;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:normal}
body.growt-interface-os :where(.wp-block-button__link,.elementor-button):hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(19,124,115,.15)}
/* Stable width contract; avoid horizontal overflow without narrowing desktop content. */
body.growt-interface-os :where(.site-main,.content-area,.site-content,.entry-content,.page-content,.wp-block-post-content){min-width:0;max-width:var(--growt-ui-content);margin-inline:auto}
body.growt-interface-os :where(.alignwide,.wp-block-group.alignwide,.wp-block-cover.alignwide){max-width:var(--growt-ui-wide)}
body.growt-interface-os :where(.growt-app,.growt-pf,.growt-home,.growt-catalog,.growt-ai,.growt-experts,.growt-about,.growt-account){width:min(calc(100% - 48px),var(--growt-ui-content));max-width:var(--growt-ui-content);margin-inline:auto;box-sizing:border-box}
body.growt-interface-os :where(.growt-pf-grid,.growt-grid,.growt-cards){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}
body.growt-interface-os :where(.growt-pf-card,.growt-card,.growt-resource-card,.growt-expert-card){border:1px solid var(--growt-ui-line);border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 5px 20px rgba(22,42,68,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.growt-interface-os :where(.growt-pf-card,.growt-card,.growt-resource-card,.growt-expert-card):hover{transform:translateY(-3px);box-shadow:var(--growt-ui-shadow);border-color:rgba(19,124,115,.22)}
body.growt-interface-os :where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;box-sizing:border-box;border-radius:11px}
body.growt-interface-os :where(.entry-title,.wp-block-post-title){letter-spacing:-.035em;font-weight:570;line-height:1.14}
body.growt-interface-os :where(p,li){line-height:1.7}
body.growt-interface-os :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(19,124,115,.32);outline-offset:3px}
body.growt-interface-os :where(.wp-block-navigation__responsive-container.is-menu-open){z-index:10020;padding:clamp(18px,4vw,36px);box-sizing:border-box;max-width:100vw;background:rgba(255,255,255,.985)}
body.growt-interface-os :where(.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content){width:100%;max-width:var(--growt-ui-content);margin-inline:auto}
body.growt-interface-os :where(.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container){align-items:stretch;width:100%;gap:6px}
body.growt-interface-os :where(.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content){width:100%;justify-content:flex-start;padding:13px 14px}
@media(min-width:1500px){body.growt-interface-os :where(.site-main,.content-area,.site-content,.entry-content,.page-content,.wp-block-post-content){max-width:1320px}body.growt-interface-os :where(.growt-app,.growt-pf,.growt-home,.growt-catalog,.growt-ai,.growt-experts,.growt-about,.growt-account){max-width:1320px}}
@media(max-width:1100px){body.growt-interface-os :where(.main-navigation a,.primary-navigation a,.elementor-nav-menu a,.wp-block-navigation-item__content,.ast-builder-menu .menu-link,.ct-header-menu a){padding:9px 10px;font-size:13px}body.growt-interface-os :where(.site-header .inside-header,.main-header-bar .ast-container,.ast-primary-header-bar .ast-container,.site-header .container,.elementor-location-header .elementor-container,.elementor-location-header .e-con-inner,.wp-site-blocks>header>div,.ct-header .ct-container){gap:12px}}
@media(max-width:782px){body.admin-bar.growt-interface-os :where(header#masthead,#masthead,.site-header,#site-header,.wp-site-blocks>header,.elementor-location-header,.ast-primary-header-bar,.main-header-bar,.ct-header){top:46px}body.growt-interface-os :where(.site-header .inside-header,.main-header-bar .ast-container,.ast-primary-header-bar .ast-container,.site-header .container,.elementor-location-header .elementor-container,.elementor-location-header .e-con-inner,.wp-site-blocks>header>div,.ct-header .ct-container){width:calc(100% - 28px);min-height:60px;gap:10px}body.growt-interface-os :where(.growt-app,.growt-pf,.growt-home,.growt-catalog,.growt-ai,.growt-experts,.growt-about,.growt-account){width:calc(100% - 32px)}body.growt-interface-os :where(.main-navigation ul,.primary-navigation ul,.elementor-nav-menu,.wp-block-navigation__container,.ast-builder-menu .main-header-menu,.ct-header-menu ul){gap:4px}body.growt-interface-os :where(.main-navigation a,.primary-navigation a,.elementor-nav-menu a,.wp-block-navigation-item__content,.ast-builder-menu .menu-link,.ct-header-menu a){min-height:42px;padding:10px 12px}body.growt-interface-os :where(.wp-block-columns,.elementor-section .elementor-container){gap:20px}}
@media(max-width:480px){body.growt-interface-os :where(.site-header .inside-header,.main-header-bar .ast-container,.ast-primary-header-bar .ast-container,.site-header .container,.elementor-location-header .elementor-container,.elementor-location-header .e-con-inner,.wp-site-blocks>header>div,.ct-header .ct-container){width:calc(100% - 20px)}body.growt-interface-os :where(.growt-app,.growt-pf,.growt-home,.growt-catalog,.growt-ai,.growt-experts,.growt-about,.growt-account){width:calc(100% - 24px)}body.growt-interface-os :where(.wp-block-button,.elementor-widget-button){max-width:100%}body.growt-interface-os :where(.wp-block-button__link,.elementor-button){max-width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){body.growt-interface-os *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
