/* Tema oscuro: apaga leftovers claros (qty, inputs, sheets, cards). */
body.theme-is-dark {
  color-scheme: dark;
}

body.theme-is-dark .cart-modal,
body.theme-is-dark .checkout-sheet,
body.theme-is-dark .checkout-sheet-panel,
body.theme-is-dark .product-modal-body,
body.theme-is-dark .product-modal-panel,
body.theme-is-dark .cats-modal,
body.theme-is-dark .cuenta-app-drawer,
body.theme-is-dark .cuenta-auth-card,
body.theme-is-dark .prestigio-modal,
body.theme-is-dark .sh-page,
body.theme-is-dark .sh-cart-page {
  letter-spacing: 0.01em;
  word-spacing: normal;
}

/* Controles nativos e inputs */
body.theme-is-dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]),
body.theme-is-dark textarea,
body.theme-is-dark select {
  background-color: var(--sh-card) !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line-strong) !important;
  caret-color: var(--sh-ink);
}

body.theme-is-dark input::placeholder,
body.theme-is-dark textarea::placeholder {
  color: var(--sh-muted) !important;
  opacity: 0.85;
}

body.theme-is-dark input:-webkit-autofill,
body.theme-is-dark input:-webkit-autofill:hover,
body.theme-is-dark input:-webkit-autofill:focus,
body.theme-is-dark textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--sh-ink) !important;
  caret-color: var(--sh-ink);
  border-color: var(--sh-line-strong) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--sh-card) inset !important;
  box-shadow: 0 0 0 1000px var(--sh-card) inset !important;
  transition: background-color 99999s ease-out;
}

body.theme-is-dark option {
  background: var(--sh-card);
  color: var(--sh-ink);
}

/* Cantidad: era #fff con texto --sh-ink (claro) = invisible */
body.theme-is-dark .sh-qty,
body.theme-is-dark .cart-qty-row,
body.theme-is-dark .product-modal-qty,
body.theme-is-dark .product-detial .product-form input[type="number"],
body.theme-is-dark .product-detial .product-form #qty {
  background: var(--sh-card) !important;
  border-color: var(--sh-line-strong) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-qty .cart-qty-btn,
body.theme-is-dark .cart-qty-row .cart-qty-btn,
body.theme-is-dark .product-modal-qty button,
body.theme-is-dark .sh-qty .cart-qty-input,
body.theme-is-dark .cart-qty-row .cart-qty-input {
  background: transparent !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line) !important;
}

body.theme-is-dark .sh-qty .cart-qty-btn:hover,
body.theme-is-dark .cart-qty-row .cart-qty-btn:hover,
body.theme-is-dark .product-modal-qty button:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-cart-remove-btn,
body.theme-is-dark .cart-modal .icon-close,
body.theme-is-dark .cart-modal .modal-close {
  background: var(--sh-card) !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line-strong) !important;
}

body.theme-is-dark .cart-modal,
body.theme-is-dark .cart-modal .cart-modal-footer,
body.theme-is-dark .cart-modal .cart-modal-header {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line) !important;
}

body.theme-is-dark .cart-modal .cart-modal-header::before {
  background: rgba(255, 255, 255, 0.28) !important;
}

body.theme-is-dark .cart-modal .cart-list .product-name,
body.theme-is-dark .cart-modal .cart-list .product-name a,
body.theme-is-dark .cart-modal .cart-list .price,
body.theme-is-dark .cart-modal .cart-empty,
body.theme-is-dark .cart-total-line,
body.theme-is-dark .cart-total-line strong,
body.theme-is-dark .cart-total-line-grand,
body.theme-is-dark .cart-total-line-grand strong {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .cart-modal .cart-list .price small,
body.theme-is-dark .cart-eta-note,
body.theme-is-dark .cart-modal .cart-modal-header .main-title {
  color: var(--sh-muted) !important;
}

body.theme-is-dark .cart-total-line-grand {
  border-top-color: var(--sh-line) !important;
}

/* Checkout sheet */
body.theme-is-dark .checkout-sheet-panel,
body.theme-is-dark .checkout-sheet-card,
body.theme-is-dark .checkout-sheet-body {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
  box-shadow: none !important;
}

body.theme-is-dark .checkout-sheet-card {
  background: var(--sh-card) !important;
  border: 1px solid var(--sh-line);
}

body.theme-is-dark .checkout-sheet-head {
  background: var(--sh-card) !important;
  color: var(--sh-ink) !important;
  box-shadow: none !important;
}

body.theme-is-dark .checkout-sheet-back,
body.theme-is-dark .checkout-sheet-close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .checkout-sheet-titles h2,
body.theme-is-dark .checkout-sheet-kicker,
body.theme-is-dark .checkout-sheet-card h3 {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .checkout-sheet-alert {
  background: var(--sh-card) !important;
  border-color: var(--sh-line-strong) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .checkout-geo-box,
body.theme-is-dark .checkout-geo-box.is-ok,
body.theme-is-dark .checkout-geo-box.is-error,
body.theme-is-dark .checkout-geo-box.is-warn {
  background: var(--sh-card) !important;
  border-color: var(--sh-line-strong) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .checkout-geo-status strong {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .checkout-sheet-items li,
body.theme-is-dark .checkout-sheet-items span,
body.theme-is-dark .checkout-sheet-items strong {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .store-notice-panel {
  background: var(--sh-card, #161616) !important;
  color: var(--sh-ink, #f3f3f3) !important;
  border-color: var(--sh-line-strong, rgba(255, 255, 255, 0.14)) !important;
}

body.theme-is-dark .store-notice-msg {
  color: var(--sh-ink, #f3f3f3) !important;
}

body.theme-is-dark .store-notice-ok {
  background: var(--sh-btn-bg, #c4b08a) !important;
  color: var(--sh-btn-text, #111) !important;
}

/* Ficha + modal tallas */
body.theme-is-dark .product-option-axis select,
body.theme-is-dark .product-size-pick,
body.theme-is-dark .product-modal-options .product-size-pick {
  background: var(--sh-card) !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line-strong) !important;
}

body.theme-is-dark .product-size-pick.is-on,
body.theme-is-dark .product-modal-options .product-size-pick.is-on {
  background: var(--sh-ink) !important;
  color: var(--sh-cream) !important;
  border-color: var(--sh-ink) !important;
}

body.theme-is-dark .product-slider,
body.theme-is-dark .product-gallery,
body.theme-is-dark .pagg-slider,
body.theme-is-dark .product-modal-gallery,
body.theme-is-dark .product-modal-gallery-main {
  background: var(--sh-cream-deep) !important;
}

/* Categorías, cuenta, prestigio, blog */
body.theme-is-dark .cats-modal {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-app-trust {
  background: var(--sh-card) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-app-trust p {
  color: var(--sh-muted) !important;
}

body.theme-is-dark .sh-app-trust-link,
body.theme-is-dark .sh-app-trust a,
body.theme-is-dark .sh-app-why h2,
body.theme-is-dark .sh-app-why strong,
body.theme-is-dark .sh-app-why-ico {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-app-why li {
  border-color: var(--sh-line) !important;
}

body.theme-is-dark .sh-app-why li > span:not(.sh-app-why-ico) {
  color: var(--sh-muted) !important;
}

body.theme-is-dark .why-modal-sheet,
body.theme-is-dark .why-modal-copy {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .why-modal-close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .why-modal-copy h2 {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .why-modal-text {
  color: var(--sh-muted) !important;
}

body.theme-is-dark .why-modal-fade {
  background: linear-gradient(180deg, transparent 0%, var(--sh-cream) 100%) !important;
}

body.theme-is-dark .sh-app-nav,
body.theme-is-dark .sh-app-nav-inner {
  background: var(--sh-cream) !important;
  border-color: var(--sh-line) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-cart-fab .cart-num {
  background: var(--sh-btn-bg) !important;
  color: var(--sh-btn-text) !important;
  border-color: var(--sh-btn-bg) !important;
}

body.theme-is-dark .cuenta-app-drawer,
body.theme-is-dark .cuenta-auth-card,
body.theme-is-dark .prestigio-modal,
body.theme-is-dark .sp-nav-stage-sheet {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .prestigio-modal-header,
body.theme-is-dark .prestigio-modal-summary,
body.theme-is-dark .prestigio-review,
body.theme-is-dark .prestigio-modal-footer {
  border-color: var(--sh-line) !important;
}

body.theme-is-dark .prestigio-modal-close,
body.theme-is-dark .prestigio-modal-header .main-title,
body.theme-is-dark .prestigio-modal-summary-avg,
body.theme-is-dark .prestigio-review-author,
body.theme-is-dark .prestigio-form-msg.is-ok {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .prestigio-review-body,
body.theme-is-dark .prestigio-modal-footer p,
body.theme-is-dark .prestigio-modal-loading,
body.theme-is-dark .prestigio-modal-empty,
body.theme-is-dark .prestigio-form label {
  color: var(--sh-muted) !important;
}

body.theme-is-dark .prestigio-modal-footer {
  background: var(--sh-cream) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .prestigio-modal-footer a {
  color: var(--sh-ink) !important;
}

body.theme-is-dark .sh-cart-row,
body.theme-is-dark .sh-cart-table,
body.theme-is-dark .sh-page,
body.theme-is-dark .pay-box {
  background: transparent !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line) !important;
}

/* Total del pedido: checkout.css tenía #000 fijo → invisible en dark */
body.theme-is-dark .checkout-items li,
body.theme-is-dark .checkout-items li strong,
body.theme-is-dark .checkout-totals > div,
body.theme-is-dark .checkout-totals > div strong,
body.theme-is-dark .checkout-total,
body.theme-is-dark .checkout-total strong,
body.theme-is-dark .pay-total {
  color: var(--sh-ink, #f3f3f3) !important;
  border-color: var(--sh-line) !important;
}

body.theme-is-dark .order-milestone-dot,
body.theme-is-dark .order-track-map {
  background: var(--sh-card) !important;
  border-color: var(--sh-line-strong) !important;
  color: var(--sh-ink) !important;
}

body.theme-is-dark .am-carousel-btn,
body.theme-is-dark .am-ghost-btn,
body.theme-is-dark .blog-modal-close {
  background: var(--sh-card) !important;
  color: var(--sh-ink) !important;
  border-color: var(--sh-line-strong) !important;
}

body.theme-is-dark .sh-shop-filter-sheet-head,
body.theme-is-dark .sh-shop-filter-sheet-foot {
  background: var(--sh-card, #161616) !important;
  color: var(--sh-ink, #f3f3f3) !important;
  border-color: var(--sh-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

body.theme-is-dark .sh-filter-reset {
  background: transparent !important;
  color: var(--sh-ink, #f3f3f3) !important;
  border-color: var(--sh-line-strong, rgba(255, 255, 255, 0.28)) !important;
}

body.theme-is-dark .sh-filter-apply {
  background: var(--sh-btn-bg, #c4b08a) !important;
  color: var(--sh-btn-text, #111) !important;
  border-color: var(--sh-btn-bg, #c4b08a) !important;
}

/* Login / cuenta: Chrome pinta autofill verde-oliva; los botones #111 no se leen. */
body.theme-is-dark.kinlig-body .cuenta-auth-card {
  color: #c8c8c8 !important;
}

body.theme-is-dark.kinlig-body .cuenta-auth-close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #c8c8c8 !important;
  box-shadow: none !important;
}

body.theme-is-dark.kinlig-body .cuenta-auth-title {
  color: var(--sh-gold, var(--sh-olive, #d4c4a0)) !important;
}

body.theme-is-dark.kinlig-body .cuenta-auth-lead,
body.theme-is-dark.kinlig-body .cuenta-auth-switch,
body.theme-is-dark.kinlig-body .cuenta-form label {
  color: #9a9a9a !important;
}

body.theme-is-dark.kinlig-body .cuenta-auth-switch button {
  color: #c8c8c8 !important;
}

body.theme-is-dark.kinlig-body .cuenta-auth-switch button:hover {
  color: #ececec !important;
}

body.theme-is-dark.kinlig-body .cuenta-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]),
body.theme-is-dark.kinlig-body .cuenta-form textarea {
  background-color: #2a2a2a !important;
  color: #c8c8c8 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  caret-color: #c8c8c8;
}

body.theme-is-dark.kinlig-body .cuenta-form input::placeholder,
body.theme-is-dark.kinlig-body .cuenta-form textarea::placeholder {
  color: #7a7a7a !important;
}

body.theme-is-dark.kinlig-body .cuenta-form input:focus,
body.theme-is-dark.kinlig-body .cuenta-form textarea:focus {
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}

body.theme-is-dark.kinlig-body .cuenta-form input:disabled {
  background: #1f1f1f !important;
  color: #7a7a7a !important;
}

body.theme-is-dark.kinlig-body .cuenta-form input:-webkit-autofill,
body.theme-is-dark.kinlig-body .cuenta-form input:-webkit-autofill:hover,
body.theme-is-dark.kinlig-body .cuenta-form input:-webkit-autofill:focus,
body.theme-is-dark.kinlig-body .cuenta-form textarea:-webkit-autofill {
  -webkit-text-fill-color: #c8c8c8 !important;
  caret-color: #c8c8c8;
  border-color: rgba(255, 255, 255, 0.14) !important;
  -webkit-box-shadow: 0 0 0 1000px #2a2a2a inset !important;
  box-shadow: 0 0 0 1000px #2a2a2a inset !important;
  transition: background-color 99999s ease-out;
}
