/*
 * Nana Kids — global V8.35/Pebble shell recovery.
 * Header visual geometry is intentionally untouched; only the explicit
 * reduced-motion accessibility preference is allowed to calm shell motion.
 */

.nana-site-footer {
  border-top: 0;
  background: #050505;
  color: #fff;
}

.nana-site-footer h2,
.nana-site-footer .nana-brand,
.nana-site-footer a {
  color: #fff;
}

.nana-site-footer .nana-brand__kids {
  color: #fff;
  opacity: 0.72;
}

.nana-site-footer__brand p {
  color: rgba(255, 255, 255, 0.68);
}

.nana-site-footer__bottom {
  border-top-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.62);
}

.nana-site-footer a:hover,
.nana-site-footer a:focus-visible {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.7);
}

/*
 * Mini-cart belongs to the global header experience, so keep its presentation
 * in the same approved Pebble shell on every page. Runtime/controller/state
 * ownership remains entirely in mini-cart-runtime.js / NanaCart.
 */
.nana-mini-cart {
  gap: 20px;
  padding: 28px;
  border: 1px solid #dedede;
  border-radius: 20px;
  background: #fff;
  color: #111;
  font-family: var(--nana-font-display, "Bricolage Grotesque", Arial, sans-serif);
  box-shadow: 0 24px 70px rgba(17, 17, 17, 0.12);
}

.nana-mini-cart__head,
.nana-mini-cart__item,
.nana-mini-cart__foot {
  border-color: #e2e2e2;
}

.nana-mini-cart__eyebrow,
.nana-mini-cart__empty-eyebrow {
  color: #666;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: none;
}

.nana-mini-cart__title,
.nana-mini-cart__empty h3 {
  color: #111;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.nana-mini-cart__title {
  font-size: 24px;
  line-height: 1.08;
}

.nana-mini-cart__count {
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-family: inherit;
}

.nana-mini-cart__item-media,
.nana-mini-cart__item-placeholder {
  border-radius: 12px;
  background: #f2f3f3;
}

.nana-mini-cart__item-name,
.nana-mini-cart__item-line-total,
.nana-mini-cart__subtotal {
  color: #111;
  font-family: inherit;
}

.nana-mini-cart__item-name {
  font-weight: 700;
}

.nana-mini-cart__item-variation,
.nana-mini-cart__item-price,
.nana-mini-cart__qty-label,
.nana-mini-cart__shipping-note,
.nana-mini-cart__empty p {
  color: #626262;
}

.nana-mini-cart__qty {
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font-family: inherit;
}

.nana-mini-cart__qty:focus {
  border-color: #111;
  outline: 0;
  box-shadow: 0 0 0 1px #111;
}

.nana-mini-cart__remove {
  color: #5f5f5f;
  font-family: inherit;
}

.nana-mini-cart__remove:hover,
.nana-mini-cart__remove:focus-visible {
  color: #111;
}

.nana-mini-cart__cart-link,
.nana-mini-cart__checkout,
.nana-mini-cart__continue {
  min-height: 48px;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 700;
}

.nana-mini-cart__cart-link {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #111;
}

.nana-mini-cart__cart-link:hover,
.nana-mini-cart__cart-link:focus-visible {
  border-color: #111;
  background: #fff;
  color: #111;
}

.nana-mini-cart__checkout,
.nana-mini-cart__continue,
.nana-mini-cart__checkout:visited,
.nana-mini-cart__continue:visited {
  border: 1px solid #111;
  background: #111;
  color: #fff;
}

.nana-mini-cart__checkout:hover,
.nana-mini-cart__checkout:focus-visible,
.nana-mini-cart__continue:hover,
.nana-mini-cart__continue:focus-visible {
  border-color: #2a2a2a;
  background: #2a2a2a;
  color: #fff;
}

.nana-mini-cart__empty {
  border-radius: 16px;
  background: #f4f4f4;
}

.nana-mini-cart__error {
  border-color: #8a1f1f;
  background: #fff;
  color: #8a1f1f;
}

.nana-mini-cart button:focus-visible,
.nana-mini-cart input:focus-visible,
.nana-mini-cart a:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
}

/*
 * Extracted Pebble components live beside later WooCommerce recovery rules.
 * Keep the approved component colours authoritative without changing layout,
 * motion, content or interaction. The extra component scope intentionally
 * outranks generic rules such as `.woocommerce-account h2`.
 */
body:not(.home) .nana-service-v825 .nana-service-v825__item h3 {
  color: #111;
}

body:not(.home) .nana-footer-v825 .nana-footer-v825__newsletter h2 {
  color: #fff;
}

body:not(.home) .nana-footer-v825 .nana-footer-v825__consent {
  color: rgba(255, 255, 255, 0.86);
}

body:not(.home) .nana-footer-v825 .nana-footer-v825__consent a {
  color: #fff;
}

/*
 * Conditional V9 enhancement: normal Pebble motion remains unchanged.
 * Only visitors who explicitly request reduced motion receive a calmer shell.
 */
@media (prefers-reduced-motion: reduce) {
  body.nana-global-header-enabled #floatingHeader,
  body.nana-global-header-enabled #floatingHeader *,
  body.nana-global-header-enabled #mega,
  body.nana-global-header-enabled #mega *,
  body.nana-global-header-enabled #drawer,
  body.nana-global-header-enabled #drawer *,
  body.nana-global-header-enabled #search,
  body.nana-global-header-enabled #search * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}