/* Optional color mode. Layout, typography and image proportions belong to the
   original component styles; this file changes colors and shadows only. */
html { color-scheme: light; }

html[data-color-mode="dark"] {
  color-scheme: dark;
  --paper: #151c24;
  --white: #202a35;
  --ink: #f3f5f7;
  --muted: #b9c5d0;
  --line: #3a4654;
  --orange: #ff833f;
  --orange-dark: #ff994f;
  --blue: #43b7df;
  --pink: #ff69b5;
  --green: #70cfb2;
  --shadow: 0 8px 24px rgba(0, 0, 0, .2);
  --mode-surface: #202a35;
  --mode-raised: #2a3644;
  --mode-success: #193e35;
  --mode-success-line: #38685a;
  --mode-info: #193a4c;
  --mode-info-ink: #8ad6f1;
  --mode-info-line: #3b647b;
  --mode-warm: #422f20;
  --mode-warm-ink: #ffca80;
  --mode-warm-line: #725536;
  --mode-error: #44292d;
  --mode-error-ink: #ffafa3;
  --mode-error-line: #80504e;
}

html[data-color-mode="dark"] .site-header { background: rgba(32, 42, 53, .97); }
/* Preserve the configured custom logo and its original dimensions. */
html[data-color-mode="dark"] .site-header .custom-logo-link { background: #fff; border-radius: 4px; }

html[data-color-mode="dark"] .menu-toggle,
html[data-color-mode="dark"] .button--secondary,
html[data-color-mode="dark"] .button--light,
html[data-color-mode="dark"] .trust-chips span,
html[data-color-mode="dark"] .search-form,
html[data-color-mode="dark"] .search-field,
html[data-color-mode="dark"] .market-switch a.is-active,
html[data-color-mode="dark"] .market-switch a:hover,
html[data-color-mode="dark"] .primary-event,
html[data-color-mode="dark"] .campaign-tile,
html[data-color-mode="dark"] .offer-card,
html[data-color-mode="dark"] .secondary-event,
html[data-color-mode="dark"] .home-secondary-event,
html[data-color-mode="dark"] .category-family-card,
html[data-color-mode="dark"] .home-rail-card,
html[data-color-mode="dark"] .coupon-panel li a,
html[data-color-mode="dark"] .coupon-panel__empty,
html[data-color-mode="dark"] .catalog-filters input,
html[data-color-mode="dark"] .catalog-filters select,
html[data-color-mode="dark"] .catalog-store-switch,
html[data-color-mode="dark"] .catalog-store-switch__link,
html[data-color-mode="dark"] .subcategory-grid a,
html[data-color-mode="dark"] .subcategory-grid__item--text,
html[data-color-mode="dark"] .archive-card,
html[data-color-mode="dark"] .nav-links .page-numbers,
html[data-color-mode="dark"] .product-buybox,
html[data-color-mode="dark"] .product-buybox.rh-offer,
html[data-color-mode="dark"] .price-watch__form input[type="email"],
html[data-color-mode="dark"] .product-facts div,
html[data-color-mode="dark"] .date-facts div,
html[data-color-mode="dark"] .oruga-product-details li,
html[data-color-mode="dark"] .price-history__list span,
html[data-color-mode="dark"] .article-cta,
html[data-color-mode="dark"] .product-discovery__links a,
html[data-color-mode="dark"] .campaign-card,
html[data-color-mode="dark"] .amazon-special-card,
html[data-color-mode="dark"] .amazon-special-single__hero,
html[data-color-mode="dark"] .campaign-date-grid div,
html[data-color-mode="dark"] .campaign-action-card,
html[data-color-mode="dark"] .campaign-detail-grid article,
html[data-color-mode="dark"] .campaign-products__empty,
html[data-color-mode="dark"] .campaign-explore a,
html[data-color-mode="dark"] .coupon-catalog-toolbar input,
html[data-color-mode="dark"] .promoflow-coupon-group__toggle,
html[data-color-mode="dark"] .promoflow-coupon-card,
html[data-color-mode="dark"] .promoflow-coupon-card__external,
html[data-color-mode="dark"] .coupon-catalog-empty,
html[data-color-mode="dark"] .calendar-item,
html[data-color-mode="dark"] .language-control__widget,
html[data-color-mode="dark"] .product-library,
html[data-color-mode="dark"] .product-save { background: var(--mode-surface); }

html[data-color-mode="dark"] .button--secondary,
html[data-color-mode="dark"] .button--light,
html[data-color-mode="dark"] .menu-toggle,
html[data-color-mode="dark"] .search-field,
html[data-color-mode="dark"] .catalog-filters input,
html[data-color-mode="dark"] .catalog-filters select,
html[data-color-mode="dark"] .coupon-catalog-toolbar input,
html[data-color-mode="dark"] .price-watch__form input[type="email"],
html[data-color-mode="dark"] .promoflow-coupon-group__toggle,
html[data-color-mode="dark"] .promoflow-coupon-card__external,
html[data-color-mode="dark"] .product-library { color: var(--ink); }

html[data-color-mode="dark"] .catalog-store-switch__link { border-color: var(--line); background: var(--mode-raised); }
html[data-color-mode="dark"] .catalog-store-switch__link--aliexpress.is-current { color: #fff; border-color: #c94a0a; background: #c94a0a; }
html[data-color-mode="dark"] .catalog-store-switch__link--amazon.is-current { color: #fff; border-color: #17659f; background: #0b4775; }

html[data-color-mode="dark"] .button--secondary,
html[data-color-mode="dark"] .search-form,
html[data-color-mode="dark"] .catalog-filters input,
html[data-color-mode="dark"] .catalog-filters select,
html[data-color-mode="dark"] .primary-event__facts span,
html[data-color-mode="dark"] .home-campaign__meta > span,
html[data-color-mode="dark"] .coupon-catalog-toolbar input,
html[data-color-mode="dark"] .promoflow-coupon-group__toggle,
html[data-color-mode="dark"] .promoflow-coupon-card__external,
html[data-color-mode="dark"] .coupon-code,
html[data-color-mode="dark"] .coupon-panel li a,
html[data-color-mode="dark"] .coupon-panel__empty { border-color: var(--line); }

html[data-color-mode="dark"] .section-heading,
html[data-color-mode="dark"] .site-nav a { border-bottom-color: var(--line); }

html[data-color-mode="dark"] .button--primary,
html[data-color-mode="dark"] .search-submit,
html[data-color-mode="dark"] .rh-offer .buy-button {
  background: #ed6b26;
  color: #141b23;
  box-shadow: none;
}
html[data-color-mode="dark"] .button--primary:hover,
html[data-color-mode="dark"] .search-submit:hover,
html[data-color-mode="dark"] .rh-offer .buy-button:hover { background: #ff833f; color: #141b23; }

html[data-color-mode="dark"] .product-showcase__tabs button[aria-selected="true"],
html[data-color-mode="dark"] .nav-links .current,
html[data-color-mode="dark"] .promoflow-coupon-group.is-expanded .promoflow-coupon-group__toggle,
html[data-color-mode="dark"] .promoflow-coupon-card__actions button,
html[data-color-mode="dark"] .skip-link {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}

html[data-color-mode="dark"] .home-rail-card__close:hover,
html[data-color-mode="dark"] .product-showcase__tabs button:hover,
html[data-color-mode="dark"] .archive-card__labels span,
html[data-color-mode="dark"] .campaign-detail-grid article > span,
html[data-color-mode="dark"] .campaign-timeline > span { background: var(--mode-raised); color: var(--ink); }
html[data-color-mode="dark"] .product-showcase__tabs button:hover { border-color: var(--muted); }
html[data-color-mode="dark"] .product-showcase__tabs button[aria-selected="true"]:hover {
  background: var(--ink); color: var(--paper);
}

html[data-color-mode="dark"] .home-campaign,
html[data-color-mode="dark"] .featured-category { background: var(--mode-surface); }
html[data-color-mode="dark"] .home-campaign__copy { background: rgba(32, 42, 53, .94); }
html[data-color-mode="dark"] .home-campaign__meta > span,
html[data-color-mode="dark"] .primary-event__facts span { background: rgba(32, 42, 53, .94); }
html[data-color-mode="dark"] .primary-event::after {
  background: linear-gradient(90deg, #202a35 3%, rgba(32,42,53,.96) 38%, rgba(32,42,53,.5) 67%, rgba(32,42,53,.06));
}
html[data-color-mode="dark"] .featured-category::after {
  background: linear-gradient(90deg, rgba(32,42,53,.98) 0%, rgba(32,42,53,.93) 34%, rgba(32,42,53,.6) 51%, rgba(32,42,53,0) 70%);
}

html[data-color-mode="dark"] .eyebrow,
html[data-color-mode="dark"] .micro-heading,
html[data-color-mode="dark"] .featured-category__content p,
html[data-color-mode="dark"] .coupon-panel header > span,
html[data-color-mode="dark"] .price-drop-card__checked { color: var(--muted); }

html[data-color-mode="dark"] .category-family-card--accent,
html[data-color-mode="dark"] .coupon-panel,
html[data-color-mode="dark"] .product-coupon { background: #2f2826; }
html[data-color-mode="dark"] .coupon-panel {
  border-right-color: var(--line);
  border-bottom-color: var(--line);
  border-left-color: var(--line);
}
html[data-color-mode="dark"] .product-coupon { border-color: var(--mode-warm-line); }
html[data-color-mode="dark"] .offer-card__media .store-badge {
  background: rgba(32, 42, 53, .97);
  color: var(--ink);
}

/* Product photos retain a neutral white mat in both modes, as in the demo. */
html[data-color-mode="dark"] .offer-card__media,
html[data-color-mode="dark"] .offer-card--compact .offer-card__media,
html[data-color-mode="dark"] .product-showcase .offer-card__media,
html[data-color-mode="dark"] .article-image,
html[data-color-mode="dark"] .product-gallery__thumbs button,
html[data-color-mode="dark"] .oruga-product-gallery a,
html[data-color-mode="dark"] .product-library__item img,
html[data-color-mode="dark"] .lightbox img { background: #fff; }
html[data-color-mode="dark"] .category-family-card__media,
html[data-color-mode="dark"] .listing-header__media,
html[data-color-mode="dark"] .archive-card__media { background: var(--mode-surface); }
html[data-color-mode="dark"] .product-gallery__arrow {
  color: var(--ink); background: rgba(32,42,53,.96); border-color: var(--line);
}
html[data-color-mode="dark"] .product-gallery__arrow:hover { color: var(--paper); background: var(--ink); }

html[data-color-mode="dark"] .product-save { color: var(--orange-dark); }
html[data-color-mode="dark"] .product-save[aria-pressed="true"] {
  background: var(--mode-warm); border-color: var(--orange); color: var(--orange-dark);
}
html[data-color-mode="dark"] .product-library__tabs [aria-selected="true"] { border-color: var(--orange); }

html[data-color-mode="dark"] .rating,
html[data-color-mode="dark"] .coupon-code strong,
html[data-color-mode="dark"] .campaign-tile > strong,
html[data-color-mode="dark"] .product-buybox__eyebrow--aging { color: var(--mode-warm-ink); }
html[data-color-mode="dark"] .offer-card__proof strong,
html[data-color-mode="dark"] .price-drop-card__saving,
html[data-color-mode="dark"] .product-buybox__eyebrow--fresh,
html[data-color-mode="dark"] .price-watch__status.is-success,
html[data-color-mode="dark"] .product-campaign-links__label,
html[data-color-mode="dark"] .rh-offer .purchase-price > div > span { color: var(--green); }
html[data-color-mode="dark"] .product-buybox__eyebrow--stale,
html[data-color-mode="dark"] .product-buybox__eyebrow--unknown,
html[data-color-mode="dark"] .price-watch__status.is-error { color: var(--mode-error-ink); }
html[data-color-mode="dark"] .product-campaign-links a { color: var(--mode-info-ink); }
html[data-color-mode="dark"] .product-campaign-links a:hover { color: var(--green); }

html[data-color-mode="dark"] .discount-badge,
html[data-color-mode="dark"] .rh-offer .sale-badge,
html[data-color-mode="dark"] .campaign-status,
html[data-color-mode="dark"] .promoflow-coupon-card.is-active .promoflow-coupon-card__heading span,
html[data-color-mode="dark"] .product-proof__icon--sales,
html[data-color-mode="dark"] .catalog-filter-disclosure__count { color: var(--green); background: var(--mode-success); border-color: var(--mode-success-line); }

html[data-color-mode="dark"] .home-calendar time,
html[data-color-mode="dark"] .editorial-note,
html[data-color-mode="dark"] .product-proof__icon,
html[data-color-mode="dark"] .promoflow-coupon-group > header span,
html[data-color-mode="dark"] .promoflow-coupon-card__heading span,
html[data-color-mode="dark"] .article-page--campaign .campaign-status.is-upcoming { color: var(--mode-info-ink); background: var(--mode-info); border-color: var(--mode-info-line); }
html[data-color-mode="dark"] .home-calendar header > span { color: var(--mode-info-ink); }
html[data-color-mode="dark"] .product-proof__icon--sales {
  color: var(--green); background: var(--mode-success);
}
html[data-color-mode="dark"] .promoflow-coupon-card.is-active .promoflow-coupon-card__heading span {
  color: var(--green); background: var(--mode-success); border-color: var(--mode-success-line);
}
html[data-color-mode="dark"] .home-calendar li.is-coupon time,
html[data-color-mode="dark"] .product-proof__icon--rating {
  color: var(--mode-warm-ink); background: var(--mode-warm);
}
html[data-color-mode="dark"] .rh-offer .merchant-icon { color: #ff94c7; background: #48273a; }
html[data-color-mode="dark"] .rh-offer--amazon .merchant-icon { color: #ffb347; background: #3e2d12; }
html[data-color-mode="dark"] .product-availability--unavailable,
html[data-color-mode="dark"] .campaign-status.is-ended {
  color: var(--mode-error-ink); background: var(--mode-error); border-color: var(--mode-error-line);
}
html[data-color-mode="dark"] .article-page--campaign .campaign-status.is-unknown {
  color: var(--muted); background: var(--mode-raised); border-color: var(--line);
}
html[data-color-mode="dark"] .promoflow-coupon-card__actions button.is-copied {
  background: var(--green); color: var(--paper); border-color: var(--green);
}

html[data-color-mode="dark"] input::placeholder,
html[data-color-mode="dark"] textarea::placeholder { color: var(--muted); opacity: 1; }
html[data-color-mode="dark"] :focus-visible { outline-color: #70c9ef; }
html[data-color-mode="dark"] .subcategory-grid a:hover,
html[data-color-mode="dark"] .campaign-card:hover,
html[data-color-mode="dark"] .amazon-special-card:hover,
html[data-color-mode="dark"] .category-family-card--link:hover { border-color: var(--blue); }
html[data-color-mode="dark"] .home-campaign,
html[data-color-mode="dark"] .product-buybox,
html[data-color-mode="dark"] .product-buybox.rh-offer,
html[data-color-mode="dark"] .campaign-card,
html[data-color-mode="dark"] .campaign-tile,
html[data-color-mode="dark"] .product-discovery__links a,
html[data-color-mode="dark"] .search-form { box-shadow: var(--shadow); }

@media (max-width: 780px) {
  html[data-color-mode="dark"] .home-campaign__copy { background: var(--mode-surface); }
  html[data-color-mode="dark"] .site-nav { background: var(--mode-surface); }
  html[data-color-mode="dark"] .primary-event::after {
    background: linear-gradient(0deg, #202a35 10%, rgba(32,42,53,.93) 57%, rgba(32,42,53,.1));
  }
  html[data-color-mode="dark"] .featured-category::after {
    background: linear-gradient(180deg, rgba(32,42,53,.98) 0%, rgba(32,42,53,.92) 32%, rgba(32,42,53,.48) 49%, rgba(32,42,53,0) 70%);
  }
}


/* Amazon hub keeps the same optional color mode as the rest of Radar Hype. */
html[data-color-mode="dark"] .amazon-home-cta { color: #ffb75e; background: #063970; border-color: #2d79bb; box-shadow: var(--shadow); }
html[data-color-mode="dark"] .amazon-home-cta:hover { color: #ffc77d; background: #052e5a; }
html[data-color-mode="dark"] .home-amazon-banner { color: var(--ink); background: var(--mode-surface); border-color: #a97620; }
html[data-color-mode="dark"] .home-amazon-banner__mobile-cta { color: #fff; background: #063970; }
html[data-color-mode="dark"] .amazon-market-status__item,
html[data-color-mode="dark"] .amazon-launch-preview li,
html[data-color-mode="dark"] .amazon-category-nav,
html[data-color-mode="dark"] .amazon-empty-preview { color: var(--ink); background: var(--mode-surface); border-color: var(--line); }
html[data-color-mode="dark"] .amazon-launch-preview { color: var(--ink); background: var(--mode-info); border-color: var(--mode-info-line); border-left-color: var(--blue); }
html[data-color-mode="dark"] .amazon-launch-preview > div > span,
html[data-color-mode="dark"] .amazon-launch-preview li strong { color: var(--mode-info-ink); }
html[data-color-mode="dark"] .amazon-launch-preview .amazon-launch-preview__warning { color: var(--mode-warm-ink); }
html[data-color-mode="dark"] .amazon-category-nav a { color: var(--ink); background: var(--mode-raised); border-color: var(--line); }
html[data-color-mode="dark"] .amazon-category-nav a:hover,
html[data-color-mode="dark"] .amazon-product-category { color: var(--mode-warm-ink); background: var(--mode-warm); border-color: var(--mode-warm-line); }