/*
 * TOTA Diwali — Light the Night
 * Website-wide customer-facing visual layer.
 * Only active when html[data-tota-festival="diwali"].
 * Preserve layout, forms, commerce logic and other festival themes.
 */

html[data-tota-festival="diwali"] {
  --diwali-surface: #fffbf2;
  --diwali-canvas: #fcf4e5;
  --diwali-border: #e5d0a2;
  --diwali-text: #272015;
  --diwali-muted: #685846;
  --diwali-accent: #b8472c;
  --diwali-gold: #a87929;
  --diwali-green: #244132;
}

/* Shared storefront surfaces */
html[data-tota-festival="diwali"]
:is(.catalog-page, .cart-page, .checkout-page-v829,
    .account-shell-v836, .tota-info-page) {
  color: var(--diwali-text);
}

html[data-tota-festival="diwali"]
:is(.catalog-hero, .shop-v662-sidebar, .cart-line,
    .cart-summary, .checkout-panel-v829,
    .checkout-summary-v829, .account-panel-v836,
    .account-auth-v836, .account-nav-v836,
    .account-content-v836, .tota-info-section,
    .tota-info-aside) {
  background-color: var(--diwali-surface);
  border-color: var(--diwali-border);
}

/* Shop and product discovery */
html[data-tota-festival="diwali"]
:is(.shop-v662-sidebar, .shop-v662-results,
    .special-catalog-hero) {
  border-color: var(--diwali-border);
}

html[data-tota-festival="diwali"]
:is(.catalog-hero, .special-catalog-hero) {
  background-color: var(--diwali-surface);
}

/* Cart */
html[data-tota-festival="diwali"]
:is(.cart-line, .cart-summary-v834, .cart-compact-rec-v856) {
  background: var(--diwali-surface);
  border-color: var(--diwali-border);
}

html[data-tota-festival="diwali"]
.cart-free-progress {
  background: #f7e9c9;
}

html[data-tota-festival="diwali"]
.cart-free-progress > i > em {
  background: var(--diwali-green);
}

html[data-tota-festival="diwali"]
.cart-page-qty-control {
  border-color: var(--diwali-border);
}

html[data-tota-festival="diwali"]
.cart-summary-v834 .cart-coupon-form-v858 {
  border-color: var(--diwali-border);
}

/* Standard checkout */
html[data-tota-festival="diwali"]
:is(.checkout-panel-v829, .checkout-summary-v829) {
  background: var(--diwali-surface);
  border-color: var(--diwali-border);
}

/* Account, wishlist and order confirmation */
html[data-tota-festival="diwali"]
:is(.account-nav-v836, .account-content-v836,
    .account-panel-v836, .account-auth-v836) {
  border-color: var(--diwali-border);
}

html[data-tota-festival="diwali"]
.account-nav-v836 a.active {
  color: var(--diwali-accent);
}

/* Informational pages */
html[data-tota-festival="diwali"]
:is(.tota-info-section, .tota-info-aside) {
  background: var(--diwali-surface);
  border-color: var(--diwali-border);
}

/* Shared quick checkout and customer sign-in */
html[data-tota-festival="diwali"]
:is(.tota-checkout-signin, .popup-checkout-card,
    .cart-quick-address-card) {
  background-color: var(--diwali-surface);
  border-color: var(--diwali-border);
}

/* Form focus states */
html[data-tota-festival="diwali"]
:is(.catalog-page, .cart-page, .checkout-page-v829,
    .account-shell-v836, .tota-info-page)
:is(input, select, textarea):focus-visible {
  outline: 2px solid var(--diwali-gold);
  outline-offset: 2px;
}

/* Keep festive styling usable on small screens */
@media (max-width: 767px) {
  html[data-tota-festival="diwali"]
  :is(.catalog-page, .cart-page, .checkout-page-v829,
      .account-shell-v836, .tota-info-page) {
    max-width: 100%;
  }
}
