/* v4.5.23 — smart mode at the CSS level:
   Block A: light refinements when the DEVICE prefers light (no attribute needed).
   Block B: same refinements when the visitor explicitly saved light mode. */
@media (prefers-color-scheme: light) {
/* Möble Hani — light mode only. No rules here apply to html[data-theme="dark"]. */
html:not([data-theme="dark"]){
  --gold:#8e6023;
  --gold-dark:#62421b;
  --gold-soft:#e9c986;
  --ink:#2d2924;
  --muted:#625d56;
  --cream:#e8dfd3;
  --paper:#f9f4ec;
  --line:#d0c3b2;
  --shadow:0 12px 28px rgba(62,44,28,.13);
  color-scheme:light;
}
/* Lighter warm stone foundation; surfaces remain layered, not white-on-white. */
html:not([data-theme="dark"]) body{background:#eee9e2;color:var(--ink)}
html:not([data-theme="dark"]) .site-content{background:transparent}
/* Champagne header, walnut navigation and dark-gold accents. */
html:not([data-theme="dark"]) .topbar{background:#3e3128;color:#f8f0e3}
html:not([data-theme="dark"]) .topbar-notice:before{color:var(--gold-soft)}
html:not([data-theme="dark"]) .site-header{background:linear-gradient(115deg,rgba(238,228,213,.98),rgba(248,241,231,.98));border-color:#bca991;box-shadow:0 6px 22px rgba(65,47,27,.13)}
html:not([data-theme="dark"]) .menu-row{background:#59432f;border-color:#71583e;color:#f6eddd}
html:not([data-theme="dark"]) .menu-row .main-nav>a,
html:not([data-theme="dark"]) .menu-row .main-nav>ul>li>a{color:#f7f0e5}
html:not([data-theme="dark"]) .menu-row .main-nav>a:hover,
html:not([data-theme="dark"]) .menu-row .main-nav>ul>li>a:hover,
html:not([data-theme="dark"]) .menu-row .main-nav>ul>li>a.active,
html:not([data-theme="dark"]) .menu-row .story-link{color:#efd397}
html:not([data-theme="dark"]) .menu-row .main-nav .sub-menu a{color:var(--ink)}
html:not([data-theme="dark"]) .menu-row .main-nav .sub-menu a:hover{color:var(--gold-dark);background:#e8dbc8}
html:not([data-theme="dark"]) .brand,
html:not([data-theme="dark"]) .mobile-drawer-brand{background:#f8efe4;border:1px solid #c8bba7}
html:not([data-theme="dark"]) form.search:not(.mh-search-form){background:#f5efe5;border-color:#b9a788}
html:not([data-theme="dark"]) form.search:not(.mh-search-form):focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(142,96,35,.18)}
html:not([data-theme="dark"]) .icon-btn:hover{background:#d5c5ac}
/* Alternating grey, beige and oat sections establish a layered rhythm. */
html:not([data-theme="dark"]) .stories{background:#e7dfd4}
html:not([data-theme="dark"]) .mh-featured-products{background:#f1ebe1}
html:not([data-theme="dark"]) .mh-articles{background:#e5dbcc}
html:not([data-theme="dark"]) .features{background:#e2d8ca;border-color:#bda991}
html:not([data-theme="dark"]) .feature{border-color:#b8a48b}
html:not([data-theme="dark"]) .newsletter{background:#e8ddcd}
html:not([data-theme="dark"]) .newsletter-box{background:linear-gradient(115deg,#4a382a,#896634);box-shadow:0 16px 35px rgba(62,41,22,.2)}
html:not([data-theme="dark"]) .page-hero:not(.mh-contact-hero):not(.mh-installment-hero){background:#e8dac7;border-color:#c4b39b}
html:not([data-theme="dark"]) .section-heading h2{color:#3c2e21}
/* Cream paper cards with tactile wood-toned outlines instead of pure white. */
html:not([data-theme="dark"]) .category,
html:not([data-theme="dark"]) .product-card,
html:not([data-theme="dark"]) .article-card,
html:not([data-theme="dark"]) .checkout-card,
html:not([data-theme="dark"]) .entry-content,
html:not([data-theme="dark"]) .mh-contact-card:not(.mh-contact-phones),
html:not([data-theme="dark"]) .service-info-grid article,
html:not([data-theme="dark"]) .woocommerce div.product,
html:not([data-theme="dark"]) .mh-search-item,
html:not([data-theme="dark"]) .mh-search-empty,
html:not([data-theme="dark"]) .mh-articles-tools,
html:not([data-theme="dark"]) .mh-articles-empty,
html:not([data-theme="dark"]) .mh-consult-panel,
html:not([data-theme="dark"]) .service-dialog{background:var(--paper);border-color:var(--line)}
html:not([data-theme="dark"]) .category:hover,
html:not([data-theme="dark"]) .product-card:hover,
html:not([data-theme="dark"]) .article-card:hover{border-color:#a77737}
html:not([data-theme="dark"]) .main-nav .sub-menu,
html:not([data-theme="dark"]) .woocommerce table.shop_table,
html:not([data-theme="dark"]) .woocommerce table.shop_attributes td,
html:not([data-theme="dark"]) .woocommerce table.shop_attributes th,
html:not([data-theme="dark"]) .woocommerce .cart-collaterals .cart_totals,
html:not([data-theme="dark"]) .woocommerce-checkout #customer_details,
html:not([data-theme="dark"]) .woocommerce-checkout #order_review,
html:not([data-theme="dark"]) .woocommerce-message,
html:not([data-theme="dark"]) .woocommerce-info{background:var(--paper);border-color:var(--line)}
html:not([data-theme="dark"]) .woocommerce form .form-row input.input-text,
html:not([data-theme="dark"]) .woocommerce form .form-row textarea,
html:not([data-theme="dark"]) .woocommerce form .form-row select,
html:not([data-theme="dark"]) .woocommerce .woocommerce-ordering select{background:#ebe3d7;border-color:var(--line);color:var(--ink)}
html:not([data-theme="dark"]) .product-image,
html:not([data-theme="dark"]) .article-image{background:#e6dbcd}
/* CTA gold remains dark enough for white labels; secondary buttons stay walnut. */
html:not([data-theme="dark"]) .add,
html:not([data-theme="dark"]) .mh-catalog-action{background:#ded0bc;color:var(--gold-dark)}
html:not([data-theme="dark"]) .add:hover,
html:not([data-theme="dark"]) .mh-catalog-action:hover{background:var(--gold);color:#fff}
html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) .category-trigger,
html:not([data-theme="dark"]) .service-fab{background:var(--gold)}
html:not([data-theme="dark"]) .btn-light{background:#f2eadd;color:#302820}
html:not([data-theme="dark"]) .btn-outline{background:transparent;color:var(--gold-dark);border-color:var(--gold)}
html:not([data-theme="dark"]) .btn-outline:hover{background:#e1d0b7;color:#563b19}
/* Walnut footer and discreet floating controls. */
html:not([data-theme="dark"]) .floating-menu{background:rgba(233,223,207,.97);border-color:#a98853}
html:not([data-theme="dark"]) .floating-menu a:hover,
html:not([data-theme="dark"]) .floating-menu button:hover{background:#d4c0a3}
html:not([data-theme="dark"]) .social-fab-toggle{background:#4b3829}
html:not([data-theme="dark"]) .social-fab-links a{background:#f3e9dc}
html:not([data-theme="dark"]) .site-footer{background:#3d3027;color:#f7eee0}
html:not([data-theme="dark"]) .footer-brand img,
html:not([data-theme="dark"]) .footer-logo-shell{background:#f0e5d3;border-radius:10px}
html:not([data-theme="dark"]) .footer-title{color:#ecd397}
html:not([data-theme="dark"]) .footer-links li,
html:not([data-theme="dark"]) .footer-contact,
html:not([data-theme="dark"]) .footer-brand p{color:#ebdfcf}
html:not([data-theme="dark"]) .copyright{border-color:#725b48;color:#d7c8b3}
/* Existing contact and installment hero gradients stay dark for legibility. */

/* ---------- header «دسته‌بندی محصولات» fly-out (v4.5.9) ----------
   Defect: .cat-flyout paints its own paper background but never declares a text
   colour, so in light mode it inherited .menu-row { color:#f6eddd } from the block
   above. Cream text on a cream panel made every category (and its «زیر‌دسته‌ها»
   panel) unreadable until hovered, where :hover restored --gold-dark.
   Dark mode was unaffected: html[data-theme="dark"] --paper is near-black.
   Fix: pin ink-coloured text and warm hover/child surfaces, light mode only. */
html:not([data-theme="dark"]) .cat-flyout{background:var(--paper);border-color:var(--line);color:var(--ink)}
html:not([data-theme="dark"]) .cat-flyout a{color:var(--ink)}
html:not([data-theme="dark"]) .cat-flyout a:hover,
html:not([data-theme="dark"]) .cat-flyout a:focus-visible{background:#efe4d3;color:var(--gold-dark)}
html:not([data-theme="dark"]) .cat-flyout b{color:inherit}
html:not([data-theme="dark"]) .cat-flyout .cat-flyout-icon{color:var(--gold)}
html:not([data-theme="dark"]) .cat-flyout i{background:#e7ddcd;color:#5f584f}
html:not([data-theme="dark"]) .cat-flyout .cat-flyout-all{border-bottom-color:var(--line);color:var(--gold-dark)}
html:not([data-theme="dark"]) .cat-flyout .cat-flyout-all:hover{background:#efe4d3;color:var(--gold-dark)}
/* nested child panel keeps one step of depth against the paper fly-out */
html:not([data-theme="dark"]) .cat-flyout .cat-child-menu{background:#efe6d8;border-color:var(--gold-soft);color:var(--ink)}
html:not([data-theme="dark"]) .cat-flyout .cat-child-menu a{color:#43382c}
html:not([data-theme="dark"]) .cat-flyout .cat-child-menu a>span{color:var(--gold-dark)}
html:not([data-theme="dark"]) .cat-flyout .cat-child-menu a:hover{background:#e2d5bf;color:var(--gold-dark)}
html:not([data-theme="dark"]) .cat-flyout .cat-child-menu a>i{background:var(--paper);color:#5f584f}
html:not([data-theme="dark"]) .cat-flyout .cat-child-arrow{background:#e3d7c3;color:var(--gold-dark)}
html:not([data-theme="dark"]) .cat-flyout-item.has-children:hover>.cat-flyout-parent .cat-child-arrow{background:var(--gold-soft)}
/* long category lists scroll inside the fly-out */
html:not([data-theme="dark"]) .cat-flyout::-webkit-scrollbar{width:8px}
html:not([data-theme="dark"]) .cat-flyout::-webkit-scrollbar-thumb{background:#cdbaa0;border-radius:8px}
html:not([data-theme="dark"]) .cat-flyout::-webkit-scrollbar-track{background:transparent}
/* trigger stays legible on the walnut bar, with a visible pressed/focus state */
html:not([data-theme="dark"]) .cat-nav .category-trigger{background:var(--gold);color:#fff8ec}
html:not([data-theme="dark"]) .cat-nav .category-trigger:hover,
html:not([data-theme="dark"]) .cat-nav.open .category-trigger{background:var(--gold-dark);color:#fff8ec}
html:not([data-theme="dark"]) .cat-nav .category-trigger:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}

/* ---------- logo shell blends into the light header (v4.5.9) ----------
   The light logo (moblehani-original-logo-light.jpg) carries its own WHITE
   background. The light shell behind it was warm cream (#f8efe4) with a visible
   border, so three tones stacked: champagne header > cream badge > white logo.
   Fix, light mode only:
     1. multiply the white pixels of the logo into whatever sits behind it, and
     2. drop the badge box so the artwork sits directly on the light surfaces.
   Dark mode is untouched: it shows a different artwork on its own dark badge. */
html:not([data-theme="dark"]) .mh-logo-light{mix-blend-mode:multiply}
html:not([data-theme="dark"]) .brand,
html:not([data-theme="dark"]) .mobile-drawer-brand{background:transparent;border-color:transparent}
html:not([data-theme="dark"]) .footer-logo-shell{background:#f2e8d7;border-color:transparent}

/* ---------- pagination harmonised with the warm stone palette (v4.5.9) ----------
   Base styles used pure #fff boxes; light mode keeps warm paper instead so the
   numbers sit on the same tonal family as cards, and the ink colour is pinned. */
html:not([data-theme="dark"]) .pagination .page-numbers,
html:not([data-theme="dark"]) .woocommerce-pagination .page-numbers,
html:not([data-theme="dark"]) .woocommerce-pagination ul.page-numbers li a,
html:not([data-theme="dark"]) .woocommerce-pagination ul.page-numbers li span,
html:not([data-theme="dark"]) .mh-section-pagination a,
html:not([data-theme="dark"]) .mh-section-pagination span{background:var(--paper);border-color:var(--line);color:var(--ink)}
html:not([data-theme="dark"]) .pagination a.page-numbers:hover,
html:not([data-theme="dark"]) .woocommerce-pagination a.page-numbers:hover,
html:not([data-theme="dark"]) .mh-section-pagination a:hover{background:#efe4d3;border-color:#c9b593;color:var(--gold-dark)}
html:not([data-theme="dark"]) .pagination .current,
html:not([data-theme="dark"]) .woocommerce-pagination .current,
html:not([data-theme="dark"]) .woocommerce-pagination ul.page-numbers li span.current,
html:not([data-theme="dark"]) .mh-section-pagination .current{background:var(--gold);border-color:var(--gold);color:#fff8ec}
html:not([data-theme="dark"]) .pagination .dots,
html:not([data-theme="dark"]) .woocommerce-pagination .dots,
html:not([data-theme="dark"]) .mh-section-pagination .dots{background:transparent;border-color:transparent;color:var(--muted)}

}

/* Möble Hani — light mode only. No rules here apply to html[data-theme="dark"]. */
html[data-theme="light"]{
  --gold:#8e6023;
  --gold-dark:#62421b;
  --gold-soft:#e9c986;
  --ink:#2d2924;
  --muted:#625d56;
  --cream:#e8dfd3;
  --paper:#f9f4ec;
  --line:#d0c3b2;
  --shadow:0 12px 28px rgba(62,44,28,.13);
  color-scheme:light;
}
/* Lighter warm stone foundation; surfaces remain layered, not white-on-white. */
html[data-theme="light"] body{background:#eee9e2;color:var(--ink)}
html[data-theme="light"] .site-content{background:transparent}
/* Champagne header, walnut navigation and dark-gold accents. */
html[data-theme="light"] .topbar{background:#3e3128;color:#f8f0e3}
html[data-theme="light"] .topbar-notice:before{color:var(--gold-soft)}
html[data-theme="light"] .site-header{background:linear-gradient(115deg,rgba(238,228,213,.98),rgba(248,241,231,.98));border-color:#bca991;box-shadow:0 6px 22px rgba(65,47,27,.13)}
html[data-theme="light"] .menu-row{background:#59432f;border-color:#71583e;color:#f6eddd}
html[data-theme="light"] .menu-row .main-nav>a,
html[data-theme="light"] .menu-row .main-nav>ul>li>a{color:#f7f0e5}
html[data-theme="light"] .menu-row .main-nav>a:hover,
html[data-theme="light"] .menu-row .main-nav>ul>li>a:hover,
html[data-theme="light"] .menu-row .main-nav>ul>li>a.active,
html[data-theme="light"] .menu-row .story-link{color:#efd397}
html[data-theme="light"] .menu-row .main-nav .sub-menu a{color:var(--ink)}
html[data-theme="light"] .menu-row .main-nav .sub-menu a:hover{color:var(--gold-dark);background:#e8dbc8}
html[data-theme="light"] .brand,
html[data-theme="light"] .mobile-drawer-brand{background:#f8efe4;border:1px solid #c8bba7}
html[data-theme="light"] form.search:not(.mh-search-form){background:#f5efe5;border-color:#b9a788}
html[data-theme="light"] form.search:not(.mh-search-form):focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(142,96,35,.18)}
html[data-theme="light"] .icon-btn:hover{background:#d5c5ac}
/* Alternating grey, beige and oat sections establish a layered rhythm. */
html[data-theme="light"] .stories{background:#e7dfd4}
html[data-theme="light"] .mh-featured-products{background:#f1ebe1}
html[data-theme="light"] .mh-articles{background:#e5dbcc}
html[data-theme="light"] .features{background:#e2d8ca;border-color:#bda991}
html[data-theme="light"] .feature{border-color:#b8a48b}
html[data-theme="light"] .newsletter{background:#e8ddcd}
html[data-theme="light"] .newsletter-box{background:linear-gradient(115deg,#4a382a,#896634);box-shadow:0 16px 35px rgba(62,41,22,.2)}
html[data-theme="light"] .page-hero:not(.mh-contact-hero):not(.mh-installment-hero){background:#e8dac7;border-color:#c4b39b}
html[data-theme="light"] .section-heading h2{color:#3c2e21}
/* Cream paper cards with tactile wood-toned outlines instead of pure white. */
html[data-theme="light"] .category,
html[data-theme="light"] .product-card,
html[data-theme="light"] .article-card,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .entry-content,
html[data-theme="light"] .mh-contact-card:not(.mh-contact-phones),
html[data-theme="light"] .service-info-grid article,
html[data-theme="light"] .woocommerce div.product,
html[data-theme="light"] .mh-search-item,
html[data-theme="light"] .mh-search-empty,
html[data-theme="light"] .mh-articles-tools,
html[data-theme="light"] .mh-articles-empty,
html[data-theme="light"] .mh-consult-panel,
html[data-theme="light"] .service-dialog{background:var(--paper);border-color:var(--line)}
html[data-theme="light"] .category:hover,
html[data-theme="light"] .product-card:hover,
html[data-theme="light"] .article-card:hover{border-color:#a77737}
html[data-theme="light"] .main-nav .sub-menu,
html[data-theme="light"] .woocommerce table.shop_table,
html[data-theme="light"] .woocommerce table.shop_attributes td,
html[data-theme="light"] .woocommerce table.shop_attributes th,
html[data-theme="light"] .woocommerce .cart-collaterals .cart_totals,
html[data-theme="light"] .woocommerce-checkout #customer_details,
html[data-theme="light"] .woocommerce-checkout #order_review,
html[data-theme="light"] .woocommerce-message,
html[data-theme="light"] .woocommerce-info{background:var(--paper);border-color:var(--line)}
html[data-theme="light"] .woocommerce form .form-row input.input-text,
html[data-theme="light"] .woocommerce form .form-row textarea,
html[data-theme="light"] .woocommerce form .form-row select,
html[data-theme="light"] .woocommerce .woocommerce-ordering select{background:#ebe3d7;border-color:var(--line);color:var(--ink)}
html[data-theme="light"] .product-image,
html[data-theme="light"] .article-image{background:#e6dbcd}
/* CTA gold remains dark enough for white labels; secondary buttons stay walnut. */
html[data-theme="light"] .add,
html[data-theme="light"] .mh-catalog-action{background:#ded0bc;color:var(--gold-dark)}
html[data-theme="light"] .add:hover,
html[data-theme="light"] .mh-catalog-action:hover{background:var(--gold);color:#fff}
html[data-theme="light"] .btn,
html[data-theme="light"] .category-trigger,
html[data-theme="light"] .service-fab{background:var(--gold)}
html[data-theme="light"] .btn-light{background:#f2eadd;color:#302820}
html[data-theme="light"] .btn-outline{background:transparent;color:var(--gold-dark);border-color:var(--gold)}
html[data-theme="light"] .btn-outline:hover{background:#e1d0b7;color:#563b19}
/* Walnut footer and discreet floating controls. */
html[data-theme="light"] .floating-menu{background:rgba(233,223,207,.97);border-color:#a98853}
html[data-theme="light"] .floating-menu a:hover,
html[data-theme="light"] .floating-menu button:hover{background:#d4c0a3}
html[data-theme="light"] .social-fab-toggle{background:#4b3829}
html[data-theme="light"] .social-fab-links a{background:#f3e9dc}
html[data-theme="light"] .site-footer{background:#3d3027;color:#f7eee0}
html[data-theme="light"] .footer-brand img,
html[data-theme="light"] .footer-logo-shell{background:#f0e5d3;border-radius:10px}
html[data-theme="light"] .footer-title{color:#ecd397}
html[data-theme="light"] .footer-links li,
html[data-theme="light"] .footer-contact,
html[data-theme="light"] .footer-brand p{color:#ebdfcf}
html[data-theme="light"] .copyright{border-color:#725b48;color:#d7c8b3}
/* Existing contact and installment hero gradients stay dark for legibility. */

/* ---------- header «دسته‌بندی محصولات» fly-out (v4.5.9) ----------
   Defect: .cat-flyout paints its own paper background but never declares a text
   colour, so in light mode it inherited .menu-row { color:#f6eddd } from the block
   above. Cream text on a cream panel made every category (and its «زیر‌دسته‌ها»
   panel) unreadable until hovered, where :hover restored --gold-dark.
   Dark mode was unaffected: html[data-theme="dark"] --paper is near-black.
   Fix: pin ink-coloured text and warm hover/child surfaces, light mode only. */
html[data-theme="light"] .cat-flyout{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="light"] .cat-flyout a{color:var(--ink)}
html[data-theme="light"] .cat-flyout a:hover,
html[data-theme="light"] .cat-flyout a:focus-visible{background:#efe4d3;color:var(--gold-dark)}
html[data-theme="light"] .cat-flyout b{color:inherit}
html[data-theme="light"] .cat-flyout .cat-flyout-icon{color:var(--gold)}
html[data-theme="light"] .cat-flyout i{background:#e7ddcd;color:#5f584f}
html[data-theme="light"] .cat-flyout .cat-flyout-all{border-bottom-color:var(--line);color:var(--gold-dark)}
html[data-theme="light"] .cat-flyout .cat-flyout-all:hover{background:#efe4d3;color:var(--gold-dark)}
/* nested child panel keeps one step of depth against the paper fly-out */
html[data-theme="light"] .cat-flyout .cat-child-menu{background:#efe6d8;border-color:var(--gold-soft);color:var(--ink)}
html[data-theme="light"] .cat-flyout .cat-child-menu a{color:#43382c}
html[data-theme="light"] .cat-flyout .cat-child-menu a>span{color:var(--gold-dark)}
html[data-theme="light"] .cat-flyout .cat-child-menu a:hover{background:#e2d5bf;color:var(--gold-dark)}
html[data-theme="light"] .cat-flyout .cat-child-menu a>i{background:var(--paper);color:#5f584f}
html[data-theme="light"] .cat-flyout .cat-child-arrow{background:#e3d7c3;color:var(--gold-dark)}
html[data-theme="light"] .cat-flyout-item.has-children:hover>.cat-flyout-parent .cat-child-arrow{background:var(--gold-soft)}
/* long category lists scroll inside the fly-out */
html[data-theme="light"] .cat-flyout::-webkit-scrollbar{width:8px}
html[data-theme="light"] .cat-flyout::-webkit-scrollbar-thumb{background:#cdbaa0;border-radius:8px}
html[data-theme="light"] .cat-flyout::-webkit-scrollbar-track{background:transparent}
/* trigger stays legible on the walnut bar, with a visible pressed/focus state */
html[data-theme="light"] .cat-nav .category-trigger{background:var(--gold);color:#fff8ec}
html[data-theme="light"] .cat-nav .category-trigger:hover,
html[data-theme="light"] .cat-nav.open .category-trigger{background:var(--gold-dark);color:#fff8ec}
html[data-theme="light"] .cat-nav .category-trigger:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}

/* ---------- logo shell blends into the light header (v4.5.9) ----------
   The light logo (moblehani-original-logo-light.jpg) carries its own WHITE
   background. The light shell behind it was warm cream (#f8efe4) with a visible
   border, so three tones stacked: champagne header > cream badge > white logo.
   Fix, light mode only:
     1. multiply the white pixels of the logo into whatever sits behind it, and
     2. drop the badge box so the artwork sits directly on the light surfaces.
   Dark mode is untouched: it shows a different artwork on its own dark badge. */
html[data-theme="light"] .mh-logo-light{mix-blend-mode:multiply}
html[data-theme="light"] .brand,
html[data-theme="light"] .mobile-drawer-brand{background:transparent;border-color:transparent}
html[data-theme="light"] .footer-logo-shell{background:#f2e8d7;border-color:transparent}

/* ---------- pagination harmonised with the warm stone palette (v4.5.9) ----------
   Base styles used pure #fff boxes; light mode keeps warm paper instead so the
   numbers sit on the same tonal family as cards, and the ink colour is pinned. */
html[data-theme="light"] .pagination .page-numbers,
html[data-theme="light"] .woocommerce-pagination .page-numbers,
html[data-theme="light"] .woocommerce-pagination ul.page-numbers li a,
html[data-theme="light"] .woocommerce-pagination ul.page-numbers li span,
html[data-theme="light"] .mh-section-pagination a,
html[data-theme="light"] .mh-section-pagination span{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="light"] .pagination a.page-numbers:hover,
html[data-theme="light"] .woocommerce-pagination a.page-numbers:hover,
html[data-theme="light"] .mh-section-pagination a:hover{background:#efe4d3;border-color:#c9b593;color:var(--gold-dark)}
html[data-theme="light"] .pagination .current,
html[data-theme="light"] .woocommerce-pagination .current,
html[data-theme="light"] .woocommerce-pagination ul.page-numbers li span.current,
html[data-theme="light"] .mh-section-pagination .current{background:var(--gold);border-color:var(--gold);color:#fff8ec}
html[data-theme="light"] .pagination .dots,
html[data-theme="light"] .woocommerce-pagination .dots,
html[data-theme="light"] .mh-section-pagination .dots{background:transparent;border-color:transparent;color:var(--muted)}