/* =============================================================================
   WebStar Ecommerce — Tema Light Premium
   Identidade: gold accent (#D4AF37 / #B8960C) sobre superfícies claras
   Footer permanece dark (#1E293B) como âncora visual
   Scoped: carregado apenas quando config->tema = 'light'
   ============================================================================= */

/* =============================================================================
   TOKENS
   ============================================================================= */
:root {
  --esl-bg:        #F8FAFC;
  --esl-surface:   #FFFFFF;
  --esl-border:    #E2E8F0;
  --esl-border-lt: rgba(0,0,0,0.05);
  --esl-gold:      #D4AF37;
  --esl-gold-dk:   #B8960C;
  --esl-gold-bg:   rgba(212,175,55,0.07);
  --esl-gold-bdr:  rgba(212,175,55,0.30);
  --esl-text:      #1E293B;
  --esl-muted:     #64748B;
  --esl-subtle:    #94A3B8;
  --esl-shadow:    0 2px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05);
  --esl-shadow-lg: 0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
}

/* =============================================================================
   GLOBAL
   ============================================================================= */
html, body {
  background-color: var(--esl-bg) !important;
  color: var(--esl-text) !important;
}

/* Reset de links */
a { color: var(--esl-muted) !important; }
a:hover { color: var(--esl-gold-dk) !important; text-decoration: none !important; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--esl-text) !important;
}

/* Selection */
::selection {
  background: var(--esl-gold) !important;
  color: #02040A !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.30) !important; border-radius: 3px !important; }
::-webkit-scrollbar-thumb:hover { background: var(--esl-gold) !important; }

/* =============================================================================
   HEADER — TOP INFO BAR
   ============================================================================= */
#top-header {
  background: #F1F5F9 !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

#top-header .header-links li a {
  color: var(--esl-muted) !important;
}

#top-header .header-links li a i {
  color: var(--esl-gold-dk) !important;
}

#top-header .header-links li a:hover {
  color: var(--esl-gold-dk) !important;
}

/* =============================================================================
   HEADER — MAIN
   ============================================================================= */
header {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

#header {
  background: #ffffff !important;
}

/* Logo text */
.header-logo .logo-text {
  color: var(--esl-text) !important;
}

/* Cart / menu buttons */
.header-ctn > .dropdown > a {
  background: var(--esl-bg) !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}

.header-ctn > .dropdown > a:hover {
  background: var(--esl-gold-bg) !important;
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
}

.header-ctn > .dropdown > a i {
  color: inherit !important;
}

/* Menu toggle button */
.menu-toggle {
  background: var(--esl-bg) !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}

.menu-toggle:hover {
  background: var(--esl-gold-bg) !important;
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
}

/* Qty badge — mantém gold gradient */
.header-ctn .qty {
  background: linear-gradient(to right, #FDE047, #D4AF37) !important;
  color: #02040A !important;
}

/* =============================================================================
   SEARCH BAR
   ============================================================================= */
.header-search .input,
.header-search select.input-select {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-text) !important;
}

.header-search .input:focus {
  border-color: var(--esl-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.12) !important;
  outline: none !important;
}

.header-search .input::placeholder {
  color: var(--esl-subtle) !important;
}

.header-search .search-btn {
  background: linear-gradient(135deg, #FDE047, #D4AF37) !important;
  color: #02040A !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
}

.header-search .search-btn:hover {
  box-shadow: 0 4px 16px rgba(212,175,55,0.35) !important;
}

/* =============================================================================
   CATEGORIES BAR
   ============================================================================= */
.categories-bar {
  background: #ffffff !important;
  border-top: 1px solid var(--esl-border) !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

.categories-bar .categories-list a {
  color: var(--esl-muted) !important;
  background: transparent !important;
}

.categories-bar .categories-list a:hover {
  background: var(--esl-gold-bg) !important;
  color: var(--esl-gold-dk) !important;
}

/* =============================================================================
   DROPDOWN MENUS
   ============================================================================= */
.dropdown-menu {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.10) !important;
  backdrop-filter: none !important;
}

.dropdown-item,
.dropdown-menu a {
  color: var(--esl-muted) !important;
  background: transparent !important;
}

.dropdown-item:hover,
.dropdown-menu a:hover {
  background: var(--esl-gold-bg) !important;
  color: var(--esl-text) !important;
}

/* =============================================================================
   CART DROPDOWN
   ============================================================================= */
.cart-dropdown {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important;
  backdrop-filter: none !important;
  z-index: 9999 !important;
}

.cart-header {
  border-bottom: 1px solid var(--esl-border) !important;
}

.cart-header h4 {
  color: var(--esl-text) !important;
}

.product-widget {
  border-bottom: 1px solid var(--esl-border) !important;
}

.product-widget .product-body h3.product-name a {
  color: var(--esl-text) !important;
}

.product-widget .product-body h4.product-price,
.product-widget .product-body h5.product-price {
  color: var(--esl-gold-dk) !important;
}

.cart-summary {
  border-top: 1px solid var(--esl-border) !important;
  background: var(--esl-bg) !important;
}

.cart-summary small { color: var(--esl-muted) !important; }

.cart-summary h5 {
  color: var(--esl-text) !important;
}

.cart-btns {
  border-top: 1px solid var(--esl-border) !important;
  background: var(--esl-bg) !important;
}

/* Cart empty state */
.cart-empty p { color: var(--esl-muted) !important; }

/* =============================================================================
   PRODUCT CARDS
   ============================================================================= */
.product {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: var(--esl-shadow) !important;
  backdrop-filter: none !important;
}

.product:hover {
  box-shadow: var(--esl-shadow-lg) !important;
  transform: translateY(-2px) !important;
  border-color: var(--esl-gold-bdr) !important;
}

.product-img {
  background: var(--esl-bg) !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

.product-body {
  background: #ffffff !important;
  border-top: none !important;
}

.product-category {
  color: var(--esl-subtle) !important;
}

.product-name,
.product-name a {
  color: var(--esl-text) !important;
}

.product-price {
  color: var(--esl-gold-dk) !important;
}

/* Old price strikethrough */
.product-price del,
.product-price .old-price {
  color: var(--esl-subtle) !important;
}

/* Sale/new badges — mantém gold */
.product-label.sale {
  background: linear-gradient(to right, #FDE047, #D4AF37) !important;
  color: #02040A !important;
}

.product-label.new {
  background: rgba(212,175,55,0.12) !important;
  color: var(--esl-gold-dk) !important;
  border: 1px solid var(--esl-gold-bdr) !important;
}

/* Destaque badge */
.product-label,
span[style*="background: linear-gradient"] {
  /* leave as-is — já é gold */
}

/* Fix: override style.css absolute positioning — card usa flex column */
.product .add-to-cart {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
  padding: 0 14px 14px !important;
}
.product:hover .add-to-cart {
  transform: none !important;
}

/* "Ver Produto" button */
.add-to-cart-btn,
.primary-btn {
  background: linear-gradient(135deg, #FDE047, #D4AF37) !important;
  color: #02040A !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
}

.add-to-cart-btn:hover,
.primary-btn:hover {
  box-shadow: 0 4px 16px rgba(212,175,55,0.35) !important;
  color: #02040A !important;
}

/* =============================================================================
   SECTION TITLES
   ============================================================================= */
.section-title h2,
.section-title h3,
.section-title .title {
  color: var(--esl-text) !important;
}

.section-title h2::after,
.section-title h3::after {
  background: var(--esl-gold) !important;
}

/* Ver todos / catálogo button */
.section-title a.btn,
.section-title > a {
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
  background: #ffffff !important;
}

.section-title a.btn:hover,
.section-title > a:hover {
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
  background: var(--esl-gold-bg) !important;
}

/* Section badge (DESTAQUES) */
.section-title .badge,
.section-title span[class*="badge"] {
  background: linear-gradient(135deg, #FDE047, #D4AF37) !important;
  color: #02040A !important;
}

/* =============================================================================
   SLIDER/CAROUSEL (Slick)
   ============================================================================= */
.slick-prev, .slick-next,
.slideshow-prev, .slideshow-next {
  background: rgba(255,255,255,0.92) !important;
  color: var(--esl-text) !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

.slick-prev:hover, .slick-next:hover,
.slideshow-prev:hover, .slideshow-next:hover {
  background: #ffffff !important;
  border-color: var(--esl-gold-bdr) !important;
}

.slick-dots li button:before,
.slideshow-dots span {
  background: var(--esl-border) !important;
}

.slick-dots li.slick-active button:before,
.slideshow-dots span.active {
  background: var(--esl-gold) !important;
}

/* =============================================================================
   FORMS & INPUTS
   ============================================================================= */
.input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
textarea,
select,
.form-control {
  background: #ffffff !important;
  border: 1px solid #CBD5E1 !important;
  color: var(--esl-text) !important;
  border-radius: 8px !important;
}

.input:focus,
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--esl-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.12) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--esl-subtle) !important;
}

/* Input group */
.input-group-btn .btn,
.input-group-text {
  background: var(--esl-bg) !important;
  border-color: #CBD5E1 !important;
  color: var(--esl-muted) !important;
}

/* Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background: #ffffff !important;
  border: 1px solid #CBD5E1 !important;
  color: var(--esl-text) !important;
}

.select2-container--default .select2-results__option {
  background: #ffffff !important;
  color: var(--esl-text) !important;
}

.select2-container--default .select2-results__option--highlighted {
  background: var(--esl-gold-bg) !important;
  color: var(--esl-gold-dk) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--esl-text) !important;
}

.select2-dropdown {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */
.btn-primary,
.btn-buy {
  background: linear-gradient(135deg, #FDE047, #D4AF37) !important;
  color: #02040A !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(212,175,55,0.25) !important;
}

.btn-primary:hover,
.btn-buy:hover {
  box-shadow: 0 6px 20px rgba(212,175,55,0.40) !important;
  color: #02040A !important;
}

.btn-success {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

.btn-success:hover {
  background: #15803d !important;
  border-color: #15803d !important;
}

.btn-danger {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.btn-default,
.btn-secondary,
.btn-light {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover {
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
  background: var(--esl-gold-bg) !important;
}

/* Quantity +/- buttons */
.qty-btn,
button.qtybtn {
  background: var(--esl-bg) !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}

.qty-btn:hover,
button.qtybtn:hover {
  background: var(--esl-gold-bg) !important;
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
}

/* Disabled */
button:disabled, .btn:disabled, input:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* =============================================================================
   PAGINATION
   ============================================================================= */
.pagination > li > a,
.pagination > li > span {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}

.pagination > li > a:hover {
  background: var(--esl-gold-bg) !important;
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
}

.pagination > .active > a,
.pagination > .active > span {
  background: var(--esl-gold) !important;
  border-color: var(--esl-gold) !important;
  color: #02040A !important;
  font-weight: 700 !important;
}

/* =============================================================================
   ALERTS & BADGES
   ============================================================================= */
.alert-success {
  background: rgba(22,163,74,0.08) !important;
  border-color: rgba(22,163,74,0.25) !important;
  color: #166534 !important;
}

.alert-danger, .alert-error {
  background: rgba(220,38,38,0.08) !important;
  border-color: rgba(220,38,38,0.25) !important;
  color: #991b1b !important;
}

.alert-warning {
  background: rgba(217,119,6,0.08) !important;
  border-color: rgba(217,119,6,0.25) !important;
  color: #92400e !important;
}

.alert-info {
  background: var(--esl-gold-bg) !important;
  border-color: var(--esl-gold-bdr) !important;
  color: var(--esl-gold-dk) !important;
}

/* =============================================================================
   MODALS
   ============================================================================= */
.modal-content {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 8px 20px rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
}

.modal-header {
  background: var(--esl-bg) !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

.modal-header h4, .modal-title {
  color: var(--esl-text) !important;
}

.modal-footer {
  background: var(--esl-bg) !important;
  border-top: 1px solid var(--esl-border) !important;
}

.modal-body { background: #ffffff !important; }

.close, .btn-close {
  color: var(--esl-muted) !important;
  opacity: 0.7 !important;
}

/* Overlay */
.modal-backdrop { background: rgba(15,23,42,0.55) !important; }

/* =============================================================================
   CART PAGE
   ============================================================================= */
.cart-item,
table.cart-items tr,
.cart-table tbody tr {
  background: #ffffff !important;
  border-bottom: 1px solid var(--esl-border) !important;
}

.cart-table thead th {
  background: var(--esl-bg) !important;
  color: var(--esl-muted) !important;
  border-bottom: 2px solid var(--esl-border) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

.cart-table td {
  color: var(--esl-text) !important;
  border-color: var(--esl-border) !important;
}

/* Cart total */
.cart-total,
.total-price,
.summary-total {
  color: var(--esl-gold-dk) !important;
  font-weight: 700 !important;
}

/* =============================================================================
   PRODUCT DETAIL PAGE
   ============================================================================= */
.product-details .product-name h2,
.product-details h2 {
  color: var(--esl-text) !important;
}

.product-details .product-price h3,
.product-details .price {
  color: var(--esl-gold-dk) !important;
}

.product-details .product-available,
.in-stock {
  color: #16a34a !important;
}

.product-nav a,
.product-tab a {
  color: var(--esl-muted) !important;
}

.product-nav a.active,
.product-tab a.active {
  color: var(--esl-gold-dk) !important;
  border-bottom: 2px solid var(--esl-gold) !important;
}

/* Image thumb border on active */
#product-imgs .item.active img,
.thumb-nav .active img {
  border: 2px solid var(--esl-gold) !important;
}

/* =============================================================================
   LOGIN / CADASTRO
   ============================================================================= */
.login-form,
.register-form,
.billing-details {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: var(--esl-shadow) !important;
  border-radius: 16px !important;
}

/* =============================================================================
   MINHA CONTA
   ============================================================================= */
.account-section,
.address-card,
.order-card {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: var(--esl-shadow) !important;
}

.account-section h4,
.address-card h5,
.order-card h5 {
  color: var(--esl-text) !important;
}

/* Status badges */
.badge-success { background: rgba(22,163,74,0.12) !important; color: #166534 !important; }
.badge-danger  { background: rgba(220,38,38,0.12) !important; color: #991b1b !important; }
.badge-warning { background: rgba(217,119,6,0.12) !important;  color: #92400e !important; }
.badge-info    { background: var(--esl-gold-bg) !important;    color: var(--esl-gold-dk) !important; }

/* =============================================================================
   NEWSLETTER / SOCIAL
   ============================================================================= */
#newsletter {
  background: #F1F5F9 !important;
  border-top: 1px solid var(--esl-border) !important;
}

/* Social icons — mantém cores da marca */
.social-facebook  { background: #1877F2 !important; }
.social-instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; }
.social-whatsapp  { background: #25D366 !important; }

/* =============================================================================
   FOOTER — Permanece dark (âncora visual) mesmo em tema light
   ============================================================================= */
#footer {
  background: #1E293B !important;
  color: #94A3B8 !important;
}

#footer .section {
  background: #1E293B !important;
}

.footer-title {
  color: #E2E8F0 !important;
}

.footer-links a {
  color: #94A3B8 !important;
}

.footer-links a:hover {
  color: #D4AF37 !important;
}

.footer-links a i {
  color: #64748B !important;
}

#footer p,
#footer small {
  color: #64748B !important;
}

#footer .copyright a {
  color: #D4AF37 !important;
}

#bottom-footer {
  background: #131B2F !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

#bottom-footer p { color: #64748B !important; }
#bottom-footer a { color: #D4AF37 !important; }

.footer-payments a .fa {
  color: #64748B !important;
}

.footer-payments a:hover .fa {
  color: #D4AF37 !important;
}

/* =============================================================================
   TOASTR NOTIFICATIONS
   ============================================================================= */
.toast-success {
  background: #ffffff !important;
  color: var(--esl-text) !important;
  border-left: 3px solid #16a34a !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

.toast-error {
  background: #ffffff !important;
  color: var(--esl-text) !important;
  border-left: 3px solid #dc2626 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

.toast-warning {
  background: #ffffff !important;
  color: var(--esl-text) !important;
  border-left: 3px solid #d97706 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

.toast-info {
  background: #ffffff !important;
  color: var(--esl-text) !important;
  border-left: 3px solid var(--esl-gold) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

.toast-title { color: var(--esl-text) !important; font-weight: 700 !important; }
.toast-message { color: var(--esl-muted) !important; }

/* =============================================================================
   SWEETALERT
   ============================================================================= */
.swal-modal {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}

.swal-title { color: var(--esl-text) !important; }
.swal-text  { color: var(--esl-muted) !important; }

.swal-button--confirm {
  background: linear-gradient(135deg, #FDE047, #D4AF37) !important;
  color: #02040A !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
}

.swal-button--cancel {
  background: var(--esl-bg) !important;
  color: var(--esl-muted) !important;
  border: 1px solid var(--esl-border) !important;
}

/* =============================================================================
   LOADING / SPINNER
   ============================================================================= */
.modal-loading {
  background: rgba(248,250,252,0.90) !important;
}

.spinner {
  border-color: var(--esl-border) !important;
  border-top-color: var(--esl-gold) !important;
}

/* =============================================================================
   MISC UTILITIES
   ============================================================================= */
.text-primary { color: var(--esl-gold-dk) !important; }

/* Free shipping progress bar */
.free-shipping-bar {
  background: var(--esl-border) !important;
}

.free-shipping-bar .bar {
  background: linear-gradient(to right, #FDE047, #D4AF37) !important;
}

/* Back to top — mantém gold */
#back-to-top {
  background: linear-gradient(to right, #FDE047, #D4AF37) !important;
  color: #02040A !important;
  box-shadow: 0 4px 16px rgba(212,175,55,0.4) !important;
}

/* Frete radio */
input[type="radio"].radio-frete { accent-color: var(--esl-gold) !important; }

/* Card panels (checkout, minha-conta) */
.card,
.billing-panel,
.order-panel {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  box-shadow: var(--esl-shadow) !important;
}

/* Tables */
table { color: var(--esl-text) !important; }
table th { color: var(--esl-muted) !important; background: var(--esl-bg) !important; }
table td { border-color: var(--esl-border) !important; }
table tbody tr:hover { background: var(--esl-gold-bg) !important; }

/* =============================================================================
   COMPONENTES DA INDEX (light overrides — complementam o inline CSS da view)
   ============================================================================= */

/* Section titles (ws-section-title é inline dark; o override pelo seletor body.ws-tema-light
   já está na view, mas garantimos aqui com maior especificidade para futuras páginas) */
body.ws-tema-light .ws-section-title {
  color: var(--esl-text) !important;
}

body.ws-tema-light .ws-section-badge {
  background: rgba(212,175,55,0.08) !important;
  color: var(--esl-gold-dk) !important;
  border-color: rgba(184,150,12,0.30) !important;
}

/* Ver todos button */
body.ws-tema-light .btn-ver-todos {
  background: #ffffff !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
}
body.ws-tema-light .btn-ver-todos:hover {
  background: rgba(212,175,55,0.08) !important;
  border-color: rgba(184,150,12,0.35) !important;
  color: var(--esl-gold-dk) !important;
}

/* Free shipping bar (inline dark; garantir override em light) */
body.ws-tema-light .free-shipping-bar {
  background: #ffffff !important;
  backdrop-filter: none !important;
  border: 1px solid var(--esl-border) !important;
  color: var(--esl-muted) !important;
  box-shadow: var(--esl-shadow) !important;
}
body.ws-tema-light .free-shipping-bar .fsgold { color: var(--esl-gold-dk) !important; }
body.ws-tema-light .free-shipping-progress { background: var(--esl-border) !important; }

/* Quick-add cart button */
body.ws-tema-light .btn-quick-cart {
  background: rgba(255,255,255,0.92) !important;
  border-color: var(--esl-border) !important;
  color: var(--esl-text) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}
body.ws-tema-light .btn-quick-cart:hover,
body.ws-tema-light .btn-quick-cart:focus {
  background: rgba(212,175,55,0.90) !important;
  border-color: #D4AF37 !important;
  color: #02040A !important;
  box-shadow: 0 4px 12px rgba(212,175,55,0.35) !important;
}

/* Mobile bottom nav — border correta no light */
body.ws-tema-light #ws-mobile-nav {
  border-top: 1px solid rgba(0,0,0,0.10) !important;
}

/* Product name — garantir legibilidade no light */
body.ws-tema-light .product-name,
body.ws-tema-light .product-name a {
  color: var(--esl-text) !important;
  font-weight: 600 !important;
}