/* ICODE HEADER MODULE V1.0.0 · isolated public header layer */
:root{--ihm-copper:#c66f3d;--ihm-copper2:#dda06e;--ihm-deep:#0e3039;--ihm-ink:#15191b;--ihm-soft:#f6f4f1;--ihm-line:rgba(14,48,57,.12)}

/* Requested structural cleanup. Keep the CTA untouched; remove ERP/CRM only from the main navigation. */
html body .nav-erp-stack{display:none!important}
html body header.cinema-header{width:min(1500px,calc(100% - 32px))!important;max-width:1500px!important;grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto!important;padding-left:18px!important;padding-right:12px!important;overflow:visible!important}
html body header.cinema-header .simple-main-nav{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(22px,1.85vw,36px)!important;overflow:visible!important}
html body header.cinema-header .simple-main-nav>a{white-space:nowrap!important}
html body header.cinema-header .cinema-header-actions{gap:9px!important}

/* Desktop dropdowns are inserted after the normal CMS/runtime has finished, so legacy selectors remain stable. */
.icode-hp-menu-root{display:inline-flex!important;align-items:center!important;gap:5px!important}
.icode-hp-caret{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:2px;color:currentColor;font-size:11px;font-weight:900;line-height:1;transform:translateY(-1px);transition:transform .16s ease,color .16s ease;pointer-events:auto}
.icode-hp-menu-root[aria-expanded="true"] .icode-hp-caret{transform:translateY(-1px) rotate(180deg);color:var(--ihm-copper)}
.icode-hp-nav-panel{position:absolute;z-index:99999;top:58px;left:0;width:272px;padding:8px;border:1px solid var(--ihm-line);border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(14,48,57,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.icode-hp-nav-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.icode-hp-nav-panel:before{content:"";position:absolute;top:-14px;left:0;right:0;height:16px}
.icode-hp-nav-panel a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important;padding:8px 10px!important;border-radius:9px!important;background:transparent!important;color:#26383e!important;font:750 10.5px/1.2 "Inter",Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
.icode-hp-nav-panel a:after{content:"↗";position:static!important;width:auto!important;height:auto!important;background:none!important;color:#a96a45!important;font-size:10px!important;opacity:.65}
.icode-hp-nav-panel a:hover,.icode-hp-nav-panel a:focus-visible{background:#f6f2ee!important;color:var(--ihm-copper)!important;outline:none}
.icode-hp-nav-panel .icode-hp-panel-label{display:block;padding:7px 10px 5px;color:#8a9699;font:900 7px/1.2 "Inter",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}

/* Mobile: keep the original main link. The arrow toggles a compact submenu. */
.icode-hp-mobile-panel{display:none;padding:4px 0 12px 36px;border-bottom:1px solid rgba(255,255,255,.10)}
.icode-hp-mobile-panel.open{display:grid;gap:4px}
.icode-hp-mobile-panel a{display:flex;align-items:center;min-height:36px;padding:5px 8px;border-radius:8px;color:#dfe4e5!important;font:650 13px/1.25 "Inter",Arial,sans-serif!important;text-decoration:none!important}
.icode-hp-mobile-panel a:hover,.icode-hp-mobile-panel a:focus-visible{background:rgba(255,255,255,.06);color:var(--ihm-copper2)!important;outline:none}
.simple-mobile-nav .mobile-scene-link.icode-hp-mobile-root>i{cursor:pointer;transform-origin:center;transition:transform .16s ease;color:var(--ihm-copper2)!important}
.simple-mobile-nav .mobile-scene-link.icode-hp-mobile-root[aria-expanded="true"]>i{transform:rotate(180deg)}

/* Shared preset geometry. Presets change presentation only, never the menu names/links. */
html body header.cinema-header[data-icode-header-preset^="p"]{width:min(1500px,calc(100% - 32px))!important;max-width:1500px!important;grid-template-columns:minmax(150px,190px) minmax(520px,1fr) auto!important;padding:9px 12px 9px 18px!important;border-radius:18px!important;overflow:visible!important}
html body header.cinema-header[data-icode-header-preset^="p"] .simple-main-nav{gap:clamp(22px,1.85vw,36px)!important}
html body header.cinema-header[data-icode-header-preset^="p"] .simple-main-nav>a{font-size:11.5px!important;font-weight:800!important;letter-spacing:-.01em!important}
html body header.cinema-header[data-icode-header-preset^="p"] .cinema-project-btn{min-width:150px!important}

/* 1 · Clean Float */
html body header.cinema-header[data-icode-header-preset="p1"],html body header.cinema-header.scrolled[data-icode-header-preset="p1"]{background:#fff!important;border:1px solid rgba(14,48,57,.07)!important;box-shadow:0 14px 42px rgba(14,48,57,.10)!important}
html body header.cinema-header[data-icode-header-preset="p1"] .cinema-project-btn{background:linear-gradient(135deg,#d77c45,#bd5d2d)!important;border-color:transparent!important;color:#fff!important}

/* 2 · Warm Band */
html body header.cinema-header[data-icode-header-preset="p2"],html body header.cinema-header.scrolled[data-icode-header-preset="p2"]{background:linear-gradient(110deg,#fff 0 38%,#fff7ef 62%,#f0c39e 100%)!important;border:1px solid rgba(198,111,61,.13)!important;box-shadow:0 16px 44px rgba(111,68,41,.10)!important}
html body header.cinema-header[data-icode-header-preset="p2"] .cinema-project-btn{background:#cb6c35!important;border-color:#cb6c35!important;color:#fff!important}

/* 3 · Fine Top Rail */
html body header.cinema-header[data-icode-header-preset="p3"],html body header.cinema-header.scrolled[data-icode-header-preset="p3"]{background:linear-gradient(#f2c09b 0 4px,#fff 4px 100%)!important;border:1px solid rgba(14,48,57,.08)!important;box-shadow:0 15px 38px rgba(14,48,57,.09)!important;padding-top:12px!important}
html body header.cinema-header[data-icode-header-preset="p3"] .cinema-project-btn{background:#fff!important;color:#bd5d2d!important;border:1px solid #d87942!important}

/* 4 · Dark Luxe */
html body header.cinema-header[data-icode-header-preset="p4"],html body header.cinema-header.scrolled[data-icode-header-preset="p4"]{background:linear-gradient(110deg,#2b1b15,#161311)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 48px rgba(19,10,7,.25)!important}
html body header.cinema-header[data-icode-header-preset="p4"] .simple-main-nav>a,html body header.cinema-header.scrolled[data-icode-header-preset="p4"] .simple-main-nav>a{color:#fff!important}
html body header.cinema-header[data-icode-header-preset="p4"] .cinema-whatsapp-btn{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
html body header.cinema-header[data-icode-header-preset="p4"] .cinema-project-btn{background:#d87942!important;border-color:#d87942!important;color:#fff!important}
html body header.cinema-header[data-icode-header-preset="p4"] .icode-hp-nav-panel{background:#211916!important;border-color:rgba(255,255,255,.10)!important}
html body header.cinema-header[data-icode-header-preset="p4"] .icode-hp-nav-panel a{color:#fff!important}
html body header.cinema-header[data-icode-header-preset="p4"] .icode-hp-nav-panel a:hover{background:rgba(255,255,255,.07)!important;color:#f1a978!important}

/* 5 · Copper Outline */
html body header.cinema-header[data-icode-header-preset="p5"],html body header.cinema-header.scrolled[data-icode-header-preset="p5"]{background:#fff!important;border:1.5px solid #d87942!important;box-shadow:0 10px 34px rgba(198,111,61,.08)!important}
html body header.cinema-header[data-icode-header-preset="p5"] .cinema-project-btn{background:#fff!important;color:#bd5d2d!important;border:1.5px solid #d87942!important}
html body header.cinema-header[data-icode-header-preset="p5"] .cinema-whatsapp-btn{color:#c66f3d!important;border-color:#e6b28f!important;background:#fff!important}

/* 6 · Soft Glass */
html body header.cinema-header[data-icode-header-preset="p6"],html body header.cinema-header.scrolled[data-icode-header-preset="p6"]{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;border:1px solid rgba(255,255,255,.90)!important;box-shadow:0 18px 54px rgba(14,48,57,.13)!important}
html body header.cinema-header[data-icode-header-preset="p6"] .simple-main-nav{background:rgba(255,255,255,.60)!important;padding:7px 18px!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(14,48,57,.05)!important}
html body header.cinema-header[data-icode-header-preset="p6"] .cinema-project-btn{background:linear-gradient(135deg,#d77b44,#bd5e2f)!important;color:#fff!important;border:0!important}

/* 7 · Accent Rails. Keep overflow visible so dropdowns cannot be clipped. */
html body header.cinema-header[data-icode-header-preset="p7"],html body header.cinema-header.scrolled[data-icode-header-preset="p7"]{background:linear-gradient(90deg,#d87942 0 8px,#fff 8px calc(100% - 8px),#d87942 calc(100% - 8px))!important;border:1px solid rgba(14,48,57,.08)!important;box-shadow:0 14px 40px rgba(14,48,57,.10)!important;overflow:visible!important}
html body header.cinema-header[data-icode-header-preset="p7"] .cinema-project-btn{background:#d87942!important;color:#fff!important;border-color:#d87942!important}

/* 8 · Compact Pro */
html body header.cinema-header[data-icode-header-preset="p8"],html body header.cinema-header.scrolled[data-icode-header-preset="p8"]{background:linear-gradient(105deg,#0e3039 0 21%,#fff 21% 100%)!important;border:1px solid rgba(14,48,57,.08)!important;box-shadow:0 15px 44px rgba(14,48,57,.14)!important;grid-template-columns:minmax(190px,230px) 1fr auto!important}
html body header.cinema-header[data-icode-header-preset="p8"] .cinema-project-btn{background:#d87942!important;color:#fff!important;border-color:#d87942!important}

/* Legacy header receives the same preset family with safer, simpler geometry. */
html body header.nav-shell[data-icode-header-preset^="p"]{width:min(1500px,calc(100% - 32px))!important;max-width:1500px!important;border-radius:18px!important;overflow:visible!important;box-shadow:0 14px 42px rgba(0,0,0,.16)!important}
html body header.nav-shell[data-icode-header-preset="p1"],html body header.nav-shell[data-icode-header-preset="p5"],html body header.nav-shell[data-icode-header-preset="p6"],html body header.nav-shell[data-icode-header-preset="p7"]{background:#fff!important;color:#111417!important}
html body header.nav-shell[data-icode-header-preset="p2"],html body header.nav-shell[data-icode-header-preset="p3"]{background:linear-gradient(110deg,#fff,#f6d7bd)!important;color:#111417!important}
html body header.nav-shell[data-icode-header-preset="p4"]{background:#201613!important;color:#fff!important}
html body header.nav-shell[data-icode-header-preset="p8"]{background:linear-gradient(105deg,#0e3039 0 22%,#fff 22%)!important;color:#111417!important}
html body header.nav-shell[data-icode-header-preset^="p"] .nav-links{position:relative!important;overflow:visible!important}
html body header.nav-shell[data-icode-header-preset^="p"] .nav-links>a{color:inherit!important}

@media(max-width:1240px){html body header.cinema-header{grid-template-columns:170px minmax(0,1fr) auto!important}.simple-main-nav{gap:14px!important}.icode-hp-nav-panel{width:250px}}
@media(max-width:1040px){html body header.cinema-header .simple-main-nav{gap:11px!important}}
@media(max-width:920px){html body header.cinema-header,html body header.cinema-header[data-icode-header-preset^="p"]{width:calc(100% - 24px)!important;grid-template-columns:1fr auto!important;padding:9px 10px 9px 14px!important}.icode-hp-nav-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){.icode-hp-nav-panel,.icode-hp-caret{transition:none!important}}
/* Defensive mobile isolation: do not rely on older theme files to hide desktop navigation. */
@media(max-width:920px){
  html body header.cinema-header .simple-main-nav{display:none!important}
  html body header.cinema-header .cinema-project-btn{display:none!important}
  html body header.cinema-header .cinema-logo{min-width:0!important;max-width:calc(100vw - 120px)!important}
  html body header.cinema-header .cinema-logo img{max-width:100%!important;height:auto!important}
  html body header.nav-shell .nav-links{max-width:calc(100vw - 110px)!important}
}