/* WDEL NEXT Premium Delivery 2026 — Stage 1: HOME chrome only.
 * Source palette: STATIC css/wicky-design-system.css (read 2026-10-22).
 * Root Page 3451 only; selectors never own catalog, modal, OMR or checkout.
 * Preserves existing real hero media and native link destinations.
 */
body.wdel-homepage-next-shell {
  --wdel-premium-black: #151413;
  --wdel-premium-cream: #f7f1e7;
  --wdel-premium-gold: #b89a5e;
  --wdel-premium-gold-light: #ead7a5;
  --wdel-premium-body: #34302b;
  --wdel-premium-muted: #70675d;
  --wdel-premium-rule: rgba(184,154,94,.34);
  --wdel-premium-display: "Trajan Pro", Georgia, "Times New Roman", serif;
  --wdel-premium-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Storefront chrome: keep cart/menu nodes and their native handlers unchanged. */
body.wdel-homepage-next-shell #masthead.site-header {
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  padding-block: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(234,215,165,.22) !important;
  background: var(--wdel-premium-black) !important;
  box-shadow: none !important;
  color: var(--wdel-premium-cream) !important;
}
body.wdel-homepage-next-shell #masthead .col-full {
  max-width: 1240px !important;
}
body.wdel-homepage-next-shell #masthead :is(.site-title a,.site-branding a) {
  color: var(--wdel-premium-cream) !important;
  font-family: var(--wdel-premium-display) !important;
  font-weight: 400 !important;
  letter-spacing: .09em !important;
  text-decoration: none !important;
}
body.wdel-homepage-next-shell #masthead .main-navigation :is(ul.menu,ul.nav-menu) > li > a {
  min-height: 44px !important;
  color: var(--wdel-premium-cream) !important;
  font: 500 11px/1.4 var(--wdel-premium-sans) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
body.wdel-homepage-next-shell #masthead .main-navigation :is(ul.menu,ul.nav-menu) > li > a:hover,
body.wdel-homepage-next-shell #masthead .main-navigation :is(ul.menu,ul.nav-menu) > li > a:focus-visible {
  color: var(--wdel-premium-gold-light) !important;
}
body.wdel-homepage-next-shell #masthead .menu-toggle {
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid rgba(234,215,165,.54) !important;
  border-radius: 2px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--wdel-premium-cream) !important;
}

/* C4: Actual Storefront nav lives outside #masthead. Keep menu behavior and URLs. */
body.wdel-homepage-next-shell .storefront-primary-navigation {
  background: var(--wdel-premium-cream) !important;
  border-bottom: 1px solid var(--wdel-premium-rule) !important;
  box-shadow: none !important;
}
body.wdel-homepage-next-shell #site-navigation :is(#menu-menu-pc,#menu-mobile) > li > a {
  min-height: 44px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--wdel-premium-body) !important;
  font: 600 11px/1.35 var(--wdel-premium-sans) !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
body.wdel-homepage-next-shell #site-navigation :is(#menu-menu-pc,#menu-mobile) > li.current-menu-item > a,
body.wdel-homepage-next-shell #site-navigation :is(#menu-menu-pc,#menu-mobile) > li > a:hover {
  border-bottom-color: var(--wdel-premium-gold) !important;
  color: var(--wdel-premium-black) !important;
}
body.wdel-homepage-next-shell #site-navigation :is(#menu-menu-pc,#menu-mobile) > li > a:focus-visible {
  outline: 3px solid var(--wdel-premium-gold) !important;
  outline-offset: 2px !important;
  color: var(--wdel-premium-black) !important;
}

/* Brand hero: authoritative media remains untouched, never AI-generated. */
body.wdel-homepage-next-shell #wdel-hero {
  min-height: min(78svh, 760px) !important;
  padding-block: clamp(88px, 13vw, 180px) clamp(52px, 7vw, 96px) !important;
  border-radius: 0 !important;
  color: var(--wdel-premium-cream) !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-hero__inner {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: left !important;
}
body.wdel-homepage-next-shell #page #wdel-hero h1 {
  display: block !important;
  max-width: 12ch !important;
  font: 400 clamp(48px, 6.4vw, 96px)/.99 var(--wdel-premium-display) !important;
  letter-spacing: .015em !important;
  text-wrap: balance;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-kicker {
  color: var(--wdel-premium-gold-light) !important;
  font-family: var(--wdel-premium-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-hero__lead {
  max-width: 58ch !important;
  color: rgba(255,253,248,.91) !important;
  font: 400 clamp(15px,1.35vw,18px)/1.7 var(--wdel-premium-sans) !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-btn {
  min-height: 48px !important;
  padding: 13px 25px !important;
  border: 1px solid rgba(255,253,248,.72) !important;
  border-radius: 2px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
  font: 600 11px/1.4 var(--wdel-premium-sans) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-btn--primary {
  border-color: var(--wdel-premium-cream) !important;
  background: var(--wdel-premium-cream) !important;
  color: var(--wdel-premium-black) !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-btn:hover {
  border-color: var(--wdel-premium-gold-light) !important;
  color: var(--wdel-premium-gold-light) !important;
}
body.wdel-homepage-next-shell #wdel-hero .wdel-btn--primary:hover {
  background: var(--wdel-premium-gold-light) !important;
  color: var(--wdel-premium-black) !important;
}

/* De-emphasise LANKA on WICKY Home. Keep its genuine route and all commerce. */
body.wdel-homepage-next-shell .wdel-homepage-lanka {
  padding: 18px 24px !important;
  border-bottom: 1px solid var(--wdel-premium-rule) !important;
  background: var(--wdel-premium-cream) !important;
}
body.wdel-homepage-next-shell .wdel-homepage-lanka__shell {
  display: flex !important;
  align-items: center !important;
  width: min(1180px,100%) !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.wdel-homepage-next-shell .wdel-homepage-lanka__eyebrow {
  margin: 0 0 3px !important;
  color: var(--wdel-premium-muted) !important;
  font: 500 10px/1.4 var(--wdel-premium-sans) !important;
  letter-spacing: .1em !important;
}
body.wdel-homepage-next-shell .wdel-homepage-lanka h2 {
  margin: 0 0 2px !important;
  color: var(--wdel-premium-body) !important;
  font: 500 16px/1.4 var(--wdel-premium-sans) !important;
  letter-spacing: .09em !important;
}
body.wdel-homepage-next-shell .wdel-homepage-lanka__copy p:last-child {
  margin: 0 !important;
  color: var(--wdel-premium-muted) !important;
  font: 400 12px/1.5 var(--wdel-premium-sans) !important;
}
body.wdel-homepage-next-shell .wdel-homepage-lanka__cta {
  min-height: 44px !important;
  padding: 12px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wdel-premium-gold) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--wdel-premium-black) !important;
  font: 600 11px/1.4 var(--wdel-premium-sans) !important;
  text-decoration: none !important;
}

/* Editorial explanation, not promotional tiles. */
body.wdel-homepage-next-shell .wdel-intro {
  padding-block: clamp(74px, 9vw, 124px) clamp(56px, 7vw, 94px) !important;
}
body.wdel-homepage-next-shell .wdel-intro__text h2 {
  font-family: var(--wdel-premium-display) !important;
  letter-spacing: .005em !important;
}
body.wdel-homepage-next-shell .wdel-intro__text .wdel-kicker,
body.wdel-homepage-next-shell .wdel-order-guide article > span {
  color: #846738 !important;
  font-family: var(--wdel-premium-sans) !important;
  letter-spacing: .15em !important;
}
body.wdel-homepage-next-shell .wdel-order-guide article {
  border-top: 1px solid var(--wdel-premium-rule) !important;
}
body.wdel-homepage-next-shell .wdel-order-guide article > strong {
  color: var(--wdel-premium-black) !important;
  font-family: var(--wdel-premium-display) !important;
}

/* 2026-10-22 C4: Fresh live Gutenberg DOM, not the superseded synthetic
 * .wdel-order-guide fixture. Only the genuine 3 explanatory info cards inside
 * #wdel-home-top are restyled. No layout/scroll, OMR or content changes.
 */
body.wdel-homepage-next-shell #wdel-home-top .wdel-intro .wdel-info-grid > article.wdel-info-card {
  margin: 0 !important;
  padding: clamp(22px,2.5vw,32px) 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--wdel-premium-rule) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  color: var(--wdel-premium-body) !important;
  text-align: left !important;
}
body.wdel-homepage-next-shell #wdel-home-top .wdel-intro .wdel-info-grid > article.wdel-info-card--dark {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--wdel-premium-body) !important;
}
body.wdel-homepage-next-shell #wdel-home-top .wdel-intro .wdel-info-grid > article.wdel-info-card > span {
  color: #846738 !important;
  font: 600 10px/1.4 var(--wdel-premium-sans) !important;
  letter-spacing: .14em !important;
}
body.wdel-homepage-next-shell #wdel-home-top .wdel-intro .wdel-info-grid > article.wdel-info-card > strong {
  color: var(--wdel-premium-black) !important;
  font: 400 clamp(18px,2.15vw,24px)/1.25 var(--wdel-premium-display) !important;
  letter-spacing: 0 !important;
}
body.wdel-homepage-next-shell #wdel-home-top .wdel-intro .wdel-info-grid > article.wdel-info-card > p {
  color: var(--wdel-premium-muted) !important;
  font: 400 13px/1.7 var(--wdel-premium-sans) !important;
}
/* End C4 real DOM order-facts refinement. */

/* A calm, readable catalogue chapter index. */
body.wdel-homepage-next-shell .wdel-nav {
  border-top: 1px solid var(--wdel-premium-rule) !important;
  border-bottom: 1px solid var(--wdel-premium-rule) !important;
  scroll-snap-type: x proximity;
}
body.wdel-homepage-next-shell .wdel-nav > a {
  min-height: 48px !important;
  padding: 16px 18px !important;
  border-right: 1px solid var(--wdel-premium-rule) !important;
  background: transparent !important;
  color: var(--wdel-premium-body) !important;
  font: 600 11px/1.35 var(--wdel-premium-sans) !important;
  letter-spacing: .045em !important;
  scroll-snap-align: start;
}
body.wdel-homepage-next-shell .wdel-nav > a:hover {
  background: #fffdf8 !important;
  color: var(--wdel-premium-black) !important;
}

/* Non-fixed, editorial dark footer. */
body.wdel-homepage-next-shell .site-footer {
  position: relative !important;
  margin-top: clamp(62px, 8vw, 116px) !important;
  padding-block: clamp(52px, 7vw, 94px) !important;
  border-top: 1px solid var(--wdel-premium-gold) !important;
  background: var(--wdel-premium-black) !important;
  color: var(--wdel-premium-cream) !important;
}
body.wdel-homepage-next-shell .site-footer :is(a,p,span) {
  color: var(--wdel-premium-cream) !important;
}
body.wdel-homepage-next-shell .site-footer a {
  min-height: 44px !important;
  text-underline-offset: 4px !important;
}
body.wdel-homepage-next-shell :is(#masthead,.wdel-nav,#wdel-hero,.wdel-homepage-lanka,.site-footer) a:focus-visible,
body.wdel-homepage-next-shell #masthead button:focus-visible {
  outline: 3px solid var(--wdel-premium-gold-light) !important;
  outline-offset: 3px !important;
}

@media (max-width: 767px) {
  body.wdel-homepage-next-shell #masthead.site-header {
    padding-block: 10px !important;
  }
  body.wdel-homepage-next-shell #wdel-hero {
    min-height: 590px !important;
    padding: 100px 20px 44px !important;
  }
  body.wdel-homepage-next-shell #page #wdel-hero h1 {
    font-size: clamp(42px, 11vw, 60px) !important;
    max-width: 11ch !important;
  }
  body.wdel-homepage-next-shell #wdel-hero .wdel-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.wdel-homepage-next-shell #wdel-hero .wdel-btn {
    width: 100% !important;
  }
  body.wdel-homepage-next-shell .wdel-homepage-lanka {
    padding: 18px 20px !important;
  }
  body.wdel-homepage-next-shell .wdel-homepage-lanka__shell {
    align-items: stretch !important;
    gap: 12px !important;
  }
  body.wdel-homepage-next-shell .wdel-homepage-lanka__cta {
    width: fit-content !important;
    max-width: 100% !important;
  }
  body.wdel-homepage-next-shell .wdel-nav > a {
    min-height: 46px !important;
    padding: 14px 16px !important;
  }
}