/* JoAndrew header: single source of truth (rebuilt 2026-11-10).
   Replaces ~330 layered rules that used to live in style.css. No !important. */
:root{--ja-line:#E3DACB;--ja-ink:#1A1A1A;--ja-muted:#6F6253;--ja-cream:#FBF7F0;--ja-accent:#3E7C6A}
.ja-trust-strip{background:var(--ja-ink);color:var(--ja-cream);font-size:.8125rem;line-height:1.4;text-align:center;padding:.5rem 0}
.ja-trust-strip .ja-container{padding:0 1rem}
.ja-header{position:sticky;top:0;z-index:100;background:var(--ja-cream);border-bottom:1px solid var(--ja-line)}
.admin-bar .ja-header{top:32px}
@media(max-width:782px){.admin-bar .ja-header{top:46px}}
.ja-header__inner{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"toggle logo actions" "search search search";align-items:center;gap:.5rem .75rem;max-width:1400px;margin:0 auto;padding:.5rem 1rem .75rem}
.ja-logo{grid-area:logo;display:inline-flex;align-items:center;color:var(--ja-ink);text-decoration:none;font-family:var(--font-display,Georgia,serif);font-size:1.25rem}
.ja-logo img,.ja-logo .custom-logo{display:block;height:28px;width:auto;max-width:160px}
.ja-nav-toggle{grid-area:toggle;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer}
.ja-nav-toggle__bar{display:block;width:20px;height:2px;background:var(--ja-ink)}
.ja-nav{grid-area:nav;display:none}
.ja-nav__items{display:flex;gap:2rem;margin:0;padding:0;list-style:none}
.ja-nav__item{position:relative}
.ja-nav__link{display:inline-block;padding:.5rem 0;color:var(--ja-ink);font-size:.9375rem;font-weight:500;text-decoration:none;border-bottom:2px solid transparent}
.ja-nav__link:hover,.ja-nav__item.is-active .ja-nav__link{border-bottom-color:var(--ja-accent)}
.ja-conceptual-search-form{grid-area:search;position:relative;margin:0}
.ja-search-form__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;color:var(--ja-muted);pointer-events:none}
.ja-search-form__input{box-sizing:border-box;width:100%;height:40px;padding:0 .875rem 0 2.5rem;font:inherit;font-size:.9375rem;color:var(--ja-ink);background:#fff;border:1px solid var(--ja-line);border-radius:6px;-webkit-appearance:none;appearance:none}
.ja-search-form__input::placeholder{color:var(--ja-muted)}
.ja-search-form__input:focus{outline:2px solid var(--ja-accent);outline-offset:1px;border-color:var(--ja-accent)}
.ja-header__actions{grid-area:actions;display:flex;align-items:center;gap:.25rem}
.ja-cart-link,.ja-profile-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--ja-ink);background:none;border:0;cursor:pointer}
.ja-cart-link__icon,.ja-profile-link__icon{display:inline-flex}
.ja-cart-link__count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;font-size:.6875rem;font-weight:600;line-height:18px;text-align:center;color:#fff;background:var(--ja-accent);border-radius:9px}
.ja-cart-link__count[data-cart-count="0"]{display:none}
.ja-profile-link{display:none}
.ja-currency-switcher{position:relative}
.ja-currency-switcher__btn{display:inline-flex;align-items:center;gap:.375rem;height:36px;padding:0 .625rem;font:inherit;font-size:.875rem;font-weight:500;color:var(--ja-ink);background:none;border:1px solid var(--ja-line);border-radius:6px;cursor:pointer}
.ja-currency-switcher__caret{font-size:.625rem;transition:transform .15s}
.ja-currency-switcher.is-open .ja-currency-switcher__caret{transform:rotate(180deg)}
.ja-currency-switcher__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:110;min-width:9rem;padding:.25rem;background:#fff;border:1px solid var(--ja-line);border-radius:8px}
.ja-currency-switcher__menu[hidden]{display:none}
.ja-currency-switcher__option{display:block;width:100%;padding:.5rem .625rem;font:inherit;font-size:.875rem;text-align:left;color:var(--ja-ink);background:none;border:0;border-radius:4px;cursor:pointer}
.ja-currency-switcher__option:hover{background:var(--ja-cream)}
.ja-mega-menu{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;border-bottom:1px solid var(--ja-line)}
.ja-mega-menu.is-open{display:block}
.ja-mega-menu__inner{max-width:1400px;margin:0 auto;padding:2rem}
.ja-mega-panel[hidden]{display:none}
.ja-mega-panel{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}
.ja-mega-panel[data-panel-content="shop"]{grid-template-columns:1.2fr 1fr 1fr 1fr}
.ja-mega-panel[data-panel-content="about"],.ja-mega-panel[data-panel-content="contact"]{grid-template-columns:1fr;max-width:20rem}
.ja-mega-panel__feature{display:block;color:var(--ja-ink);text-decoration:none}
.ja-mega-panel__feature img{display:block;width:100%;max-height:180px;object-fit:contain;background:var(--ja-cream)}
.ja-mega-panel__feature-label{display:block;margin-top:.5rem;font-size:.875rem;font-weight:500}
.ja-mega-panel__heading{margin:0 0 .75rem;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ja-muted)}
.ja-mega-panel__link,.ja-mega-panel__static{display:block;padding:.25rem 0;font-size:.9375rem;color:var(--ja-ink);text-decoration:none}
.ja-mega-panel__static{color:var(--ja-muted)}
.ja-mega-panel__link:hover{color:var(--ja-accent)}
@media(min-width:1024px){.ja-header__inner{grid-template-columns:auto 1fr minmax(220px,300px) auto;grid-template-areas:"logo nav search actions";gap:0 2rem;padding:.75rem 2rem}.ja-nav-toggle{display:none}.ja-nav{display:block}.ja-profile-link{display:inline-flex}}
@media(max-width:1023px){.ja-mega-menu{display:none}}

.ja-search-form__input:focus { background: #F7F1E6; }

/* search tone */
.ja-header .ja-search-form__input { background: #F1EADD; border-color: #DCD2C0; }
.ja-header .ja-search-form__input:focus { background: #F7F1E6; border-color: var(--ja-accent); }