/* DJAEV Committees – site chrome "clean" layer (header + footer, all pages, DE/AR/EN). * Overrides the "DJAEV Managed Header" plugin (#djaev-header) and the DJAEV footer (#djaev-footer). * Pure CSS: menus, links and texts are untouched; decorative icons are hidden, not removed. * Kept icons: social links, hamburger/close, dropdown carets, language flag + arrow. * Selectors carry attribute qualifiers so they outrank the source CSS (incl. its !important rules). * Disable: add_filter( 'djc_chrome_clean', '__return_false' ); */ /* ================= HEADER ================= */ #djaev-header[data-dj-root][role=banner]{ --cc-bg:#0e5a75; --cc-bg-2:#0c4f67; --cc-ink:#fff; --cc-soft:rgba(255,255,255,.78); --cc-line:rgba(255,255,255,.14); --cc-hover:rgba(255,255,255,.08); --cc-panel-ink:#0b1f2a; --cc-panel-muted:#5f7182; --cc-panel-line:rgba(11,31,42,.08); --cc-teal:#14789c; filter:none!important; } /* surfaces: solid teal, no glass, no glow, no shadow */ #djaev-header[data-dj-root][role=banner] .dj-topbar, #djaev-header[data-dj-root][role=banner] .dj-main, #djaev-header[data-dj-root][role=banner].is-scrolled .dj-topbar, #djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{ background:var(--cc-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; box-shadow:none!important;border:0!important;border-radius:0!important; } #djaev-header[data-dj-root][role=banner] .dj-topbar{border-bottom:1px solid var(--cc-line)!important} #djaev-header[data-dj-root][role=banner] .dj-main{border-bottom:1px solid rgba(0,0,0,.06)!important} #djaev-header[data-dj-root][role=banner] .dj-topbar::before, #djaev-header[data-dj-root][role=banner] .dj-topbar::after, #djaev-header[data-dj-root][role=banner] .dj-main::before, #djaev-header[data-dj-root][role=banner] .dj-main::after, #djaev-header[data-dj-root][role=banner] .dj-drawer::before, #djaev-header[data-dj-root][role=banner] .dj-drawer::after{display:none!important;content:none!important} /* decorative icons off everywhere in the header … */ #djaev-header[data-dj-root][role=banner] .dj-link > i, #djaev-header[data-dj-root][role=banner] .dj-dd-link > i, #djaev-header[data-dj-root][role=banner] .dj-mlink > i, #djaev-header[data-dj-root][role=banner] .dj-acc-left > i, #djaev-header[data-dj-root][role=banner] .dj-acc-link > i, #djaev-header[data-dj-root][role=banner] .dj-btn > i, #djaev-header[data-dj-root][role=banner] .dj-top-link > i, #djaev-header[data-dj-root][role=banner] .dj-mrow > i{display:none!important} /* … the empty icon-only CTA (no label, href="#") is hidden rather than left as an empty pill */ #djaev-header[data-dj-root][role=banner] .dj-btn[href="#"], #djaev-header[data-dj-root][role=banner] .dj-btn:has(> span:empty){display:none!important} /* top bar: e-mail / phone as plain small text */ #djaev-header[data-dj-root][role=banner] .dj-top-link{padding:4px 0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; color:var(--cc-soft)!important;font-size:12.5px!important;font-weight:500!important;transform:none!important} #djaev-header[data-dj-root][role=banner] .dj-top-left{gap:20px!important} #djaev-header[data-dj-root][role=banner] .dj-top-link:hover{color:#fff!important;background:none!important} /* social icons (kept): bare glyphs, no circles */ #djaev-header[data-dj-root][role=banner] .dj-ico, #djaev-header[data-dj-root][role=banner] .dj-mobile-social .dj-ico{width:30px!important;height:30px!important;background:none!important;border:0!important;box-shadow:none!important; color:var(--cc-soft)!important;transform:none!important;font-size:13px!important} #djaev-header[data-dj-root][role=banner] .dj-ico:hover{color:#fff!important;background:none!important} #djaev-header[data-dj-root][role=banner] .dj-social{gap:2px!important} #djaev-header[data-dj-root][role=banner] .dj-mobile-social{background:none!important;border:0!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important} /* CTAs: one primary (Join), the rest are plain text links */ #djaev-header[data-dj-root][role=banner] .dj-cta{gap:20px!important;align-items:center!important} #djaev-header[data-dj-root][role=banner] .dj-btn{box-shadow:none!important;transform:none!important;font-weight:600!important;letter-spacing:0!important} #djaev-header[data-dj-root][role=banner] .dj-btn-ghost{background:none!important;border:0!important;padding:4px 0!important;color:var(--cc-soft)!important;font-size:13px!important;border-radius:0!important} #djaev-header[data-dj-root][role=banner] .dj-btn-ghost:hover{color:#fff!important;background:none!important;text-decoration:underline!important;text-underline-offset:4px} #djaev-header[data-dj-root][role=banner] .dj-btn-primary{background:#fff!important;color:var(--cc-bg)!important;border:0!important;padding:8px 16px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important} #djaev-header[data-dj-root][role=banner] .dj-btn-primary:hover{background:rgba(255,255,255,.9)!important;color:var(--cc-bg)!important} #djaev-header[data-dj-root][role=banner] .dj-cta .dj-btn-primary{order:9} /* primary sits at the outer end of the row */ /* main nav: text links, no pills */ #djaev-header[data-dj-root][role=banner] .dj-nav-list{gap:4px 6px!important} #djaev-header[data-dj-root][role=banner] .dj-link{background:none!important;border:0!important;box-shadow:none!important;transform:none!important;border-radius:8px!important; padding:10px 12px!important;color:#fff!important;font-weight:600!important;font-size:14.5px!important;gap:6px!important} #djaev-header[data-dj-root][role=banner] .dj-link:hover, #djaev-header[data-dj-root][role=banner] .dj-item.is-open > .dj-link{background:var(--cc-hover)!important} #djaev-header[data-dj-root][role=banner] .dj-caret{width:7px!important;height:7px!important;border-width:0 1.5px 1.5px 0!important;border-color:var(--cc-soft)!important;opacity:.9} /* desktop dropdowns: plain white panel, text-only rows */ #djaev-header[data-dj-root][role=banner] .dj-dd{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; border:1px solid var(--cc-panel-line)!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(11,31,42,.12)!important;padding:8px!important} #djaev-header[data-dj-root][role=banner] .dj-dd::before, #djaev-header[data-dj-root][role=banner] .dj-dd::after{display:none!important;content:none!important} #djaev-header[data-dj-root][role=banner] .dj-dd-link{color:var(--cc-panel-ink)!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important; border-radius:8px!important;padding:10px 14px!important;font-size:14px!important;font-weight:500!important} #djaev-header[data-dj-root][role=banner] .dj-dd-link:hover{background:#f1f6f8!important;color:var(--cc-teal)!important} /* language switcher (flag + code + arrow kept) */ #djaev-header[data-dj-root][role=banner] .dj-lang-toggle{background:none!important;border:1px solid var(--cc-line)!important;box-shadow:none!important;min-width:0!important;height:34px!important; padding:0 12px!important;font-weight:600!important;color:#fff!important} #djaev-header[data-dj-root][role=banner] .dj-lang-toggle:hover, #djaev-header[data-dj-root][role=banner] .dj-lang-menu.is-open .dj-lang-toggle{background:var(--cc-hover)!important} #djaev-header[data-dj-root][role=banner] .dj-lang-panel{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--cc-panel-line)!important; box-shadow:0 12px 32px rgba(11,31,42,.12)!important;border-radius:12px!important;padding:6px!important} #djaev-header[data-dj-root][role=banner] .dj-lang-option{color:var(--cc-panel-ink)!important;background:none!important;border:0!important;font-weight:600!important;border-radius:8px!important} #djaev-header[data-dj-root][role=banner] .dj-lang-option:hover{background:#f1f6f8!important} #djaev-header[data-dj-root][role=banner] .dj-lang-arrow{border-color:currentColor!important} /* burger / close (kept): no tiles */ #djaev-header[data-dj-root][role=banner] .dj-burger, #djaev-header[data-dj-root][role=banner] .dj-close{background:none!important;border:0!important;box-shadow:none!important;transform:none!important;border-radius:10px!important;color:#fff!important} #djaev-header[data-dj-root][role=banner] .dj-burger:hover, #djaev-header[data-dj-root][role=banner] .dj-close:hover{background:var(--cc-hover)!important} #djaev-header[data-dj-root][role=banner] .dj-burger-lines > span{background:#fff!important} /* ---------- mobile drawer: solid teal, rows with hairlines ---------- */ #djaev-header[data-dj-root][role=banner] .dj-drawer{background:var(--cc-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:12px 20px 24px!important} #djaev-header[data-dj-root][role=banner] .dj-drawer-head{background:none!important;border:0!important;border-bottom:1px solid var(--cc-line)!important;box-shadow:none!important;padding:4px 0 12px!important;margin-bottom:4px!important} #djaev-header[data-dj-root][role=banner] .dj-mnav-list{gap:0!important} #djaev-header[data-dj-root][role=banner] .dj-mitem{border-bottom:1px solid var(--cc-line)!important;margin:0!important} #djaev-header[data-dj-root][role=banner] .dj-mlink, #djaev-header[data-dj-root][role=banner] .dj-acc-btn{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important; padding:15px 2px!important;margin:0!important;color:#fff!important;font-weight:600!important;font-size:16px!important} #djaev-header[data-dj-root][role=banner] .dj-mlink:hover, #djaev-header[data-dj-root][role=banner] .dj-acc-btn:hover{background:none!important;color:#fff!important;opacity:.85} #djaev-header[data-dj-root][role=banner] .dj-acc-left{gap:0!important} #djaev-header[data-dj-root][role=banner] .dj-acc{padding:0!important} #djaev-header[data-dj-root][role=banner] .dj-drawer .dj-caret{width:8px!important;height:8px!important;border-width:0 2px 2px 0!important;border-color:rgba(255,255,255,.85)!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important; margin:0!important;padding:9px 16px!important;color:var(--cc-soft)!important;font-size:14.5px!important;font-weight:500!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link:last-child{padding-bottom:16px!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link:hover{background:none!important;color:#fff!important} #djaev-header[data-dj-root][role=banner] .dj-mcta{gap:4px!important;margin-top:20px!important;flex-direction:column!important} #djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-primary{order:-1;width:100%!important;justify-content:center!important;padding:13px 16px!important;font-size:15px!important;margin-bottom:8px} #djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-ghost{justify-content:flex-start!important;padding:8px 2px!important;font-size:15px!important;color:var(--cc-soft)!important} #djaev-header[data-dj-root][role=banner] .dj-drawer-bottom{border-top:1px solid var(--cc-line)!important;padding-top:16px!important} #djaev-header[data-dj-root][role=banner] .dj-mcard{background:none!important;border:0!important;box-shadow:none!important;padding:0!important} #djaev-header[data-dj-root][role=banner] .dj-mtitle{font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--cc-soft)!important;background:none!important;border:0!important;padding:0!important;margin:0 0 4px!important} #djaev-header[data-dj-root][role=banner] .dj-mrow{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:6px 0!important;color:#fff!important;font-weight:500!important} #djaev-header[data-dj-root][role=banner] .dj-overlay{background:rgba(5,20,28,.45)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} /* ================= FOOTER ================= */ #djaev-footer[data-lang]{background:#0b3b4d!important; --muted:rgba(255,255,255,.72); --soft:rgba(255,255,255,.55); --text:#fff; --teal:#8fd0d7; --border:rgba(255,255,255,.12)} #djaev-footer[data-lang]::before, #djaev-footer[data-lang] .f-topbar{display:none!important;content:none!important} #djaev-footer[data-lang] .f-wrap{padding-top:clamp(48px,6vw,72px)!important} #djaev-footer[data-lang] .f-grid-main{gap:40px!important} /* column titles: small label, no gradient rule */ #djaev-footer[data-lang] .f-col-title{font-size:12px!important;letter-spacing:.08em!important;color:var(--teal)!important;margin:0 0 14px!important;display:block!important} #djaev-footer[data-lang][dir=rtl] .f-col-title{letter-spacing:0!important;font-size:13px!important} #djaev-footer[data-lang] .f-col-title::after{display:none!important;content:none!important} /* contact rows: plain text (column title "Contact" makes them self-explanatory) */ #djaev-footer[data-lang] .f-contact{gap:6px!important} #djaev-footer[data-lang] .f-ci{gap:0!important} #djaev-footer[data-lang] .f-ci-icon{display:none!important} #djaev-footer[data-lang] .f-ci-text{padding:0!important;font-size:14px!important;color:var(--muted)!important} #djaev-footer[data-lang] .f-ci-text a{color:var(--muted)!important} #djaev-footer[data-lang] .f-ci-text a:hover{color:#fff!important} /* phone number reads left-to-right in RTL too (was shown as "12161 702 151 49+") */ #djaev-footer[data-lang] .f-ci-text a[href^="tel:"]{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block} /* link lists: no arrows, no pill hover */ #djaev-footer[data-lang] .f-links{gap:0!important} #djaev-footer[data-lang] .f-links .arr{display:none!important} #djaev-footer[data-lang] .f-links li a{padding:5px 0!important;border-radius:0!important;background:none!important;gap:0!important;font-size:14px!important;color:var(--muted)!important} #djaev-footer[data-lang] .f-links li a:hover{background:none!important;color:#fff!important;gap:0!important} /* footer CTA: quiet outline button, no icon */ #djaev-footer[data-lang] .f-cta{display:inline-flex!important;width:auto!important;margin-top:20px!important;padding:10px 20px!important;border-radius:999px!important; background:none!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:none!important;filter:none!important;transform:none!important;font-weight:600!important;font-size:14px!important} #djaev-footer[data-lang] .f-cta:hover{background:rgba(255,255,255,.08)!important;transform:none!important;filter:none!important} #djaev-footer[data-lang] .f-cta > i{display:none!important} /* brand: plain logo, no glowing tile; "since 2011" pill hidden (tagline already says it) */ #djaev-footer[data-lang] .f-logo-wrap{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:auto!important;height:auto!important;flex:0 0 auto!important;border-radius:0!important} #djaev-footer[data-lang] .f-logo-wrap img{width:44px!important;height:44px!important;filter:brightness(0) invert(1)!important;opacity:.92} #djaev-footer[data-lang] .f-name{font-size:15px!important;font-weight:700!important} #djaev-footer[data-lang] .f-tagline{color:var(--soft)!important;font-weight:500!important} #djaev-footer[data-lang] .f-desc{color:var(--muted)!important;font-weight:400!important;font-size:14px!important;max-width:38em} #djaev-footer[data-lang] .f-stats{display:none!important} /* social (kept): bare glyphs */ #djaev-footer[data-lang] .f-social{gap:4px!important;margin-inline-start:-8px} #djaev-footer[data-lang] .f-soc{width:36px!important;height:36px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:8px!important;color:var(--muted)!important;transform:none!important} #djaev-footer[data-lang] .f-soc:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;transform:none!important;box-shadow:none!important} /* bottom: one hairline, plain links */ #djaev-footer[data-lang] .f-divider{height:1px!important;background:var(--border)!important;margin-top:48px!important} #djaev-footer[data-lang] .f-bottom{padding:20px 0 28px!important} #djaev-footer[data-lang] .f-copy, #djaev-footer[data-lang] .f-copy strong{color:var(--soft)!important;font-weight:500!important} #djaev-footer[data-lang] .f-bottomlinks{gap:20px!important} #djaev-footer[data-lang] .f-bottomlinks a{padding:0!important;border-radius:0!important;background:none!important;color:var(--soft)!important} #djaev-footer[data-lang] .f-bottomlinks a:hover{background:none!important;color:#fff!important} @media (max-width:640px){ #djaev-footer[data-lang] .f-grid-main{gap:32px!important} #djaev-footer[data-lang] .f-bottomlinks{justify-content:center!important} } /* header logo in white (approved Oct 24, 2026) */ #djaev-header .dj-logo img,#djaev-header .dj-logo svg,.dj-drawer-logo img,.dj-drawer-logo svg{filter:brightness(0) invert(1)!important;opacity:.95} /* ===================================================================== * WARM PASS (Oct 24, 2026): clearer separation in menus and the top bar. * ===================================================================== */ /* desktop dropdowns: plain hairline border (no colored top edge), hairline between items, tinted hover */ #djaev-header[data-dj-root][role=banner] .dj-dd{padding:6px!important;border:1px solid rgba(11,31,42,.10)!important;border-radius:12px!important;min-width:260px} #djaev-header[data-dj-root][role=banner] .dj-dd-link{padding:11px 14px!important;border-radius:8px!important;font-size:14px!important;line-height:1.45!important;position:relative} #djaev-header[data-dj-root][role=banner] .dj-dd-link + .dj-dd-link::before{content:"";position:absolute;top:0;inset-inline:14px;height:1px;background:rgba(11,31,42,.08)} #djaev-header[data-dj-root][role=banner] .dj-dd-link:hover,#djaev-header[data-dj-root][role=banner] .dj-dd-link:focus-visible{background:#eaf4f7!important;color:#0e5a75!important;outline:0} #djaev-header[data-dj-root][role=banner] .dj-dd-link:hover::before,#djaev-header[data-dj-root][role=banner] .dj-dd-link:hover + .dj-dd-link::before, #djaev-header[data-dj-root][role=banner] .dj-dd-link:focus-visible::before,#djaev-header[data-dj-root][role=banner] .dj-dd-link:focus-visible + .dj-dd-link::before{opacity:0} #djaev-header[data-dj-root][role=banner] .dj-dd-link:active{background:#dceef3!important} #djaev-header[data-dj-root][role=banner] .dj-dd-btn[aria-expanded="true"]{background:rgba(255,255,255,.12)!important} /* top bar: thin vertical separators between the quiet links; Join stays the only filled button */ #djaev-header[data-dj-root][role=banner] .dj-cta{gap:0!important} #djaev-header[data-dj-root][role=banner] .dj-cta .dj-btn-ghost{padding:2px 14px!important;position:relative} #djaev-header[data-dj-root][role=banner] .dj-cta .dj-btn-ghost + .dj-btn-ghost::before{content:"";position:absolute;inset-inline-start:0;top:50%;height:14px;margin-top:-7px;width:1px;background:rgba(255,255,255,.28)} #djaev-header[data-dj-root][role=banner] .dj-cta .dj-btn-primary{margin-inline-start:12px!important} #djaev-header[data-dj-root][role=banner] .dj-top-right{gap:16px!important} /* mobile drawer: submenu as a soft inset panel with separated rows */ #djaev-header[data-dj-root][role=banner] .dj-acc{background:rgba(255,255,255,.06)!important;border-radius:12px!important;margin:0 0 12px!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link{padding:12px 16px!important;font-size:14.5px!important;position:relative;border-radius:0!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link:last-child{padding-bottom:12px!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link + .dj-acc-link::before{content:"";position:absolute;top:0;inset-inline:16px;height:1px;background:rgba(255,255,255,.10)} #djaev-header[data-dj-root][role=banner] .dj-acc-link:active,#djaev-header[data-dj-root][role=banner] .dj-acc-link:hover{background:rgba(255,255,255,.08)!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link:first-child{border-radius:12px 12px 0 0!important} #djaev-header[data-dj-root][role=banner] .dj-acc-link:last-child{border-radius:0 0 12px 12px!important} #djaev-header[data-dj-root][role=banner] .dj-mhas .dj-acc-btn[aria-expanded="true"]{color:#fff!important} /* mobile drawer actions: Join filled, the others as quiet outlined buttons */ #djaev-header[data-dj-root][role=banner] .dj-mcta{gap:8px!important} #djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-primary{margin-bottom:0!important} #djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-ghost{justify-content:center!important;padding:11px 16px!important;font-size:14.5px!important;color:#fff!important; border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;text-decoration:none!important} #djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-ghost:hover,#djaev-header[data-dj-root][role=banner] .dj-mcta .dj-btn-ghost:active{background:rgba(255,255,255,.08)!important;text-decoration:none!important} /* ===================================================================== * GLASS HEADER (Oct 24, 2026): translucent deep teal + blur on the two bars only. * Applied to .dj-topbar / .dj-main (not to #djaev-header or .dj-wrap): a backdrop-filter * on an ancestor would trap the position:fixed drawer + overlay inside the header box. * Tint rgba(8,72,98,.80): white text ≥5.7:1, secondary text (96% white) ≥5.3:1 even over a pure-white page (AA). * Static blur only: no transition/animation on backdrop-filter, no will-change. * ===================================================================== */ #djaev-header[data-dj-root][role=banner]{--cc-glass:rgba(8,72,98,.80);--cc-soft:rgba(255,255,255,.96)} #djaev-header[data-dj-root][role=banner] .dj-topbar,#djaev-header[data-dj-root][role=banner] .dj-main, #djaev-header[data-dj-root][role=banner].is-scrolled .dj-topbar,#djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{ background:var(--cc-glass)!important; -webkit-backdrop-filter:blur(14px) saturate(160%)!important;backdrop-filter:blur(14px) saturate(160%)!important} #djaev-header[data-dj-root][role=banner] .dj-topbar{border-bottom:1px solid rgba(255,255,255,.12)!important} /* crisp top highlight = the glass edge */ #djaev-header[data-dj-root][role=banner] .dj-topbar{box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important} #djaev-header[data-dj-root][role=banner] .dj-main{border-bottom:1px solid rgba(255,255,255,.18)!important} #djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 30px rgba(5,25,35,.14)!important} /* no animated blur: only the shadow eases, and the plugin's collapse of the top bar (max-height) is kept */ #djaev-header[data-dj-root][role=banner] .dj-main{transition:box-shadow .2s ease!important} #djaev-header[data-dj-root][role=banner] .dj-topbar{transition:max-height .22s ease!important} /* solid fallback where backdrop-filter is unsupported (keeps the same contrast) */ @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ #djaev-header[data-dj-root][role=banner] .dj-topbar,#djaev-header[data-dj-root][role=banner] .dj-main,#djaev-header[data-dj-root][role=banner].is-scrolled .dj-topbar,#djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{background:#0e5a75!important} } /* mobile drawer stays solid (better legibility than glass over busy content) */ #djaev-header[data-dj-root][role=banner] .dj-drawer{background:#0e5a75!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} /* ===================================================================== * PREMIUM GLASS (Oct 24, 2026) — header + plugin cards * Darker teal-navy glass, sheen + inner highlight, aqua hairline; floats as a capsule on scroll * (desktop). Still the only backdrop-filter surfaces: .dj-topbar and .dj-main (2 elements). * Contrast: white on rgba(5,46,66,.85) over pure white ≈ 8.7:1 (AAA). * ===================================================================== */ #djaev-header[data-dj-root][role=banner] .dj-topbar,#djaev-header[data-dj-root][role=banner] .dj-main,#djaev-header[data-dj-root][role=banner].is-scrolled .dj-topbar,#djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{ background: linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 55%), linear-gradient(115deg,rgba(8,70,96,.86) 0%,rgba(5,46,66,.85) 55%,rgba(7,62,86,.86) 100%)!important; -webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important} #djaev-header[data-dj-root][role=banner] .dj-topbar{border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important} #djaev-header[data-dj-root][role=banner] .dj-main{border-bottom:1px solid transparent!important; border-image:linear-gradient(90deg,rgba(255,255,255,.10),rgba(126,206,214,.55) 50%,rgba(255,255,255,.10)) 1!important} #djaev-header[data-dj-root][role=banner] .dj-btn-primary{background:linear-gradient(180deg,#fff,#e9f5f8)!important;color:#0a4a63!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px -6px rgba(0,0,0,.45)!important} #djaev-header[data-dj-root][role=banner] .dj-link:hover,#djaev-header[data-dj-root][role=banner] .dj-item.is-open>.dj-link,#djaev-header[data-dj-root][role=banner] .dj-dd-btn[aria-expanded="true"]{background:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important} /* scrolled (desktop): the main bar lifts into a floating glass capsule */ @media (min-width:1025px){ #djaev-header[data-dj-root][role=banner],#djaev-header[data-dj-root][role=banner] .dj-wrap{background:transparent!important;box-shadow:none!important} #djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{margin:10px 16px 0!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.14)!important;border-image:none!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 6px rgba(4,24,35,.18),0 22px 48px -16px rgba(4,24,35,.50)!important} } @media (max-width:1024px){ #djaev-header[data-dj-root][role=banner].is-scrolled .dj-main{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px -12px rgba(4,24,35,.45)!important} } /* 1025–1240px: fit all eight menu items (the last one was clipped at ~1100px) */ @media (min-width:1025px) and (max-width:1240px){ #djaev-header[data-dj-root][role=banner] .dj-main-inner{gap:6px!important;padding-inline:12px!important} #djaev-header[data-dj-root][role=banner] .dj-nav-list{gap:0 1px!important} #djaev-header[data-dj-root][role=banner] .dj-link{padding:8px 7px!important;font-size:13px!important;gap:4px!important} #djaev-header[data-dj-root][role=banner] .dj-logo img{height:40px!important;max-width:150px!important} #djaev-header[data-dj-root][role=banner] .dj-caret{margin-inline-start:2px!important} } @media (min-width:1025px) and (max-width:1120px){ #djaev-header[data-dj-root][role=banner] .dj-link{padding:8px 6px!important;font-size:12.5px!important} #djaev-header[data-dj-root][role=banner] .dj-nav{overflow:visible!important} } /* drawer: deep solid (no blur) in the same teal-navy */ #djaev-header[data-dj-root][role=banner] .dj-drawer{background:linear-gradient(180deg,#0b4660 0%,#073247 100%)!important} /* ---- plugin pages (activities / committees / branches): same glass recipe, no backdrop-filter ---- * Removes ~10–20 blurred layers per page (.djc-acard__body on every activity card, .djc-glass, * filter pills, filter menus) — they become translucent fills, which also fixes scroll jank there. */ .djc .djc-glass,.djc-glass.djc-glass{ background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(255,255,255,.70))!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; border:1px solid rgba(255,255,255,.85)!important;border-radius:22px!important; box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(14,90,117,.07),0 1px 2px rgba(10,48,66,.05),0 12px 32px -12px rgba(10,48,66,.22)!important} .djc .djc-acard__body{background:rgba(255,255,255,.90)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; border:1px solid rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 #fff,0 8px 24px -10px rgba(10,48,66,.25)!important} .djc .djc-acard{border-radius:22px} .djc .djc-dd__btn,.djc .djc-flt__all{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} .djc .djc-dd__menu{background:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} @media (prefers-reduced-motion:reduce){.djc .djc-acard,.djc .djc-acard:hover{transition:none!important;transform:none!important}} /* === SVG FLAGS (emoji flags don't render on Windows) === */ #djaev-header .dj-flag,.dj-drawer .dj-flag,[class*="dj-lang"] .dj-flag{font-size:0!important;line-height:0!important;color:transparent!important;display:inline-block!important;width:20px!important;height:14px!important;flex:0 0 20px;border-radius:3px;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 1px rgba(255,255,255,.35);filter:none!important;overflow:hidden} [aria-label="Arabic"]>.dj-flag,[data-lang="ar"]>.dj-flag{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%203%202%22%3E%3Cpath%20fill%3D%22%23CE1126%22%20d%3D%22M0%200h3v.667H0z%22/%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.667h3v.666H0z%22/%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%201.333h3V2H0z%22/%3E%3C/svg%3E")!important} [aria-label="Deutsch"]>.dj-flag,[data-lang="de"]>.dj-flag{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%203%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h5v1H0z%22/%3E%3Cpath%20fill%3D%22%23D00%22%20d%3D%22M0%201h5v1H0z%22/%3E%3Cpath%20fill%3D%22%23FFCE00%22%20d%3D%22M0%202h5v1H0z%22/%3E%3C/svg%3E")!important} [aria-label="English"]>.dj-flag,[data-lang="en"]>.dj-flag{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2060%2030%22%3E%3CclipPath%20id%3D%22s%22%3E%3Cpath%20d%3D%22M0%200v30h60V0z%22/%3E%3C/clipPath%3E%3CclipPath%20id%3D%22t%22%3E%3Cpath%20d%3D%22M30%2015h30v15zv15H0zH0V0zV0h30z%22/%3E%3C/clipPath%3E%3Cg%20clip-path%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M0%200v30h60V0z%22%20fill%3D%22%23012169%22/%3E%3Cpath%20d%3D%22M0%200l60%2030m0-30L0%2030%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22/%3E%3Cpath%20d%3D%22M0%200l60%2030m0-30L0%2030%22%20clip-path%3D%22url%28%23t%29%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M30%200v30M0%2015h60%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22/%3E%3Cpath%20d%3D%22M30%200v30M0%2015h60%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%226%22/%3E%3C/g%3E%3C/svg%3E")!important}