/* Full site — LuLu red brand theme theme */

.theme-red {
  --primary: #e31e24;
  --primary-dark: #c41820;
  --primary-light: #ef3a42;
  --accent: #e31e24;
  --bg: #fff5f5;
  --text: #3a1218;
  --muted: #8a5058;
  --border: #f5c6c8;
  --card: #ffffff;
  --forest: #8b1118;
  --sage: #ffe0e0;
  --sage-light: #ffebec;
  --sage-dark: #f5c6c8;
}

.theme-red {
  background: var(--bg) !important;
  color: var(--text);
}

.theme-red .sample-theme-banner {
  background: var(--forest);
  color: #ffd4d8;
  text-align: center;
  padding: 10px 12px;
  font-size: 0.76rem;
  font-weight: 600;
}

.theme-red .sample-theme-banner a {
  color: #fff;
}

/* —— Top bars —— */
.theme-red .promo-strip {
  background: linear-gradient(90deg, var(--forest), var(--primary-dark)) !important;
}

.theme-red .sticky-app-bar {
  background: var(--card) !important;
  border-bottom: 3px solid var(--primary-dark) !important;
  color: var(--text) !important;
}

.theme-red .sticky-app-copy strong,
.theme-red .sticky-app-copy span {
  color: var(--primary-dark) !important;
}

.theme-red .btn-sticky-download {
  background: linear-gradient(135deg, var(--primary-light), var(--primary-dark)) !important;
  color: #fff !important;
  border: none !important;
}

.theme-red .btn-sticky-download:hover {
  color: #fff !important;
  filter: brightness(1.06);
}

/* —— Header + red badge logo —— */
.theme-red .site-header {
  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
  border-bottom: none !important;
  box-shadow: 0 4px 22px rgba(139, 17, 24, 0.28);
}

.theme-red .brand {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.theme-red .brand-logo,
.theme-red .entry-popup-logo {
  width: clamp(52px, 11vw, 68px) !important;
  height: auto !important;
  max-width: 68px !important;
  border-radius: 10px;
  object-fit: contain;
}

.theme-red .btn-header-download {
  background: #fff !important;
  color: var(--primary-dark) !important;
}

.theme-red .btn-header-download:hover {
  background: var(--sage-light) !important;
}

/* —— Hero —— */
.theme-red .hero {
  background: linear-gradient(180deg, var(--card) 0%, var(--sage-light) 100%) !important;
}

.theme-red .hero-kicker {
  background: var(--sage) !important;
  color: var(--primary-dark) !important;
  border: 1px solid var(--border) !important;
}

.theme-red .hero-kicker::before {
  background: var(--primary) !important;
}

.theme-red .hero-title-accent {
  color: var(--accent) !important;
}

.theme-red .hero-download,
.theme-red .btn-primary,
.theme-red .btn-header-download,
.theme-red .coupon-cta,
.theme-red .deals-fade-cta,
.theme-red .tracking-cta,
.theme-red .notify-cta {
  background: linear-gradient(135deg, var(--primary-light), var(--primary-dark)) !important;
  color: #fff !important;
}

.theme-red .coupon-card {
  background: linear-gradient(135deg, var(--card), var(--sage-light)) !important;
  border-color: var(--accent) !important;
}

.theme-red .coupon-label {
  color: #a01218 !important;
}

.theme-red .coupon-code {
  color: var(--primary-dark) !important;
}

.theme-red .stat-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.theme-red .stat-card strong {
  color: var(--primary-dark) !important;
}

/* —— Features / products —— */
.theme-red .features {
  background: var(--bg) !important;
}

.theme-red .feature-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.theme-red .products-section {
  background: var(--sage-light) !important;
}

.theme-red .post-products-banner {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 55%, var(--primary-light) 100%) !important;
  color: #fff !important;
}

.theme-red .post-products-banner h3,
.theme-red .post-products-banner p,
.theme-red .post-products-badge,
.theme-red .post-products-note,
.theme-red .post-products-stats strong,
.theme-red .post-products-stats span {
  color: #fff !important;
}

.theme-red .post-products-banner p,
.theme-red .post-products-note,
.theme-red .post-products-stats span {
  color: #ffe8ea !important;
}

.theme-red .post-products-banner .btn-primary.post-products-download {
  background: #fff !important;
  color: var(--primary-dark) !important;
}

.theme-red .post-products-banner .btn-primary.post-products-download:hover {
  background: #fff0f1 !important;
  color: var(--primary-dark) !important;
}

.theme-red .product-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.theme-red .product-app-badge,
.theme-red .app-only-badge {
  background: var(--primary-dark) !important;
}

.theme-red .product-price .new,
.theme-red .product-open-app,
.theme-red .perk-link {
  color: var(--primary) !important;
}

.theme-red .deals-fade {
  background: linear-gradient(180deg, transparent, rgba(227, 30, 36, 0.08)) !important;
}

/* —— Savings / loyalty / slots —— */
.theme-red .savings-section {
  background: var(--bg) !important;
}

.theme-red .savings-visual {
  background: linear-gradient(135deg, var(--forest), var(--primary)) !important;
  color: #fff !important;
}

.theme-red .savings-visual h2,
.theme-red .savings-visual h3,
.theme-red .savings-visual p,
.theme-red .savings-visual strong {
  color: #fff !important;
}

.theme-red .savings-visual .savings-total-label,
.theme-red .savings-visual .savings-total-note {
  color: #ffd4d8 !important;
}

.theme-red .savings-visual .btn-primary.savings-cta {
  background: #fff !important;
  color: var(--primary-dark) !important;
}

.theme-red .savings-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.theme-red .loyalty-section {
  background: var(--sage-light) !important;
}

.theme-red .loyalty-card {
  background: var(--card) !important;
}

.theme-red .loyalty-card--featured {
  border-color: var(--primary) !important;
  background: var(--sage) !important;
  box-shadow: 0 10px 26px rgba(196, 24, 32, 0.12) !important;
}

.theme-red .loyalty-tag {
  background: var(--primary-dark) !important;
}

.theme-red .loyalty-tag--locked {
  background: var(--sage-light) !important;
  color: var(--primary-dark) !important;
  border-color: var(--border) !important;
}

.theme-red .slots-section {
  background: var(--sage-dark) !important;
}

.theme-red .slots-card {
  background: var(--card) !important;
}

/* —— FAQ / tracking / compare —— */
.theme-red .faq-section,
.theme-red .compare-section {
  background: var(--bg) !important;
}

.theme-red .tracking-section--featured {
  background: linear-gradient(180deg, var(--sage-light) 0%, var(--bg) 100%) !important;
}

.theme-red .tracking-step.is-active {
  border-color: var(--primary) !important;
  background: var(--sage) !important;
}

.theme-red .faq-item[open] {
  border-color: var(--border) !important;
  background: var(--sage-light) !important;
}

.theme-red h2,
.theme-red h3,
.theme-red .section-head h3,
.theme-red .savings-title,
.theme-red .feature-card h4,
.theme-red .loyalty-card strong,
.theme-red .guarantee-grid strong {
  color: var(--primary-dark) !important;
}

/* —— Perks / guarantee / notify / contact —— */
.theme-red .perks-section,
.theme-red .guarantee-section,
.theme-red .notify-section,
.theme-red .contact-section,
.theme-red .testimonials-section {
  background: var(--card) !important;
}

.theme-red .perk-card,
.theme-red .guarantee-card,
.theme-red .testimonial-card {
  border-color: var(--border) !important;
  background: var(--sage-light) !important;
}

.theme-red .app-benefits-section {
  background: var(--bg) !important;
}

.theme-red .app-benefits-card {
  background: linear-gradient(145deg, var(--primary-dark) 0%, var(--forest) 100%) !important;
  color: #fff !important;
}

.theme-red .app-benefits-card h3,
.theme-red .app-benefits-card p,
.theme-red .app-benefits-card .benefits-list,
.theme-red .app-benefits-card .benefits-list li {
  color: #fff !important;
}

.theme-red .app-benefits-card p,
.theme-red .app-benefits-card .benefits-list {
  color: #ffd4d8 !important;
}

.theme-red .app-benefits-card .btn-primary,
.theme-red .app-cta {
  background: #fff !important;
  color: var(--primary-dark) !important;
}

.theme-red .newsletter-section {
  background: var(--sage-dark) !important;
}

.theme-red .newsletter-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

/* —— Footer / popup / fab —— */
.theme-red .site-footer--rich {
  background: var(--forest) !important;
  color: #ffd4d8 !important;
}

.theme-red .footer-about,
.theme-red .footer-note,
.theme-red .footer-copy {
  color: #ffc8cc !important;
}

.theme-red .footer-col h4 {
  color: #ffd4d8 !important;
}

.theme-red .footer-col a,
.theme-red .footer-note a {
  color: #ffc8cc !important;
}

.theme-red .entry-popup-inner {
  background: linear-gradient(145deg, var(--forest) 0%, var(--primary-dark) 50%, var(--primary) 100%) !important;
  color: #fff !important;
}

.theme-red .entry-popup-inner h2,
.theme-red .entry-popup-inner h3,
.theme-red .entry-popup-title,
.theme-red .entry-popup-body,
.theme-red .entry-popup-list,
.theme-red .entry-popup-list li {
  color: #fff !important;
}

.theme-red .entry-popup-body {
  color: #ffe8ea !important;
}

.theme-red .entry-popup-tag {
  color: #ffc8cc !important;
}

.theme-red .entry-popup-list li::before {
  color: var(--accent) !important;
}

.theme-red .entry-popup-download {
  background: #fff !important;
  color: var(--primary-dark) !important;
}

.theme-red .fab-download {
  background: var(--primary-dark) !important;
}

.theme-red .phone-mock {
  background: linear-gradient(145deg, var(--forest), var(--primary)) !important;
}

.theme-red .section-jumps a {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--primary-dark) !important;
}

.theme-red .brands-section {
  background: var(--sage-light) !important;
}

.theme-red .brands-row span {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.theme-red .post-products-banner--solo {
  margin-top: 0;
}

/* —— Legal / privacy page —— */
.theme-red.legal-page {
  background: var(--bg) !important;
}

.theme-red.legal-page .legal-header .brand-logo {
  width: clamp(52px, 11vw, 68px) !important;
  height: auto !important;
  max-width: 68px !important;
  border-radius: 10px;
  object-fit: contain;
}

.theme-red .legal-back-link:hover,
.theme-red .legal-contact a:hover {
  color: var(--accent) !important;
}