/* Gando 9.7.37 — mini-cart density + homepage dark-mode contrast pass. */

/* Desktop quick cart: no secondary "view cart" link; show two rows and scroll
   the real full cart after that. */
.mini-cart__head>a{display:none!important}
.mini-cart__items{
  max-height:196px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#789081 #edf2ee;
}
.mini-cart__items::-webkit-scrollbar{width:6px}
.mini-cart__items::-webkit-scrollbar-track{background:#edf2ee;border-radius:999px}
.mini-cart__items::-webkit-scrollbar-thumb{background:#789081;border-radius:999px}
.mini-cart__items::-webkit-scrollbar-thumb:hover{background:#557261}
html[data-theme="dark"] .mini-cart__items{scrollbar-color:#4b6b57 #162019}
html[data-theme="dark"] .mini-cart__items::-webkit-scrollbar-track{background:#162019}
html[data-theme="dark"] .mini-cart__items::-webkit-scrollbar-thumb{background:#4b6b57}
html[data-theme="dark"] .mini-cart__items::-webkit-scrollbar-thumb:hover{background:#6f947b}

/* Quick-cart totals: fixed brand green is too dark on the dark surface. */
html[data-theme="dark"] .gando-quick-cart-coupon__totals>div{color:#a8b5ad!important}
html[data-theme="dark"] .gando-quick-cart-coupon__totals strong{color:#eef5f0!important}
html[data-theme="dark"] .gando-quick-cart-coupon__totals .is-discount strong{color:#8ed5a2!important}
html[data-theme="dark"] .gando-quick-cart-coupon__totals .is-total{color:#eef5f0!important}
html[data-theme="dark"] .gando-quick-cart-coupon__totals .is-total strong{color:#bfe3c8!important}

/* Managed slides own their contrast color. Theme mode must not flip a light
   slide to white copy merely because --ink changed globally. */
.gando-managed-slide{color:var(--gando-slide-text,#161817)!important}
.gando-managed-slide .gando-slide-copy,
.gando-managed-slide .gando-slide-copy .kicker,
.gando-managed-slide .gando-slide-copy h1,
.gando-managed-slide .gando-slide-copy h2{color:inherit!important}

/* Homepage dark mode: green labels authored for a white surface get a lighter
   semantic accent. */
html[data-theme="dark"] body.home .category-showcase .kicker,
html[data-theme="dark"] body.home .category-showcase .link-arrow,
html[data-theme="dark"] body.home .home-product-zone--new .kicker,
html[data-theme="dark"] body.home .editorial-copy .kicker,
html[data-theme="dark"] body.home .editorial-copy .link-arrow,
html[data-theme="dark"] body.home .installment-home .kicker,
html[data-theme="dark"] body.home .installment-home .link-arrow,
html[data-theme="dark"] body.home .journal-home .kicker,
html[data-theme="dark"] body.home .journal-home .link-arrow{
  color:#9fd4ad!important;
}
html[data-theme="dark"] body.home .category-showcase .link-arrow:hover,
html[data-theme="dark"] body.home .editorial-copy .link-arrow:hover,
html[data-theme="dark"] body.home .installment-home .link-arrow:hover,
html[data-theme="dark"] body.home .journal-home .link-arrow:hover{
  color:#c4e8cd!important;
}

/* Seasonal tabs: dark mode uses light accent backgrounds, so active text needs
   a dark foreground. */
html[data-theme="dark"] body.home .season-switcher button{color:#bdc8c0!important}
html[data-theme="dark"] body.home .season-switcher button.active{color:#101914!important;font-weight:800}
html[data-theme="dark"] body.home .season-switcher button:hover:not(.active){color:var(--season-accent)!important}

/* Fresh-products header. */
html[data-theme="dark"] body.home .home-product-zone--new .product-zone-head__copy h2{color:#f3f7f4!important}
html[data-theme="dark"] body.home .home-product-zone--new .product-zone-head__copy p{color:#aab8ae!important}

/* Care/accessories sentence is intentionally full-width. */
.home-product-zone--care .product-zone-head__main{max-width:none!important;width:100%}
.home-product-zone--care .product-zone-head__copy{width:100%;min-width:0}
.home-product-zone--care .product-zone-head__copy p{width:100%;max-width:none!important}
html[data-theme="dark"] body.home .home-product-zone--care .product-zone-head__copy p{color:#b5c4ba!important}

/* Brand editorial section. */
html[data-theme="dark"] body.home .editorial-copy h2{color:#f4f7f5!important}
html[data-theme="dark"] body.home .editorial-copy p{color:#b1bdb5!important}
html[data-theme="dark"] body.home .facts{background:#2c3931!important;border-color:#2c3931!important}
html[data-theme="dark"] body.home .facts .fact{background:#17221a!important}
html[data-theme="dark"] body.home .facts .fact b{color:#9fd4ad!important}
html[data-theme="dark"] body.home .facts .fact span{color:#aab7ae!important}

/* Remaining homepage section labels/subcopy. */
html[data-theme="dark"] body.home .section-head h2,
html[data-theme="dark"] body.home .journal-head h2{color:#f2f6f3!important}
html[data-theme="dark"] body.home .section-head p,
html[data-theme="dark"] body.home .section-subcopy,
html[data-theme="dark"] body.home .installment-disclaimer,
html[data-theme="dark"] body.home .journal-rail-top small{color:#aab7ae!important}
html[data-theme="dark"] body.home .journal-rail-top b{color:#eef5f0!important}

/* Category cards themselves already carry dark surfaces; keep their small
   collection label and arrows readable as well. */
html[data-theme="dark"] body.home .category-tile__copy small{color:#9eaaa2!important}
html[data-theme="dark"] body.home .category-tile__copy h3{color:#f2f6f3!important}
html[data-theme="dark"] body.home .category-tile__copy span{color:#a7b4ac!important}
html[data-theme="dark"] body.home .category-tile__arrow{
  background:#203129!important;
  color:#a8d8b5!important;
  border:1px solid #344a3d;
}

@media(max-width:700px){
  .mobile-cart-drawer__items{scrollbar-width:thin;scrollbar-color:#789081 transparent}
  .mobile-cart-drawer__items::-webkit-scrollbar{width:5px}
  .mobile-cart-drawer__items::-webkit-scrollbar-track{background:transparent}
  .mobile-cart-drawer__items::-webkit-scrollbar-thumb{background:#789081;border-radius:999px}
  html[data-theme="dark"] .mobile-cart-drawer__items{scrollbar-color:#4b6b57 transparent}
  html[data-theme="dark"] .mobile-cart-drawer__items::-webkit-scrollbar-thumb{background:#4b6b57}
}

/* Final homepage dark-mode label audit: use one readable semantic accent for
   section kickers/actions that previously inherited the light-theme brand green. */
html[data-theme="dark"] body.home main .kicker,
html[data-theme="dark"] body.home main .link-arrow,
html[data-theme="dark"] body.home main .journal-card__action{
  color:#9fd4ad!important;
}
html[data-theme="dark"] body.home main .kicker:hover,
html[data-theme="dark"] body.home main .link-arrow:hover,
html[data-theme="dark"] body.home main .journal-card__action:hover{
  color:#c4e8cd!important;
}
html[data-theme="dark"] body.home .trust-icon{
  background:#1c3024!important;
  color:#a6d8b4!important;
}
html[data-theme="dark"] body.home .trust-item b{color:#eef5f0!important}
html[data-theme="dark"] body.home .trust-item small{color:#aab8ae!important}

