/* Möble Hani v4.5.23 — CSS-level smart mode (device dark ⇒ dark site, no JS needed).
   Auto-generated twin of every html[data-theme="dark"] rule, gated by
   @media (prefers-color-scheme: dark) + :not([data-theme="light"]) so an explicit
   saved light choice still wins. Enqueued LAST. */
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .theme-toggle-sun { display: inline-block; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .theme-toggle-moon { display: none; } }
@media (prefers-color-scheme: dark) { /* ============================================================
   5) DARK MODE
   Toggle is driven by <html data-theme="dark"> set in <head>
   (no flash), persisted in localStorage, respects the OS
   preference on first visit. Sun/moon button lives in the
   header and in the mobile drawer.
   ============================================================ */
html:not([data-theme="light"]) {
  --gold: #d6ab53;
  --gold-dark: #e5c477;
  --gold-soft: #c8a24e;
  --ink: #ece4d2;
  --muted: #a49a87;
  --cream: #12100d;
  --paper: #1b1813;
  --line: #322d24;
  --success: #62c193;
  --shadow: 0 14px 36px rgba(0,0,0,.55);
  color-scheme: dark;
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) body { background: var(--cream); color: var(--ink); } }
@media (prefers-color-scheme: dark) { /* dark "neutral" surfaces that used --ink as a background colour */
html:not([data-theme="light"]) .topbar,
html:not([data-theme="light"]) .tag,
html:not([data-theme="light"]) .social-fab-toggle,
html:not([data-theme="light"]) .toast,
html:not([data-theme="light"]) .woocommerce div.product .images:after { background: #17140f; color: #fff; } }
@media (prefers-color-scheme: dark) { /* text kept readable wherever it sat on paper-white */
html:not([data-theme="light"]) .product-title,
html:not([data-theme="light"]) .category,
html:not([data-theme="light"]) .category b,
html:not([data-theme="light"]) .main-nav,
html:not([data-theme="light"]) .mobile-drawer-nav a,
html:not([data-theme="light"]) .story,
html:not([data-theme="light"]) .footer-brand p,
html:not([data-theme="light"]) .price-row .price { color: var(--ink); } }
@media (prefers-color-scheme: dark) { /* generic surface swaps: whites -> warm near-black */
html:not([data-theme="light"]) .site-header,
html:not([data-theme="light"]) .stories,
html:not([data-theme="light"]) .features,
html:not([data-theme="light"]) .page-hero,
html:not([data-theme="light"]) form.search,
html:not([data-theme="light"]) .entry-content,
html:not([data-theme="light"]) .entry-content .mh-search-item,
html:not([data-theme="light"]) .mh-search-item,
html:not([data-theme="light"]) form.search:not(.mh-search-form) { background: var(--paper); border-color: var(--line); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .category,
html:not([data-theme="light"]) .product-card,
html:not([data-theme="light"]) .article-card,
html:not([data-theme="light"]) .promo,
html:not([data-theme="light"]) .service-dialog,
html:not([data-theme="light"]) .mobile-drawer,
html:not([data-theme="light"]) .woocommerce div.product,
html:not([data-theme="light"]) .woocommerce table.shop_table,
html:not([data-theme="light"]) .woocommerce table.shop_attributes,
html:not([data-theme="light"]) .woocommerce table.shop_table th, html:not([data-theme="light"]) .woocommerce table.shop_table td,
html:not([data-theme="light"]) .woocommerce table.shop_attributes td, html:not([data-theme="light"]) .woocommerce table.shop_attributes th,
html:not([data-theme="light"]) .checkout-card,
html:not([data-theme="light"]) .woocommerce-checkout #customer_details,
html:not([data-theme="light"]) .woocommerce-checkout #order_review,
html:not([data-theme="light"]) .woocommerce-order,
html:not([data-theme="light"]) .woocommerce .cart-collaterals .cart_totals,
html:not([data-theme="light"]) .mh-comment-list .comment-body,
html:not([data-theme="light"]) .mh-comments .comment-respond,
html:not([data-theme="light"]) .mh-review-form-card,
html:not([data-theme="light"]) .mh-reviews .comment_container,
html:not([data-theme="light"]) .service-info-grid article,
html:not([data-theme="light"]) .cat-flyout { background: var(--paper); border-color: var(--line); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .product-image,
html:not([data-theme="light"]) .gallery-main,
html:not([data-theme="light"]) .woocommerce div.product div.images img,
html:not([data-theme="light"]) .woocommerce div.product .images .mh-gallery-main,
html:not([data-theme="light"]) .thumb,
html:not([data-theme="light"]) .mh-gallery-thumb,
html:not([data-theme="light"]) .article-image { background: #221e17; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .site-footer,
html:not([data-theme="light"]) .newsletter-box,
html:not([data-theme="light"]) .story-dialog { background: #0e0c0a; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .promo:before, html:not([data-theme="light"]) .hero-card:before { background: linear-gradient(90deg, rgba(8,7,5,.55) 25%, rgba(8,7,5,.78)); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .promo.second { background: #1a130a; } }
@media (prefers-color-scheme: dark) { /* form controls */
html:not([data-theme="light"]) input, html:not([data-theme="light"]) select, html:not([data-theme="light"]) textarea,
html:not([data-theme="light"]) .newsletter input,
html:not([data-theme="light"]) .qty button, html:not([data-theme="light"]) .qty input,
html:not([data-theme="light"]) .drawer-socials a,
html:not([data-theme="light"]) .social-fab-links a,
html:not([data-theme="light"]) .wish,
html:not([data-theme="light"]) .service-close,
html:not([data-theme="light"]) .service-form input, html:not([data-theme="light"]) .service-form select, html:not([data-theme="light"]) .service-form textarea,
html:not([data-theme="light"]) .mh-review-form-card input, html:not([data-theme="light"]) .mh-review-form-card select, html:not([data-theme="light"]) .mh-review-form-card textarea,
html:not([data-theme="light"]) .mh-comments input, html:not([data-theme="light"]) .mh-comments textarea,
html:not([data-theme="light"]) .field input, html:not([data-theme="light"]) .field select, html:not([data-theme="light"]) .field textarea,
html:not([data-theme="light"]) .woocommerce form .form-row input.input-text, html:not([data-theme="light"]) .woocommerce form .form-row select, html:not([data-theme="light"]) .woocommerce form .form-row textarea,
html:not([data-theme="light"]) .payment-option,
html:not([data-theme="light"]) .woocommerce .quantity .qty,
html:not([data-theme="light"]) .woocommerce-ordering select { background: #221e16; border-color: #3a342a; color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) input::placeholder, html:not([data-theme="light"]) textarea::placeholder { color: #8d8370; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-table-scroll { background: var(--paper); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-table-scroll th { background: #26211a; color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-table-scroll td { background: transparent; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-table-scroll tr:nth-child(even) td { background: rgba(255,255,255,.03); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-table-scroll img { filter: brightness(.92); } }
@media (prefers-color-scheme: dark) { /* gold accents used as small backgrounds stay warm */
html:not([data-theme="light"]) .payment-option:has(input:checked),
html:not([data-theme="light"]) .service-upload,
html:not([data-theme="light"]) .mh-average-rating,
html:not([data-theme="light"]) .mh-verification-required,
html:not([data-theme="light"]) .footer-logo-shell { background: #262012; border-color: #5c4a22; color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-average-rating b { color: var(--gold-dark); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .service-upload small, html:not([data-theme="light"]) .mh-average-rating small { color: var(--muted); } }
@media (prefers-color-scheme: dark) { /* light buttons keep dark text for contrast on gold */
html:not([data-theme="light"]) .btn, html:not([data-theme="light"]) .add, html:not([data-theme="light"]) .category-trigger,
html:not([data-theme="light"]) .woocommerce button.button.alt, html:not([data-theme="light"]) .pagination .current,
html:not([data-theme="light"]) .woocommerce-pagination .current, html:not([data-theme="light"]) .cart .button { color: #171310; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .btn:hover, html:not([data-theme="light"]) .add:hover, html:not([data-theme="light"]) .category-trigger:hover { color: #171310; background: #e2bb67; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .btn-light { background: var(--ink); color: var(--cream); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .btn-outline { color: var(--gold-dark); border-color: var(--gold); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .add { background: var(--cream); color: var(--gold-dark); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .story-product-link { background: #e2bb67; color: #171310; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .wish { background: rgba(30,26,19,.9); } }
@media (prefers-color-scheme: dark) { /* misc text/lines */
html:not([data-theme="light"]) .product-info .summary,
html:not([data-theme="light"]) .woocommerce div.product .woocommerce-product-details__short-description { color: #cfc6b4; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-reviews .description p,
html:not([data-theme="light"]) .mh-comment-list .comment-content { color: #d3cbbb; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .old-price { color: #8a8071; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .main-nav .sub-menu { background: var(--paper); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .feature { border-color: var(--line); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .story-ring img, html:not([data-theme="light"]) .story:first-child .story-ring img { border-color: #1d1913; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .feature-icon, html:not([data-theme="light"]) .newsletter .btn { color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .cart-count { color: #fff; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .entry-content, html:not([data-theme="light"]) .mh-search-item { color: var(--ink); } }
@media (prefers-color-scheme: dark) { /* floating bottom bar */
html:not([data-theme="light"]) .floating-menu { background: rgba(27,24,19,.97); border-color: rgba(214,171,83,.45); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .floating-menu a, html:not([data-theme="light"]) .floating-menu button { color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .floating-menu a:hover, html:not([data-theme="light"]) .floating-menu button:hover { background: #262119; color: var(--gold-dark); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .social-labels a { border-color: #5a5142; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .footer-logo-shell img { background: transparent !important; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .service-fab { color: #171310; } }
@media (prefers-color-scheme: dark) { /* smooth theme transition (avoid on huge areas for perf) */
html:not([data-theme="light"]) body, body, .site-header, .category, .product-card,
.article-card, form.search, .entry-content, .mobile-drawer, .floating-menu {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-search-form,
html:not([data-theme="light"]) .woocommerce-product-details__short-description table,
html:not([data-theme="light"]) .woocommerce-Tabs-panel table,
html:not([data-theme="light"]) .woocommerce-tabs .panel table,
html:not([data-theme="light"]) .entry-content table { background: var(--paper); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce div.product .mh-product-media .mh-gallery-main {
  background: linear-gradient(145deg, #242019, #181510);
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce div.product .woocommerce-tabs .panel,
html:not([data-theme="light"]) .woocommerce div.product .woocommerce-Tabs-panel,
html:not([data-theme="light"]) .woocommerce div.product .mh-table-scroll { background: var(--paper); border-color: var(--line); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce div.product .mh-buy-price { background: #292113; border-color: #5c4a22; color: var(--gold-dark); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce div.product .mh-gallery-arrow { background: rgba(30,26,20,.9); color: var(--ink); border-color: #5c4a22; } }
@media (prefers-color-scheme: dark) { /* Keep the lightbox warm and visible in dark mode too; never turn the page black. */
html:not([data-theme="light"]) .mh-lightbox-backdrop { background: rgba(222, 211, 188, .7); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-lightbox-stage { background: rgba(31,27,21,.9); border-color: rgba(214,171,83,.45); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-lightbox-close,
html:not([data-theme="light"]) .mh-lightbox-arrow,
html:not([data-theme="light"]) .mh-lightbox-count { background: rgba(250,247,241,.94); color: #211b13; } }
@media (prefers-color-scheme: dark) { /* Explicitly warm in both themes: the viewer never becomes a black screen. */
html:not([data-theme="light"]) .mh-lb-backdrop { background: rgba(224,214,193,.88) !important; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-lb-panel { background: rgba(34,29,22,.97); border-color: rgba(214,171,83,.45); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-lb-viewport { background: #242019; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-lb-toolbar,html:not([data-theme="light"]) .mh-lb-help { background: rgba(31,27,21,.86); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce div.product .mh-product-media .mh-gallery-main { background: #242019; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .brand,html:not([data-theme="light"]) .mobile-drawer-brand,html:not([data-theme="light"]) .footer-logo-shell {background:#28231c!important;border-color:var(--line)!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .brand img,html:not([data-theme="light"]) .mobile-drawer-brand img,html:not([data-theme="light"]) .footer-logo-shell img {filter:drop-shadow(0 2px 8px rgba(214,171,83,.2))} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-logo-light {display:none!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-logo-dark {display:block!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .brand,html:not([data-theme="light"]) .mobile-drawer-brand,html:not([data-theme="light"]) .footer-logo-shell {
 background:transparent!important;border:0!important
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .brand img,html:not([data-theme="light"]) .mobile-drawer-brand img,html:not([data-theme="light"]) .footer-logo-shell img {
 filter:none!important
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-logo-light {display:none!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-logo-dark {display:block!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .cat-flyout .cat-child-menu {background:#221e17;border-color:var(--gold-soft)} }
@media (prefers-color-scheme: dark) { /* ---------- v4.5.9 — pagination in DARK mode (belongs to section 2, dark swaps) ----------
   The page-number boxes kept their base `background:#fff` while dark mode paints
   body text with --ink (#ece4d2): cream numbers on white boxes were unreadable and
   the white squares broke the warm near-black surface language. Swap them to the
   same dark surface family used by cards, keep the current page as the gold badge. */
html:not([data-theme="light"]) .pagination .page-numbers,
html:not([data-theme="light"]) .woocommerce-pagination .page-numbers,
html:not([data-theme="light"]) .woocommerce-pagination ul.page-numbers li a,
html:not([data-theme="light"]) .woocommerce-pagination ul.page-numbers li span,
html:not([data-theme="light"]) .mh-section-pagination a,
html:not([data-theme="light"]) .mh-section-pagination span { background: #221e17; border-color: var(--line); color: var(--ink); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .pagination a.page-numbers:hover,
html:not([data-theme="light"]) .woocommerce-pagination a.page-numbers:hover,
html:not([data-theme="light"]) .mh-section-pagination a:hover { background: #2f2921; border-color: var(--gold-soft); color: var(--gold-dark); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .pagination .current,
html:not([data-theme="light"]) .woocommerce-pagination .current,
html:not([data-theme="light"]) .woocommerce-pagination ul.page-numbers li span.current,
html:not([data-theme="light"]) .mh-section-pagination .current { background: var(--gold); border-color: var(--gold); color: #171310; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .pagination .dots,
html:not([data-theme="light"]) .woocommerce-pagination .dots,
html:not([data-theme="light"]) .mh-section-pagination .dots { background: transparent; border-color: transparent; color: var(--muted); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .site-header .brand .mh-logo-light {display:none!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .site-header .brand .mh-logo-dark {display:block!important} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) { --mh-field: #221e17; --mh-tint: #2a2318; --mh-ring: rgba(214, 171, 83, .2); } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .woocommerce-checkout .woocommerce-error { background: #3a211c; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-checkout-price-notice {
  background: linear-gradient(135deg, #33270f, #3d2e14);
  border-color: #6b5426;
  color: #f3dfae;
  box-shadow: none;
} }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-checkout-price-notice a { color: #f0cd85; } }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .mh-item-gallery img { box-shadow: 0 3px 8px rgba(0, 0, 0, .35); } }
