/* ============================================================
   RSA THEME OVERRIDES — index-example.html palette & refinements
   Loaded after main.css; preserves all existing functionality.
   ============================================================ */

/* --- Design tokens (fallback if SCSS vars not loaded) --- */
:root {
  --bg: #fdfaf5;
  --bg2: #f9f4ec;
  --bg3: #f3ece0;
  --gold: #b8860b;
  --gold2: #d4a843;
  --gold3: #f0d080;
  --rose: #c4788a;
  --rose2: #f7eaed;
  --dark: #2b2118;
  --mid: #5a4a38;
  --muted: #9a8870;
  --border: rgba(184, 134, 11, 0.18);
  --border2: rgba(184, 134, 11, 0.08);
  --shadow: 0 4px 32px rgba(90, 60, 20, 0.08);
  --shadow2: 0 12px 48px rgba(90, 60, 20, 0.13);
}

body {
  background: var(--bg);
  color: var(--mid);
  font-weight: 300;
}

/* --- Section typography --- */
.rsa-section-badge {
  color: var(--rose) !important;
  font-family: 'Cinzel', serif !important;
  background: none !important;
  border: none !important;
}

.rsa-section-title em {
  font-style: italic;
  color: var(--gold);
}

.rsa-section-subtitle {
  color: var(--muted) !important;
}

/* --- Cards: collections / products / features --- */
.rsa-product-card,
.rsa-feature-card,
.rsa-post-card,
.rsa-faq-item,
.rsa-award-card,
.rsa-cat-card {
  background: #fff !important;
  border: 1px solid var(--border2) !important;
  box-shadow: var(--shadow) !important;
  border-radius: 0 !important;
}

.rsa-product-card:hover,
.rsa-feature-card:hover,
.rsa-post-card:hover,
.rsa-award-card:hover,
.rsa-cat-card:hover {
  box-shadow: var(--shadow2) !important;
  border-color: var(--border) !important;
  transform: translateY(-4px);
}

/* --- Text contrast on light backgrounds --- */
.rsa-why-card__desc,
.rsa-feature-card__desc,
.rsa-faq-answer,
.rsa-about__description,
.rsa-timeline__desc,
.rsa-team-card__spec,
.rsa-single-product__short-desc {
  color: var(--mid) !important;
}

.rsa-product-card__desc,
.rsa-award-card__issuer,
.rsa-stat-card__label {
  color: var(--muted) !important;
}

.rsa-filter-btn {
  color: var(--mid) !important;
}

/* --- Product / collection placeholders --- */
.rsa-product-card__image-wrap:not(:has(img)) {
  background: linear-gradient(145deg, var(--bg3), var(--bg2));
  display: flex;
  align-items: center;
  justify-content: center;
}

.rsa-product-card__image-wrap:not(:has(img))::after {
  content: '✦';
  font-size: 3rem;
  color: rgba(184, 134, 11, 0.35);
  font-family: 'Cormorant Garamond', serif;
}

.rsa-collection-card:not(:has(.rsa-collection-card__image)) {
  background: linear-gradient(135deg, var(--dark) 0%, #3d2e1f 60%, #1a1008 100%);
  min-height: 280px;
}

.rsa-cat-card__image:not(:has(img)),
.rsa-gallery-masonry__item:not(:has(img)) {
  background: linear-gradient(135deg, var(--bg2), #e8dcc8);
}

/* --- Forms --- */
label,
.rsa-label {
  color: var(--dark);
  font-weight: 500;
}

.rsa-inquiry-form-wrapper,
.rsa-contact-info-card {
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
  border-radius: 0 !important;
}

/* --- CTA banner on dark bg --- */
.rsa-cta-banner__heading,
.rsa-cta-banner__subheading {
  color: #f5e8c8;
}

/* --- Testimonials --- */
.rsa-testimonial-card,
.testi-card {
  background: #fff;
  border: 1px solid var(--border2);
  box-shadow: var(--shadow);
}

.rsa-testimonial-card__stars,
.testi-stars {
  color: var(--gold2);
}

.rsa-testimonial-card__text,
.testi-text {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--mid);
}

.rsa-testimonial-card__author,
.testi-author {
  font-family: 'Cinzel', serif;
  font-size: 0.63rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
}

/* --- Footer --- */
.rsa-footer a {
  transition: color 0.3s;
}

/* --- Breadcrumb --- */
.rsa-breadcrumb {
  background: var(--bg2);
  border-bottom: 1px solid var(--border2);
}

/* --- Pagination --- */
.rsa-pagination .current,
.rsa-pagination a:hover {
  background: var(--gold2);
  border-color: var(--gold2);
  color: var(--dark);
}

/* --- Outline buttons on light hero --- */
.rsa-hero-banner--light .rsa-btn--outline-light {
  color: var(--dark);
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.7);
}

.rsa-hero-banner--light .rsa-btn--outline-light:hover {
  background: var(--dark);
  color: #e8d9b0;
  border-color: var(--dark);
}

/* --- Stat cards on dark sections --- */
.rsa-statistics .rsa-stat-card__label,
.bg-dark .rsa-stat-card__label,
section[class*="dark"] .rsa-stat-card__label {
  color: rgba(245, 232, 200, 0.5) !important;
  opacity: 1 !important;
}

/* --- WhatsApp float --- */
.rsa-wa-float {
  box-shadow: 0 8px 28px rgba(43, 33, 24, 0.35);
  background: var(--dark);
  color: #e8d9b0;
  border: 1px solid rgba(184, 134, 11, 0.45);
}

.rsa-whatsapp-strip {
  background: linear-gradient(135deg, var(--dark) 0%, #3a2814 100%) !important;
}