/* ============================================================
   WICKO PILL NAV — Longbourn Papers theme v3 (CREAM)
   Cream glass pill + cards, hunter text, gold accents.
   The dark house lockup reads properly on cream.
   Component: wicko-pill-nav.css v1.0 (verbatim — do not edit).
   ============================================================ */

:root {
  --wpn-bg:               rgba(250, 247, 242, 0.92);
  --wpn-bg-scrolled:      rgba(250, 247, 242, 0.98);
  --wpn-border:           rgba(197, 149, 95, 0.30);
  --wpn-shadow:           rgba(29, 50, 45, 0.12);
  --wpn-shadow-scrolled:  rgba(29, 50, 45, 0.20);
  --wpn-fg:               #1D322D;
  --wpn-fg-soft:          rgba(29, 50, 45, 0.68);
  --wpn-fg-strong:        #1D322D;

  --wpn-card-bg:          #FAF7F2;
  --wpn-card-shadow:      rgba(29, 50, 45, 0.25);
  --wpn-card-divider:     rgba(29, 50, 45, 0.08);

  --wpn-cta-bg:           #C5955F;
  --wpn-cta-bg-hover:     #b3854f;
  --wpn-cta-fg:           #1D322D;
  --wpn-cta-shadow:       rgba(197, 149, 95, 0.35);

  --wpn-accent:           #C5955F;

  --wpn-link-font:        var(--font-display, 'Playfair Display', Georgia, serif);
  --wpn-link-size:        19px;
  --wpn-link-weight:      400;
  --wpn-cta-font:         var(--font-body, 'Libre Franklin', sans-serif);
  --wpn-cta-size:         13px;
}

/* ── Brand: dark house lockup on cream ── */
.wpn__brand-icon { height: 42px; }
@media (max-width: 768px) { .wpn__brand-icon { height: 34px; } }

/* ── Cart button in the pill ── */
.wpn__inner { position: relative; }
.wpn__actions { display: flex; align-items: center; gap: 4px; }
.wpn__cart {
  background: none; border: none; cursor: pointer;
  color: var(--wpn-fg); padding: 8px; position: relative;
  display: flex; align-items: center;
}
.wpn__cart .cart-count {
  position: absolute; top: 0; right: 0;
  min-width: 16px; height: 16px; border-radius: 99px;
  background: var(--wpn-cta-bg); color: var(--wpn-cta-fg);
  font-family: var(--wpn-cta-font); font-size: 10px; font-weight: 700;
  display: flex; align-items: center; justify-content: center; padding: 0 3px;
  opacity: 0; transform: scale(.6); transition: opacity .2s, transform .2s;
}
.wpn__cart .cart-count.has-items { opacity: 1; transform: scale(1); }

/* ── CENTER EVERYTHING in the menu card ── */
@media (max-width: 768px) {
  .wpn__links li, .wpn__sub li { text-align: center !important; }
  .wpn__group-row { position: relative; justify-content: center; }
  .wpn__group-row > a { flex: 0 1 auto; text-align: center !important; padding-right: 0; }
  .wpn__group-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--wpn-fg); }
  .wpn__sub a {
    text-align: center !important;
    color: rgba(29, 50, 45, 0.7) !important;
    font-family: var(--wpn-cta-font) !important;
  }
  .wpn__sub a:hover { color: var(--wpn-accent) !important; }
  .wpn__status { color: rgba(29, 50, 45, 0.45); }
}

/* Desktop: accordion is mobile-only */
@media (min-width: 769px) {
  .wpn__sub, .wpn__group-toggle, .wpn__status { display: none !important; }
  .wpn__group-row > a { padding-right: 0; }
}

/* ── THE CART CARD — rolls out of the pill, same physics as the menu ── */
.wpn .cart-drawer {
  position: absolute;
  top: calc(100% + 8px);
  left: 0; right: 0;
  background: var(--wpn-card-bg);
  border-radius: 16px;
  box-shadow: 0 20px 60px var(--wpn-card-shadow), 0 4px 12px rgba(29,50,45,.10);
  z-index: 1001;
  max-height: 0; opacity: 0; transform: translateY(-6px);
  overflow: hidden; pointer-events: none;
  padding: 0 16px;
  transition: max-height .42s cubic-bezier(.16,1,.3,1), opacity .28s ease,
              transform .42s cubic-bezier(.16,1,.3,1), padding .42s cubic-bezier(.16,1,.3,1);
}
.wpn .cart-drawer.is-open {
  max-height: min(72vh, 560px);
  opacity: 1; transform: translateY(0); pointer-events: auto;
  padding: 14px 16px 18px;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
}
@media (min-width: 769px) {
  .wpn .cart-drawer { left: auto; right: 12px; width: 400px; }
}

.wpn .cart-drawer__header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; border-bottom: 1px solid var(--wpn-card-divider); }
.wpn .cart-drawer__title { font-family: var(--wpn-link-font); font-size: 19px; font-weight: 400; color: var(--wpn-fg); margin: 0; }
.wpn .cart-drawer__close { background: none; border: none; color: var(--wpn-fg); font-size: 26px; line-height: 1; cursor: pointer; opacity: .6; padding: 4px 8px; }
.wpn .cart-drawer__close:hover { opacity: 1; }

.wpn .cart-drawer__empty { color: rgba(29,50,45,.55); text-align: center; padding: 22px 0; font-style: italic; }
.wpn .cart-item { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--wpn-card-divider); position: relative; }
.wpn .cart-item__image { border-radius: 8px; width: 64px; height: 80px; object-fit: cover; }
.wpn .cart-item__details { flex: 1; }
.wpn .cart-item__title { color: var(--wpn-fg); font-family: var(--wpn-link-font); font-size: 15px; margin: 0 0 2px; }
.wpn .cart-item__variant { color: rgba(29,50,45,.6); font-size: 12px; margin: 0 0 4px; }
.wpn .cart-item__price { color: #8a6534; font-size: 13px; margin: 0 0 6px; }
.wpn .cart-item__qty { display: flex; align-items: center; gap: 10px; color: var(--wpn-fg); font-size: 13px; }
.wpn .cart-item__qty-btn { background: none; border: 1px solid rgba(29,50,45,.35); color: var(--wpn-fg); width: 24px; height: 24px; border-radius: 6px; cursor: pointer; line-height: 1; }
.wpn .cart-item__remove { position: absolute; top: 10px; right: 0; background: none; border: none; color: rgba(29,50,45,.45); font-size: 18px; cursor: pointer; }
.wpn .cart-item__remove:hover { color: var(--wpn-fg); }

.wpn .cart-drawer__footer { padding-top: 12px; }
.wpn .cart-drawer__subtotal { display: flex; justify-content: space-between; color: var(--wpn-fg); font-family: var(--wpn-link-font); font-size: 16px; margin-bottom: 4px; }
.wpn .cart-drawer__note { color: rgba(29,50,45,.5); font-size: 11.5px; margin: 0 0 12px; text-align: center; }
.wpn .cart-drawer__checkout {
  display: block; width: 100%;
  background: var(--wpn-cta-bg) !important; color: var(--wpn-cta-fg) !important;
  border: none; border-radius: 100px; padding: 13px 24px;
  font-family: var(--wpn-cta-font); font-size: 13px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase; cursor: pointer;
  box-shadow: 0 8px 24px var(--wpn-cta-shadow);
  transition: background .3s, transform .3s;
}
.wpn .cart-drawer__checkout:hover:not(:disabled) { background: var(--wpn-cta-bg-hover) !important; transform: translateY(-1px); }
.wpn .cart-drawer__checkout:disabled { opacity: .45; cursor: default; box-shadow: none; }

/* Fixed pill needs page clearance — EXCEPT full-bleed hero pages */
body { padding-top: 92px; }
@media (max-width: 768px) { body { padding-top: 72px; } }
body.wpn-overlay { padding-top: 0 !important; }