/* ==========================================================================
   MITSUBISHI ĐỒNG NAI — LIGHT MODE THEME OVERRIDE
   File này CHỈ được load khi cài đặt theme_mode = 'light'
   KHÔNG chỉnh sửa bất kỳ file CSS/Component nào hiện có.
   Tất cả override đều dùng cùng selector hoặc selector mạnh hơn.
   ========================================================================== */

/* ===== ROOT VARIABLES OVERRIDE ===== */
:root {
  /* Nền — đảo từ tối sang sáng */
  --color-black:          #FFFFFF;
  --color-dark-1:         #F8F9FA;
  --color-dark-2:         #F1F3F5;
  --color-dark-3:         #DEE2E6;
  --color-dark-4:         #CED4DA;

  /* GIỮ NGUYÊN --color-white = trắng thật
     vì nó được dùng cho chữ trên nền primary/gold (buttons, badges) */
  /* --color-white: KHÔNG ĐỔI — vẫn là #FFFFFF */

  /* Text — đảo cho light mode */
  --color-text-primary:   #1A1A1A;
  --color-text-secondary: #4A5568;
  --color-text-dark:      #1A1A1A;
  --color-text-muted:     #718096;

  /* Shadows — nhẹ hơn cho light mode */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:      0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:      0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl:      0 16px 48px rgba(0,0,0,0.15);
  --shadow-primary: 0 4px 20px rgba(200,0,26,0.20);
  --shadow-gold:    0 4px 20px rgba(184,146,42,0.20);

  /* Components */
  --card-bg:              #FFFFFF;
  --card-border:          #E2E8F0;
}

/* ===== BODY ===== */
body {
  background: #F5F5F7 !important;
  color: #1A1A1A !important;
}

/* ===== CUSTOM SCROLLBARS ===== */
::-webkit-scrollbar-track { background: #F1F3F5; }
::-webkit-scrollbar-thumb { background: #CED4DA; border: 2px solid #F1F3F5; }
::-webkit-scrollbar-thumb:hover { background: var(--color-primary); }
html {
  scrollbar-color: #CED4DA #F1F3F5;
}

/* ===== HEADER — GIỮ NGUYÊN DARK MODE 100% =====
   Khôi phục toàn bộ biến gốc dark mode bên trong header scope
   để header không bị ảnh hưởng bởi light-mode override ở :root */
.header {
  /* Khôi phục biến gốc dark mode */
  --color-black:          #0A0A0A;
  --color-dark-1:         #141414;
  --color-dark-2:         #1E1E1E;
  --color-dark-3:         #2A2A2A;
  --color-dark-4:         #363636;
  --color-white:          #FFFFFF;
  --color-light-1:        #F8F8F8;
  --color-light-2:        #EEEEEE;
  --color-light-3:        #CCCCCC;

  /* Text gốc */
  --color-text-primary:   #FFFFFF;
  --color-text-secondary: #CCCCCC;
  --color-text-dark:      #0A0A0A;
  --color-text-muted:     #888888;

  /* Shadows gốc */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:      0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:      0 8px 24px rgba(0,0,0,0.5);

  /* Card gốc */
  --card-bg:              #1E1E1E;
  --card-border:          #2A2A2A;
}

/* ===== HERO SECTION — GIỮ NGUYÊN (vì hero có nền video/ảnh riêng) ===== */
/* Hero section vẫn giữ dark để ảnh/video nổi bật */

/* ===== CERTIFIED BADGE ===== */
.certified {
  background: #FFFFFF !important;
  border-top: 1px solid rgba(184, 146, 42, 0.15) !important;
  border-bottom: 1px solid rgba(184, 146, 42, 0.15) !important;
}

.certified__logo img {
  filter: none !important;
}

.certified__text {
  text-shadow: none !important;
}

/* ===== SECTION UTILITIES ===== */
.section {
  color: #1A1A1A !important;
}

.section--dark {
  background-color: #F8F9FA !important;
  color: #1A1A1A !important;
}

.section--light {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
}

.section__title {
  color: #1A1A1A !important;
}

.section__subtitle {
  color: #718096 !important;
}

.section__header--scanline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ===== PRODUCTS GRID ===== */
.products-grid__tab {
  color: #4A5568 !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.products-grid__tab svg {
  fill: #718096 !important;
}

.products-grid__tab:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1A1A1A !important;
}

.products-grid__tab:hover svg {
  fill: #1A1A1A !important;
}

body .products-grid__tab--active {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #FFFFFF !important;
}

body .products-grid__tab--active svg {
  fill: #FFFFFF !important;
}

/* ===== CARD PRODUCT ===== */
.card-product {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.card-product:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}

.card-product__image-wrap {
  background: #F1F3F5 !important;
}

.card-product__specs {
  border-top: 1px solid #E2E8F0 !important;
}

.card-product__footer {
  border-top: 1px solid #E2E8F0 !important;
}

.card-product__actions .btn--secondary {
  background: #F1F3F5 !important;
  color: #4A5568 !important;
}

.card-product__actions .btn--secondary:hover {
  background: #E2E8F0 !important;
  color: #1A1A1A !important;
}

.card-product__actions .btn--dark {
  background: #F8F9FA !important;
  color: var(--color-gold) !important;
}

.card-product__actions .btn--dark:hover {
  background: #E2E8F0 !important;
  color: #1A1A1A !important;
}

/* ===== CARD NEWS ===== */
.card-news {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.card-news:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}

.card-news__image-wrap {
  background: #F1F3F5 !important;
}

/* ===== NEWS SECTION (Overrides for inline hardcodes in news.php) ===== */
body .news-tab-btn {
  color: #4A5568 !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body .news-tab-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1A1A1A !important;
}

body .news-tab-btn.active {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #FFFFFF !important;
}

.news__footer-area .btn--outline {
  color: #1A1A1A !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

.news__footer-area .btn--outline:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: #1A1A1A !important;
}

/* Pagination handled globally in utils.php with light/dark support */

/* ===== CAR SHOWCASE ===== */
.car-showcase {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
}

.car-showcase__nav-wrapper {
  background-color: #FFFFFF !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.06) !important;
}

.car-showcase__nav-wrapper--scanline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body .car-showcase__nav-item {
  color: #4A5568 !important;
}

body .car-showcase__nav-item:hover {
  color: #1A1A1A !important;
}

body .car-showcase__nav-item.is-active {
  color: var(--color-primary) !important;
}

body .car-showcase__nav-item:not(:last-child)::after {
  color: rgba(0, 0, 0, 0.15) !important;
}

.model-part {
  color: #1A1A1A !important;
}

.brand-part {
  color: rgba(0, 0, 0, 0.12) !important;
}

.p-tagline {
  color: #4A5568 !important;
}

.variant-item {
  background: rgba(0, 0, 0, 0.02) !important;
}

.v-name {
  color: #718096 !important;
}

.car-showcase__specs-inline {
  background: #F8F9FA !important;
}

.spec-icon {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.spec-label {
  color: #718096 !important;
}

.spec-value {
  color: #1A1A1A !important;
}

.showroom-stage {
  background: #F8F9FA !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.color-label {
  color: #718096 !important;
}

.color-label span {
  color: #1A1A1A !important;
}

.btn-showroom--outline {
  color: #1A1A1A !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.btn-showroom--outline:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.car-showcase__badge {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  color: #4A5568 !important;
}

/* ===== PROMOTIONS ===== */
.promotions {
  background: #F8F9FA !important;
}

.promotions .section__title,
.promotions .section__subtitle {
  color: #1A1A1A !important;
}

.promotions__item {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.promotions__item:hover {
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.promotions__item-title {
  color: #1A1A1A !important;
}

/* ===== STATS ===== */
.stats {
  background: #FFFFFF !important;
  border-top: 1px solid rgba(184, 146, 42, 0.15) !important;
  border-bottom: 1px solid rgba(184, 146, 42, 0.15) !important;
}

.stats::before {
  background-image: radial-gradient(circle at 2px 2px, rgba(0, 0, 0, 0.02) 1px, transparent 0) !important;
}

.stats__number {
  text-shadow: none !important;
}

.stats__label {
  color: #718096 !important;
}

.stats__item:hover .stats__label {
  color: var(--color-gold) !important;
}

.stats__item:not(:last-child)::after {
  background: linear-gradient(to bottom, transparent, rgba(184, 146, 42, 0.2), transparent) !important;
}

/* ===== INSTALLMENT QUICK (CURRENT VERSION STITCH) ===== */
.installment-quick {
  background: #F8F9FA !important;
}

.stitch-luxury-glass {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.05) !important;
  backdrop-filter: none !important;
}

.iq-label {
  color: var(--color-primary) !important;
}

.iq-select-wrap {
  background: #F8F9FA !important;
  border: 1px solid #E2E8F0 !important;
}

.iq-select {
  color: #1A1A1A !important;
}

.iq-range-input {
  background: #E2E8F0 !important;
}

.iq-range-display {
  color: #1A1A1A !important;
}

.iq-result-card {
  background: #F8F9FA !important;
  border: 1px solid #E2E8F0 !important;
}

.iq-result-header {
  color: #A0AEC0 !important;
}

.iq-res-label {
  color: #718096 !important;
}

.iq-res-value {
  color: #1A1A1A !important;
}

.iq-interest-tag {
  color: #718096 !important;
}

/* ===== DELIVERY GALLERY ===== */
body .delivery-tab-btn {
  color: #4A5568 !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body .delivery-tab-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1A1A1A !important;
}

body .delivery-tab-btn.active {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #FFFFFF !important;
}

.delivery-gallery__item {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

.delivery-gallery__item:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}


/* ===== CTA BANNER — Giữ nguyên dark vì có ảnh nền ===== */

/* ===== FOOTER — GIỮ NGUYÊN DARK MODE 100% ===== 
   Khôi phục toàn bộ biến gốc dark mode bên trong footer scope
   để footer không bị ảnh hưởng bởi light-mode override ở :root */
.footer {
  /* Khôi phục nền gốc */
  --color-black:          #0A0A0A;
  --color-dark-1:         #141414;
  --color-dark-2:         #1E1E1E;
  --color-dark-3:         #2A2A2A;
  --color-dark-4:         #363636;
  --color-white:          #FFFFFF;
  --color-light-1:        #F8F8F8;
  --color-light-2:        #EEEEEE;
  --color-light-3:        #CCCCCC;

  /* Text gốc */
  --color-text-primary:   #FFFFFF;
  --color-text-secondary: #CCCCCC;
  --color-text-dark:      #0A0A0A;
  --color-text-muted:     #888888;

  /* Shadows gốc */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:      0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:      0 8px 24px rgba(0,0,0,0.5);

  /* Card gốc */
  --card-bg:              #1E1E1E;
  --card-border:          #2A2A2A;

  /* Áp dụng background */
  background: var(--color-black) !important;
  color: var(--color-text-secondary) !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* Đảm bảo scrollbar trong footer vẫn dark */
.footer ::-webkit-scrollbar-track { background: var(--color-dark-1); }
.footer ::-webkit-scrollbar-thumb { background: #333; border: 2px solid var(--color-dark-1); }

/* Khôi phục màu chữ & link trong footer */
.footer .footer__heading {
  color: #FFFFFF !important;
}

.footer .footer__link {
  color: #CCCCCC !important;
}

.footer .footer__link:hover {
  color: var(--color-primary) !important;
}

.footer .footer__copyright {
  color: #888888 !important;
}

.footer .footer__address p {
  color: #CCCCCC !important;
}

.footer .footer__social-link {
  background: #1E1E1E !important;
  border: 1px solid #2A2A2A !important;
  color: #CCCCCC !important;
}

.footer .footer__social-link:hover {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #FFFFFF !important;
}

.footer .footer__top {
  border-bottom: 1px solid #2A2A2A !important;
}

.footer .footer__cta {
  border-top: 1px solid #2A2A2A !important;
}

.footer .footer__cta p {
  color: #888888 !important;
}

.footer .footer__bottom {
  background: rgba(0,0,0,0.4) !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* SEO Credit Box — giữ dark */
.footer .footer__seo-inner {
  background: #141414 !important;
  color: #FFFFFF !important;
}

/* Hiệu ứng texture layers — giữ nguyên */
.footer .footer__layer-carbon {
  opacity: 0.6 !important;
}

.footer .footer__layer-honeycomb {
  opacity: 0.3 !important;
}

/* Transition override — tắt transition cho footer để tránh flash */
.footer *,
.footer *::before,
.footer *::after {
  transition-property: color, background-color, border-color, box-shadow, transform, opacity !important;
}

/* ===== BUTTONS OVERRIDE (chỉ áp dụng cho content area, không header/footer) ===== */
main .btn--ghost {
  color: #1A1A1A !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

main .btn--ghost:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: #1A1A1A !important;
}

main .btn--dark {
  background: #E2E8F0 !important;
  color: #1A1A1A !important;
  border-color: #E2E8F0 !important;
}

main .btn--dark:hover {
  background: #CED4DA !important;
  border-color: #CED4DA !important;
}

/* ===== DIVIDER ===== */
.divider {
  border-top: 1px solid #E2E8F0 !important;
}

/* ===== LAZY LOAD ===== */
img[loading="lazy"] {
  background-color: #F1F3F5 !important;
}

/* ===== MITSUBISHI GLOW EFFECT — Light Mode ===== */
.text-mitsubishi-glow {
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15) !important;
}

/* ===== BADGE DARK (chỉ áp dụng trong content) ===== */
main .badge--dark {
  background: #E2E8F0 !important;
  color: #1A1A1A !important;
}

/* ===== BACK TO TOP ===== */
body .back-to-top {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid #E2E8F0 !important;
}

body .back-to-top:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--color-primary) !important;
}

/* ===== BOOKING FORM / LEAD CAPTURE (Modal đã light sẵn) ===== */

/* ===== CHAT WIDGET — giữ nguyên ===== */

/* ===== CRITICAL CSS INLINE OVERRIDE ===== 
   Override các giá trị inline trong <style> tag critical CSS ở index.php
   bằng cách dùng selector mạnh hơn */
html body {
  background: #F5F5F7 !important;
  color: #1A1A1A !important;
}

/* ===== SMOOTH TRANSITION khi chuyển theme ===== */
*, *::before, *::after {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

/* Không áp dụng transition cho animation elements */
.hero *, .hero,
.swiper-slide *,
[data-animate],
.header__logo::after,
.footer__chasing-border,
.footer__layer-honeycomb,
.card-product::before,
.card-product::after,
.card-news::before,
.card-news::after,
.delivery-gallery__item::before,
.delivery-gallery__item::after {
  transition-property: none !important;
}
/* ===== LANDING PAGES OVERRIDES (CINEMATIC) ===== */
.x-landing {
  background-color: #F5F5F7 !important;
  color: #1A1A1A !important;
}

.x-hero__bg {
  background: radial-gradient(circle at 70% 50%, rgba(200, 0, 26, 0.05) 0%, transparent 60%),
              linear-gradient(to bottom, #FFFFFF 0%, rgba(255,255,255,0.8) 50%, #F5F5F7 100%) !important;
}

.x-hero__title, .x-hero__tagline, .x-hero__subtitle {
  color: #1A1A1A !important;
  text-shadow: none !important;
}

.x-hero__title span {
  -webkit-text-stroke: 1px rgba(0,0,0,0.1) !important;
  opacity: 0.3 !important;
}

.x-dot {
  background: rgba(0, 0, 0, 0.1) !important;
}

.x-dot.active {
  background: var(--color-primary) !important;
}

.x-specs {
  background: #FFFFFF !important;
  border-top-color: rgba(0,0,0,0.05) !important;
}

.x-specs__grid {
  background: rgba(0,0,0,0.05) !important;
  border-color: rgba(0,0,0,0.05) !important;
}

.x-spec-item {
  background: #FFFFFF !important;
}

.x-spec-value {
  color: #1A1A1A !important;
}

.x-glass-card {
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  color: #1A1A1A !important;
}

.x-price-card {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.x-price-card.active {
  border-color: var(--color-primary) !important;
  box-shadow: 0 10px 30px rgba(200, 0, 26, 0.1) !important;
}

.x-version-name {
  color: #1A1A1A !important;
}

.x-version-price {
  color: var(--color-primary) !important;
}

.x-showroom {
  background: #FFFFFF !important;
}

.x-showroom__title, .x-showroom__tagline {
  color: #1A1A1A !important;
}

/* Dealer Map Section */
.x-location {
  background: #F8F9FA !important;
  border-top-color: rgba(0,0,0,0.05) !important;
}

.x-loc-info {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: var(--shadow-md) !important;
}

.x-loc-text h4 {
  color: #718096 !important;
}

.x-loc-text p {
  color: #1A1A1A !important;
}

.x-loc-icon {
  background: #F7FAFC !important;
  color: var(--color-primary) !important;
}

.x-loc-map-wrap {
  border-color: #E2E8F0 !important;
  box-shadow: var(--shadow-md) !important;
}

/* Quotation & Forms */
.x-quotation {
  background: radial-gradient(circle at 100% 0%, #FFFFFF 0%, #F5F5F7 70%) !important;
  border-top-color: rgba(0,0,0,0.05) !important;
}

.x-q-card {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.x-q-card h4 {
  color: #1A1A1A !important;
}

.x-q-form-wrap {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;
}

.x-q-form-wrap h3 {
  color: #1A1A1A !important;
}

.x-q-form-wrap p {
  color: #718096 !important;
}

.x-td-input, .x-td-select {
  background: #F7FAFC !important;
  border-color: #E2E8F0 !important;
  color: #1A1A1A !important;
}

.x-td-label {
  color: #4A5568 !important;
}

.x-td-submit {
  box-shadow: 0 10px 25px rgba(200, 0, 26, 0.2) !important;
}

#q-success h3 {
  color: #1A1A1A !important;
}

#q-success p {
  color: #718096 !important;
}

/* Test Drive Section */
.x-test-drive {
  background: #FFFFFF !important;
}

.x-td-box {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 40px 80px rgba(0,0,0,0.06) !important;
}

.x-td-info {
  background: #F8F9FA !important;
  border-right-color: #E2E8F0 !important;
}

.x-td-info h2 {
  color: #1A1A1A !important;
}

.x-td-info p {
  color: #718096 !important;
}

.x-td-rep {
  border-top-color: #E2E8F0 !important;
}

.x-td-rep h4 {
  color: #1A1A1A !important;
}

.x-td-rep p {
  color: #718096 !important;
}

#td-success h3 {
  color: #1A1A1A !important;
}

#td-success p {
  color: #718096 !important;
}

/* Feature Rows & Text */
.x-feature {
  background: #FFFFFF !important;
}

.x-feature__title {
  color: #1A1A1A !important;
}

.x-feature__text {
  color: #718096 !important;
}

.x-feature__img-box {
  box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
}

/* Drive Modes */
.x-drive-modes {
  background: #F8F9FA !important;
}

.x-mode-card {
  background: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

.x-mode-card h3 {
  color: #1A1A1A !important;
}

.x-mode-card p {
  color: #718096 !important;
}

.x-mode-card.active, .x-mode-card:hover {
  background: #FFFFFF !important;
  box-shadow: 0 20px 40px rgba(200, 0, 26, 0.08) !important;
}

/* Yamaha Sound */
.x-yamaha {
  background: #FFFFFF !important;
}

.x-yamaha__inner {
  background: linear-gradient(90deg, #F8F9FA 0%, transparent 100%) !important;
}

.x-pricing {
  background: none !important;
  background-color: #F8F9FA !important;
}

.x-price-card .main-price {
  color: #1A1A1A !important;
}

.x-price-card .main-price span {
  color: #718096 !important;
  opacity: 0.8 !important;
}

/* Swatch active border */
.x-swatch.active {
  border-color: var(--color-primary) !important;
}

/* View All Buttons — Light Mode */
.btn--view-all {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #1A1A1A !important;
}

.btn--view-all:hover {
  background: var(--color-gold) !important;
  border-color: var(--color-gold) !important;
  color: #000000 !important;
}