/* IGOLF shared site components: mobile drawer nav, a11y helpers, footer contact strip.
   Loaded by every public page AFTER the page's inline styles. Class names are igs- prefixed
   to avoid colliding with per-page inline CSS. */

/* ─── Focus visibility (pages remove outline on inputs; restore a consistent ring) ─── */
:focus-visible{outline:2px solid #f6c94e;outline-offset:2px;border-radius:4px;}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f6c94e;outline-offset:1px;}

/* ─── Skip link ─── */
.igs-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#084d45;color:#fff;padding:10px 18px;border-radius:0 0 8px 0;font-size:14px;text-decoration:none;}
.igs-skip:focus{left:0;}

/* ─── Hamburger button ─── */
.igs-menu-btn{display:none;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:8px;width:40px;height:40px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-shrink:0;}
.igs-menu-btn svg{display:block;}
.igs-menu-btn:hover{background:rgba(255,255,255,.25);}
/* Mobile: always show. Desktop: shown only when the page has no inline product nav (subpages). */
@media(max-width:900px){.igs-menu-btn{display:flex;}}
.igs-show-desktop{display:flex;}

/* ─── Drawer ─── */
.igs-backdrop{position:fixed;inset:0;background:rgba(2,20,17,.55);z-index:900;opacity:0;pointer-events:none;transition:opacity .25s;}
.igs-backdrop.open{opacity:1;pointer-events:auto;}
.igs-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:linear-gradient(165deg,#063a33 0%,#084d45 100%);z-index:901;transform:translateX(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.35);overscroll-behavior:contain;}
.igs-drawer.open{transform:translateX(0);}
@media(prefers-reduced-motion:reduce){.igs-drawer,.igs-backdrop{transition:none;}}
.igs-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.12);}
.igs-drawer-head span{color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;}
.igs-close{background:none;border:none;color:rgba(255,255,255,.75);font-size:26px;line-height:1;cursor:pointer;width:44px;height:44px;border-radius:8px;}
.igs-close:hover{background:rgba(255,255,255,.12);color:#fff;}
.igs-drawer-links{flex:1;overflow-y:auto;padding:10px 0;}
.igs-drawer-links a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.88);text-decoration:none;font-size:15px;padding:13px 22px;min-height:48px;border-left:3px solid transparent;}
.igs-drawer-links a:hover,.igs-drawer-links a:focus-visible{background:rgba(255,255,255,.08);color:#fff;}
.igs-drawer-links a.igs-current{border-left-color:#b7791f;background:rgba(183,121,31,.14);color:#fff;}
.igs-drawer-links a .igs-en{display:block;font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.5px;}
.igs-drawer-links .igs-sep{height:1px;background:rgba(255,255,255,.12);margin:8px 22px;}
.igs-drawer-foot{padding:16px 18px 22px;border-top:1px solid rgba(255,255,255,.12);}
.igs-drawer-foot .igs-cta{display:block;text-align:center;background:#b7791f;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:13px;border-radius:8px;}
.igs-drawer-foot .igs-cta:hover{background:#9a6518;}
.igs-drawer-foot .igs-tel{display:block;text-align:center;color:rgba(255,255,255,.65);font-size:12px;margin-top:12px;text-decoration:none;}

/* ─── Copy-to-clipboard chip (used on contact page & footers) ─── */
.igs-copy{display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed rgba(127,127,127,.5);border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer;color:inherit;font-family:inherit;}
.igs-copy:hover{border-style:solid;}
.igs-copy.igs-copied{border-color:#0d6b5f;color:#0d6b5f;}

/* ─── Mobile nav tidy-up (all pages) ─── */
@media(max-width:480px){
  nav .nav-logo span{display:none;}
  nav .nav-back,nav .nav-cta,nav .nav-back a{white-space:nowrap;}
}

/* ─── Standard subpage footer contact strip ─── */
.igs-foot-contact{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;align-items:center;padding:14px 20px 4px;font-size:13px;}
.igs-foot-contact a{color:inherit;text-decoration:none;}
.igs-foot-contact a:hover{text-decoration:underline;}