/* Great Marriage Services — full-site menu strip. v2 (2026-08-20) Was inlined into every page's ; now shared and cacheable. Fixes: no longer sticky (it fought the header for top:0), 44px tap targets, and the breakpoint aligned to 680px. */ .cv-all-menu{ position:static; display:flex; gap:6px; align-items:center; flex-wrap:wrap; padding:6px 12px; background:rgba(20,25,40,.97); color:#fff; border-bottom:1px solid #d4ad62; font:700 13px 'Mukta',system-ui,-apple-system,'Segoe UI',sans-serif; } .cv-all-menu a, .cv-all-menu summary{ color:#fff; text-decoration:none; padding:10px 13px; border-radius:9px; cursor:pointer; white-space:nowrap; min-height:44px; display:inline-flex; align-items:center; gap:6px; } .cv-all-menu summary{list-style:none} .cv-all-menu summary::-webkit-details-marker{display:none} .cv-all-menu summary:after{content:'▾'; font-size:10px; opacity:.7} .cv-all-menu details[open] > summary:after{transform:rotate(180deg)} .cv-all-menu a:hover, .cv-all-menu summary:hover{background:#ffffff16} .cv-all-menu a:active, .cv-all-menu summary:active{background:#ffffff26} .cv-all-menu a:focus-visible, .cv-all-menu summary:focus-visible{outline:2px solid #f6d77a; outline-offset:-2px} .cv-all-menu details{position:relative} .cv-all-menu details > div{ position:absolute; top:46px; left:0; z-index:40; min-width:240px; max-height:70vh; overflow:auto; background:#fff; border:1px solid #eadfc9; border-radius:12px; box-shadow:0 18px 45px #0003; padding:6px; } .cv-all-menu details > div a{ display:flex; color:#26324a; padding:11px 12px; font-weight:700; white-space:normal; min-height:44px; } .cv-all-menu details > div a:hover{background:#f6efe2; color:#7a2529} .cv-home{ background:linear-gradient(135deg,#b98b3f,#e3c27c)!important; color:#20180f!important; } @media(max-width:680px){ .cv-all-menu{overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; scrollbar-width:none} .cv-all-menu::-webkit-scrollbar{display:none} .cv-all-menu details > div{ position:fixed; left:10px; right:10px; top:58px; max-height:70vh; } .cv-all-menu a,.cv-all-menu summary{font-size:12.5px; padding:10px 11px} } @media(prefers-reduced-motion:reduce){ .cv-all-menu summary:after{transition:none} } @media print{ .cv-all-menu{display:none} }