/* =========================================================================
   whedo.it — canonical nav + footer (single source of truth)
   wh2-* classes, absolute paths, !important on layout so older inline page
   CSS cannot override it. Byte-identical on every page, any folder depth.
   ========================================================================= */
:root{--wh2-bg:#15110d;--wh2-bg2:#1c1812;--wh2-paper:#221d16;--wh2-warm:#2a241c;--wh2-text:#f4ede0;--wh2-text2:#b8ad9c;--wh2-text3:#7d7464;--wh2-rule:#3a3127;--wh2-rule2:#4a4031;--wh2-cyan:#0098d4;--wh2-cyanl:#4ec3ec;--wh2-cyand:#00638a}
[data-theme=light]{--wh2-bg:#f5f1ea;--wh2-bg2:#faf7f2;--wh2-paper:#fff;--wh2-warm:#efe9de;--wh2-text:#1a1714;--wh2-text2:#5a534b;--wh2-text3:#8c8377;--wh2-rule:#d8d0c2;--wh2-rule2:#c4b9a6;--wh2-cyan:#0098d4;--wh2-cyanl:#0098d4;--wh2-cyand:#00638a}

/* ---------- DESKTOP NAV ---------- */
.wh2-nav{position:sticky!important;top:0;z-index:1000!important;background:var(--wh2-bg)!important;border-bottom:1px solid var(--wh2-rule)!important;padding:0!important;font-family:'Inter',-apple-system,system-ui,sans-serif!important}
.wh2-nav *{box-sizing:border-box}
.wh2-inner{display:flex!important;align-items:center;gap:4px;max-width:1280px;margin:0 auto!important;padding:12px 40px!important}
.wh2-logo{margin-right:auto!important;display:flex;align-items:center;text-decoration:none}
.wh2-logo img{height:38px;width:auto;display:block}
.wh2-item{position:relative;display:inline-flex;align-items:center}
.wh2-link{font-size:13.5px;color:var(--wh2-text2);padding:8px 13px;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap;font-weight:500;background:none}
.wh2-link .car{font-size:9px;opacity:.6;margin-left:5px}
.wh2-item:hover>.wh2-link,.wh2-item:focus-within>.wh2-link,.wh2-link:hover{background:rgba(78,195,236,.16);border-color:rgba(78,195,236,.5);color:#bfeafb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 14px rgba(0,174,239,.22)}
[data-theme=light] .wh2-item:hover>.wh2-link,[data-theme=light] .wh2-link:hover{background:rgba(0,152,212,.12);border-color:rgba(0,152,212,.4);color:#00638a}
.wh2-link.cur{background:var(--wh2-cyan);border-color:var(--wh2-cyan);color:#fff}
.wh2-sub{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(-6px);min-width:240px;background:rgba(34,29,22,.74);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(78,195,236,.3);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:all .2s;z-index:1100;box-shadow:0 22px 55px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)}
[data-theme=light] .wh2-sub{background:rgba(255,255,255,.82);border-color:rgba(0,152,212,.25)}
.wh2-item:hover .wh2-sub,.wh2-item:focus-within .wh2-sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px)}
.wh2-sub a{padding:9px 13px;border-radius:9px;font-size:13.5px;color:var(--wh2-text2);text-decoration:none;white-space:nowrap;transition:all .14s}
.wh2-sub a b{color:var(--wh2-text);font-weight:600}
.wh2-sub a:hover{background:var(--wh2-cyan);color:#fff}
.wh2-sub a:hover b{color:#fff}
.wh2-theme{margin-left:8px;width:36px;height:36px;border-radius:50%;border:1px solid var(--wh2-rule2);background:transparent;color:var(--wh2-text2);cursor:pointer;flex:0 0 auto;display:grid;place-items:center;font-size:14px}
.wh2-shop{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05;color:var(--wh2-cyanl);font-weight:600;font-size:13.5px;text-decoration:none;padding:4px 10px}
.wh2-shop small{font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--wh2-text3);font-variant:small-caps;margin-top:1px}
.wh2-burger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;margin-left:auto}
.wh2-burger span{display:block;width:22px;height:2px;background:var(--wh2-text);transition:.25s}

/* ---------- MOBILE ---------- */
.wh2-scrim{position:fixed;inset:0;background:rgba(8,6,4,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:1500}
.wh2-scrim.show{opacity:1;visibility:visible}
.wh2-mobile{position:fixed;top:10%;left:10%;right:10%;bottom:10%;background:var(--wh2-bg2);border:1px solid rgba(78,195,236,.28);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:hidden;z-index:1600;transform:scale(.94);opacity:0;visibility:hidden;transition:.26s cubic-bezier(.2,.9,.3,1.1)}
.wh2-mobile.show{transform:scale(1);opacity:1;visibility:visible}
.wh2-mhead{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid var(--wh2-rule)}
.wh2-mhead img{height:26px;margin-right:auto}
.wh2-mx{width:28px;height:28px;display:grid;place-items:center;color:var(--wh2-text);font-size:18px;cursor:pointer;border:0;background:none}
.wh2-mbody{flex:1;overflow-y:auto;padding:10px;scrollbar-width:none;-ms-overflow-style:none}
.wh2-mbody::-webkit-scrollbar{display:none}
.wh2-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wh2-tile{background:var(--wh2-paper);border:1px solid var(--wh2-rule);border-radius:11px;padding:11px 8px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;line-height:1.15;color:var(--wh2-text);text-decoration:none;display:block}
.wh2-tile:active{transform:scale(.97)}
.wh2-tile.open{background:rgba(78,195,236,.14);border-color:rgba(78,195,236,.5);color:#bfeafb}
.wh2-tile small{display:block;color:var(--wh2-text3);font-weight:400;font-size:10px;margin-top:2px}
.wh2-tile small .cap{color:var(--wh2-cyanl);font-weight:700}
.wh2-exp{display:none;grid-column:1/3;background:var(--wh2-bg);border-radius:10px;overflow:hidden}
.wh2-exp.open{display:block}
.wh2-exp a{display:block;padding:11px 16px;color:var(--wh2-text2);font-size:13.5px;border-bottom:1px solid var(--wh2-rule);text-decoration:none}
.wh2-exp a:last-child{border-bottom:0}
.wh2-exp a.lead{color:var(--wh2-cyanl);font-weight:600}
.wh2-mshop{margin-top:7px;text-align:center;padding:10px;border:1px dashed var(--wh2-rule2);border-radius:11px;color:var(--wh2-cyanl);font-weight:600;font-size:13.5px;text-decoration:none;display:block}
.wh2-mshop small{color:var(--wh2-text3);font-weight:400;font-variant:small-caps;font-size:10px}
.wh2-mcta{display:flex;gap:8px;padding:10px;border-top:1px solid var(--wh2-rule);background:var(--wh2-bg2)}
.wh2-mcta a{flex:1;text-align:center;padding:11px;border-radius:10px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px}
.wh2-mcta .call{background:var(--wh2-paper);color:var(--wh2-text);border:1px solid var(--wh2-rule2)}
.wh2-mcta .book{background:var(--wh2-cyan);color:#fff}
@media(max-width:900px){
  .wh2-inner{padding:12px 20px!important}
  .wh2-item,.wh2-theme,.wh2-shop{display:none!important}
  .wh2-burger{display:flex!important}
}

/* ---------- FOOTER (compact single line; More popover, opens on hover) ---------- */
.wh2-foot{display:block!important;position:relative!important;background:var(--wh2-bg)!important;border-top:1px solid var(--wh2-rule)!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;overflow:visible!important;font-family:'Inter',-apple-system,system-ui,sans-serif!important;color:var(--wh2-text2)!important;text-align:left!important;font-variant:normal!important;letter-spacing:normal!important}
.wh2-foot *{box-sizing:border-box}
.wh2-fmain{display:flex!important;align-items:center;gap:22px;flex-wrap:wrap;max-width:1280px;margin:0 auto!important;padding:10px 40px!important}
.wh2-ftag{display:flex;align-items:center;gap:40px}
.wh2-ftag .wh2-flogo{display:block;height:30px;width:auto}
.wh2-ftag p{font-family:'Fraunces',Georgia,serif!important;font-style:italic;font-size:11.5px;color:var(--wh2-text3);line-height:1;margin:0}
.wh2-finline{display:flex;align-items:center;gap:7px;font-size:11.5px;line-height:1;flex-wrap:wrap}
.wh2-finline b{font-family:'Fraunces',Georgia,serif!important;font-style:italic;font-weight:400;color:var(--wh2-text3)}
.wh2-finline a{color:var(--wh2-text2);text-decoration:none}
.wh2-finline a:hover{color:var(--wh2-cyanl)}
.wh2-finline .sep{color:var(--wh2-rule2)}
.wh2-fmore{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--wh2-paper);border:1px solid var(--wh2-rule2);color:var(--wh2-text2);font-family:inherit;font-size:11.5px;font-weight:600;padding:6px 13px;border-radius:100px;cursor:pointer;transition:all .16s}
.wh2-fmore:hover{border-color:var(--wh2-cyanl);color:var(--wh2-text)}
.wh2-fmore .car{transition:transform .25s}
.wh2-foot.expanded .wh2-fmore .car{transform:rotate(180deg)}
.wh2-fbot{border-top:1px solid var(--wh2-rule)!important;max-width:1280px;margin:0 auto!important;padding:8px 40px!important;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:10.5px!important;color:var(--wh2-text3)!important;font-variant:small-caps;letter-spacing:.06em}
.wh2-fbot a{color:var(--wh2-cyanl)!important;text-decoration:none}
.wh2-fbot a:hover{color:var(--wh2-text)!important}
.wh2-fpop{position:absolute;left:50%;bottom:calc(100% + 8px);width:560px;max-width:calc(100vw - 60px);background:rgba(28,24,18,.9);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(78,195,236,.3);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);transform:translateX(-50%) translateY(10px) scale(.98);transform-origin:bottom center;opacity:0;visibility:hidden;transition:all .24s cubic-bezier(.2,.9,.3,1.1);z-index:200}
[data-theme=light] .wh2-fpop{background:rgba(250,247,242,.96)}
.wh2-fpop.open{transform:translateX(-50%) translateY(0) scale(1);opacity:1;visibility:visible}
.wh2-fpop-in{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.wh2-fpop-in h4{display:block;font-family:'Fraunces',Georgia,serif!important;font-style:italic;font-size:12px;color:var(--wh2-text3)!important;margin:0 0 6px!important;font-weight:400!important}
.wh2-fpop-in a{display:block;color:var(--wh2-text2)!important;font-size:12px;line-height:1.85;text-decoration:none}
.wh2-fpop-in a.lead{color:var(--wh2-cyanl)!important;font-weight:600}
.wh2-fpop-in a:hover{color:var(--wh2-cyanl)!important}
.wh2-fpop-timer{position:absolute;left:0;bottom:0;height:2px;background:var(--wh2-cyanl);width:100%;transform-origin:left;border-radius:0 0 16px 16px}
.wh2-fpop.open .wh2-fpop-timer{animation:wh2Countdown 5s linear forwards}
.wh2-fpop.paused .wh2-fpop-timer{animation-play-state:paused}
@keyframes wh2Countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:900px){.wh2-fmain{padding:10px 20px!important}.wh2-fbot{padding:8px 20px!important;flex-direction:column;align-items:flex-start;gap:6px}.wh2-fpop{width:calc(100vw - 40px)}.wh2-fpop-in{grid-template-columns:1fr 1fr;gap:16px}}