/* =========================================================
   KONIRY — HEADER & FOOTER
   Announcement bar, primary nav (incl. mobile toggle panel —
   Phase 9 will replace the mobile panel with an off-canvas drawer,
   at which point this moves to its own mobile-nav.css), footer,
   sticky mobile CTA.
   ========================================================= */

/* top bar */
/* top bar */
.topbar{background:var(--accent);color:#E8EFE9;text-align:center;font-size:13.5px;font-weight:500;padding:11px 16px}
.topbar b{color:#fff}

/* nav */
/* nav */
nav.site-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:90;border-bottom:1px solid #EEEAE2}
.admin-bar nav.site-nav{top:32px}
@media (max-width:782px){.admin-bar nav.site-nav{top:46px}}
.nav-in{max-width:1280px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-family:'Fraunces',serif;font-size:27px;font-weight:600;text-decoration:none;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px}
.logo img{max-height:40px;width:auto;display:block}
.logo span{color:var(--accent)}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links li{position:relative}
.nav-links a{text-decoration:none;font-size:15.5px;font-weight:500;transition:.25s}
.nav-links a:hover,.nav-links li.current-menu-item>a{color:var(--accent)}
.nav-links .sub-menu{list-style:none;position:absolute;top:calc(100% + 18px);left:0;background:#fff;min-width:220px;border-radius:16px;box-shadow:var(--shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:50}
.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-links .sub-menu a{padding:10px 14px;border-radius:10px;display:block}
.nav-links .sub-menu a:hover{background:var(--sand)}
.nav-cta{padding:12px 26px;font-size:14.5px}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:.25s;text-decoration:none}
.nav-icon-link:hover{background:var(--sand)}
.nav-icon-link svg{width:20px;height:20px;stroke:var(--ink);fill:none}
.cart-count{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}
.nav-search-form{display:flex;align-items:center}
.nav-search-form input[type=search]{border:1px solid #EEEAE2;border-radius:var(--r-pill);padding:9px 16px;font-size:14px;font-family:inherit;outline:none;width:170px}
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px}
.mobile-toggle span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px}
.mobile-menu{display:none;background:#fff;border-top:1px solid #EEEAE2;padding:18px 28px 28px}
.mobile-menu.is-open{display:block}
.mobile-menu ul{list-style:none}
.mobile-menu li{border-bottom:1px solid #F1EEE6}
.mobile-menu a{display:block;padding:14px 4px;text-decoration:none;font-weight:500}
.mobile-menu .sub-menu{padding-left:16px}

/* footer */
/* footer */
footer.site-footer{background:var(--bg);padding:80px 0 36px;font-size:15px;color:var(--body)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.foot-grid h4{color:var(--ink);font-size:13.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.foot-grid ul{list-style:none}
footer.site-footer a{color:var(--body);text-decoration:none;display:block;padding:5px 0;transition:.25s}
footer.site-footer a:hover{color:var(--accent)}
.foot-social{display:flex;gap:12px;margin-top:18px}
.foot-social a{width:38px;height:38px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;padding:0}
.foot-social svg{width:16px;height:16px;fill:var(--ink)}
.foot-bottom{border-top:1px solid #EEEAE2;padding-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13.5px}

/* sticky mobile cta (homepage/general — the single-product page has
   its own sticky-atc bar in product.css, mutually exclusive via PHP) */
/* sticky mobile cta */
.sticky-cta{display:none;position:fixed;bottom:14px;left:14px;right:14px;z-index:99}
.sticky-cta a{display:block;text-align:center;background:var(--accent);color:#fff;padding:17px;border-radius:var(--r-pill);font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 12px 34px rgba(31,36,34,.35)}

@media(max-width:1000px){
  .nav-links,.nav-search-form,.nav-cta{display:none}
  .mobile-toggle{display:flex}
  .foot-grid{grid-template-columns:1fr 1fr}
  .sticky-cta{display:block}
  body{padding-bottom:70px}
}