/* ============================================================
   DARK MODE — huy!
   Ditambahkan oleh Hermes Agent (12 Okt 2026)

   Cara kerja:
   - Warna gelap aktif bila <html data-theme="dark">,
     atau otomatis mengikuti setelan sistem bila data-theme="auto".
   - Tombol ganti ada di header (.theme-toggle).
   - Preferensi disimpan di localStorage.
   ============================================================ */

:root{
  --dm-bg:#0b1519;
  --dm-surface:#101d22;
  --dm-surface-2:#16262c;
  --dm-text:#e9eff1;
  --dm-text-soft:rgba(233,239,241,.74);
  --dm-text-mute:rgba(233,239,241,.55);
  --dm-line:rgba(255,255,255,.13);
  --dm-line-strong:rgba(255,255,255,.24);
  --dm-accent:#d8b45c;
  --dm-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* ---------- Nilai gelap (dipakai bersama) ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"]{color-scheme:dark;}
}

/* ============================================================
   1. DASAR HALAMAN
   ============================================================ */
html[data-theme="dark"] body{
  background:var(--dm-bg);
  color:var(--dm-text);
}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] body{
    background:var(--dm-bg);
    color:var(--dm-text);
  }
}

html[data-theme="dark"] ::selection{background:var(--dm-accent);color:#0b1519;}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] ::selection{background:var(--dm-accent);color:#0b1519;}
}

/* ============================================================
   2. HEADER
   ============================================================ */
html[data-theme="dark"] body:not(.home) .site-header{
  background:var(--dm-surface);
  border-bottom:1px solid var(--dm-line);
}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] body:not(.home) .site-header{
    background:var(--dm-surface);
    border-bottom:1px solid var(--dm-line);
  }
}

/* Halaman katalog/produk: header tadinya putih */
html[data-theme="dark"] body.post-type-archive-huy_product .site-header,
html[data-theme="dark"] body.single-huy_product .site-header,
html[data-theme="dark"] body.post-type-archive-product .site-header,
html[data-theme="dark"] body.single-product .site-header{
  color:var(--dm-text);
  background:var(--dm-surface);
  border-bottom:1px solid var(--dm-line);
}
html[data-theme="dark"] body.post-type-archive-huy_product .brand img,
html[data-theme="dark"] body.single-huy_product .brand img,
html[data-theme="dark"] body.post-type-archive-product .brand img,
html[data-theme="dark"] body.single-product .brand img,
html[data-theme="dark"] body.post-type-archive-huy_product .brand .custom-logo,
html[data-theme="dark"] body.single-huy_product .brand .custom-logo,
html[data-theme="dark"] body.post-type-archive-product .brand .custom-logo,
html[data-theme="dark"] body.single-product .brand .custom-logo{
  filter:brightness(0) invert(1);
}
html[data-theme="dark"] body.post-type-archive-huy_product .main-nav a:after,
html[data-theme="dark"] body.single-huy_product .main-nav a:after,
html[data-theme="dark"] body.post-type-archive-product .main-nav a:after,
html[data-theme="dark"] body.single-product .main-nav a:after{
  background:var(--dm-text);
}
html[data-theme="dark"] body.post-type-archive-huy_product .header-icon,
html[data-theme="dark"] body.single-huy_product .header-icon,
html[data-theme="dark"] body.post-type-archive-product .header-icon,
html[data-theme="dark"] body.single-product .header-icon,
html[data-theme="dark"] body.post-type-archive-huy_product .menu-toggle,
html[data-theme="dark"] body.single-huy_product .menu-toggle,
html[data-theme="dark"] body.post-type-archive-product .menu-toggle,
html[data-theme="dark"] body.single-product .menu-toggle{
  color:var(--dm-text);
}

/* Menu seluler */
html[data-theme="dark"] .main-nav{
  background:var(--dm-surface);
  color:var(--dm-text);
}
html[data-theme="dark"] .main-nav a:after{background:var(--dm-text);}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .main-nav{background:var(--dm-surface);color:var(--dm-text);}
  html[data-theme="auto"] .main-nav a:after{background:var(--dm-text);}
}

/* ---------- TOMBOL GANTI MODE ---------- */
.theme-toggle{
  position:relative;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.theme-toggle svg{width:19px;height:19px;display:block;}
.theme-toggle .icon-sun{display:none;}
.theme-toggle:hover{opacity:.75;}
.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px;}

/* Ikon menyesuaikan mode aktif */
html[data-theme="dark"] .theme-toggle .icon-moon{display:none;}
html[data-theme="dark"] .theme-toggle .icon-sun{display:block;}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .theme-toggle .icon-moon{display:none;}
  html[data-theme="auto"] .theme-toggle .icon-sun{display:block;}
}
/* Header katalog/produk memakai teks gelap di mode terang */
html[data-theme="light"] body.post-type-archive-huy_product .theme-toggle,
html[data-theme="light"] body.single-huy_product .theme-toggle,
html[data-theme="light"] body.post-type-archive-product .theme-toggle,
html[data-theme="light"] body.single-product .theme-toggle{color:#171717;}

/* ============================================================
   3. SECTION HOMEPAGE
   ============================================================ */
/* Kategori (tadinya #f8f9f9) */
html[data-theme="dark"] .category-section{background:var(--dm-surface);}
html[data-theme="dark"] .category-card{
  background:var(--dm-surface-2);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .category-card b{background:#fff;color:#072f3d;}

/* About (tadinya #fff) */
html[data-theme="dark"] .about-feature,
html[data-theme="dark"] .about-feature-copy{background:var(--dm-bg);}
html[data-theme="dark"] .about-feature-copy h3,
html[data-theme="dark"] .about-feature-copy h2{color:var(--dm-text);}
html[data-theme="dark"] .about-feature-copy p{color:var(--dm-text-soft);}
html[data-theme="dark"] .about-feature-image:after{
  background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 32%,rgba(0,0,0,.35));
}
/* Tombol gelap di section About jadi tak terlihat -> jadikan terang */
html[data-theme="dark"] .pill-dark{
  background:var(--dm-text);
  color:#0b1519;
}
html[data-theme="dark"] .pill-dark:hover{background:#fff;}

/* Journal (tadinya #fff) */
html[data-theme="dark"] .journal-section{background:var(--dm-bg);}
html[data-theme="dark"] .journal-card{
  background:var(--dm-surface);
  border-color:var(--dm-line);
  box-shadow:var(--dm-shadow);
}
html[data-theme="dark"] .journal-card h3{color:var(--dm-text);}
html[data-theme="dark"] .journal-card p{color:var(--dm-text-soft);}
html[data-theme="dark"] .journal-card time{color:var(--dm-text-mute);}
html[data-theme="dark"] .journal-card figure{background:var(--dm-surface-2);}
html[data-theme="dark"] .journal-empty{color:var(--dm-text-soft);}

/* Judul section */
html[data-theme="dark"] .simple-heading h2,
html[data-theme="dark"] .simple-heading p{color:var(--dm-text);}
html[data-theme="dark"] .simple-heading p{color:var(--dm-text-soft);}

@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .category-section{background:var(--dm-surface);}
  html[data-theme="auto"] .category-card{background:var(--dm-surface-2);border-color:var(--dm-line);}
  html[data-theme="auto"] .category-card b{background:#fff;color:#072f3d;}
  html[data-theme="auto"] .about-feature,
  html[data-theme="auto"] .about-feature-copy{background:var(--dm-bg);}
  html[data-theme="auto"] .about-feature-copy h3,
  html[data-theme="auto"] .about-feature-copy h2{color:var(--dm-text);}
  html[data-theme="auto"] .about-feature-copy p{color:var(--dm-text-soft);}
  html[data-theme="auto"] .pill-dark{background:var(--dm-text);color:#0b1519;}
  html[data-theme="auto"] .journal-section{background:var(--dm-bg);}
  html[data-theme="auto"] .journal-card{background:var(--dm-surface);border-color:var(--dm-line);box-shadow:var(--dm-shadow);}
  html[data-theme="auto"] .journal-card h3{color:var(--dm-text);}
  html[data-theme="auto"] .journal-card p{color:var(--dm-text-soft);}
  html[data-theme="auto"] .journal-card time{color:var(--dm-text-mute);}
  html[data-theme="auto"] .journal-card figure{background:var(--dm-surface-2);}
  html[data-theme="auto"] .simple-heading h2{color:var(--dm-text);}
  html[data-theme="auto"] .simple-heading p{color:var(--dm-text-soft);}
}

/* ============================================================
   4. HALAMAN KATALOG (Collections) & PRODUK LAMA
   ============================================================ */
html[data-theme="dark"] body.post-type-archive-huy_product,
html[data-theme="dark"] body.single-huy_product,
html[data-theme="dark"] body.post-type-archive-product,
html[data-theme="dark"] body.single-product,
html[data-theme="dark"] body.page{
  background:var(--dm-bg);
  color:var(--dm-text);
}
html[data-theme="dark"] .collection-hero{background:var(--dm-bg);}
html[data-theme="dark"] .collection-hero h1{color:var(--dm-text);}
html[data-theme="dark"] .collection-hero p{color:var(--dm-text-soft);}
html[data-theme="dark"] .collection-product-card h2{color:var(--dm-text);}
html[data-theme="dark"] .collection-product-card strong{color:var(--dm-text-soft);}
html[data-theme="dark"] .collection-product-card figure{background:var(--dm-surface-2);}
html[data-theme="dark"] .collection-toolbar select{
  color:var(--dm-text);
  background:var(--dm-surface);
  border-bottom-color:var(--dm-line-strong);
}
html[data-theme="dark"] .collection-single-image{background:var(--dm-surface-2);}
html[data-theme="dark"] .collection-single-copy h1{color:var(--dm-text);}
html[data-theme="dark"] .collection-single-price{color:var(--dm-accent);}
html[data-theme="dark"] .collection-back{color:var(--dm-text-soft);}
html[data-theme="dark"] .collection-pagination a,
html[data-theme="dark"] .collection-pagination span{color:var(--dm-text-soft);border-color:var(--dm-line);}
html[data-theme="dark"] .collection-pagination .current{
  color:#0b1519;
  background:var(--dm-text);
  border-color:var(--dm-text);
}

/* Pemilih ukuran */
html[data-theme="dark"] .huy-size-btn{
  color:var(--dm-text);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .huy-size-btn.is-selected{
  background:var(--dm-text);
  color:#0b1519;
  border-color:var(--dm-text);
}
html[data-theme="dark"] .huy-size-note{color:var(--dm-text-soft);}
html[data-theme="dark"] .huy-spec-list{color:var(--dm-text-soft);}

@media (prefers-color-scheme:dark){
  html[data-theme="auto"] body.post-type-archive-huy_product,
  html[data-theme="auto"] body.single-huy_product,
  html[data-theme="auto"] body.post-type-archive-product,
  html[data-theme="auto"] body.single-product,
  html[data-theme="auto"] body.page{background:var(--dm-bg);color:var(--dm-text);}
  html[data-theme="auto"] .collection-hero{background:var(--dm-bg);}
  html[data-theme="auto"] .collection-hero h1{color:var(--dm-text);}
  html[data-theme="auto"] .collection-hero p{color:var(--dm-text-soft);}
  html[data-theme="auto"] .collection-product-card h2{color:var(--dm-text);}
  html[data-theme="auto"] .collection-product-card strong{color:var(--dm-text-soft);}
  html[data-theme="auto"] .collection-product-card figure{background:var(--dm-surface-2);}
  html[data-theme="auto"] .collection-single-image{background:var(--dm-surface-2);}
  html[data-theme="auto"] .collection-single-copy h1{color:var(--dm-text);}
  html[data-theme="auto"] .collection-single-price{color:var(--dm-accent);}
  html[data-theme="auto"] .collection-pagination .current{color:#0b1519;background:var(--dm-text);border-color:var(--dm-text);}
  html[data-theme="auto"] .huy-size-btn{color:var(--dm-text);border-color:var(--dm-line-strong);}
  html[data-theme="auto"] .huy-size-btn.is-selected{background:var(--dm-text);color:#0b1519;border-color:var(--dm-text);}
  html[data-theme="auto"] .huy-size-note{color:var(--dm-text-soft);}
}

/* ============================================================
   5. WOOCOMMERCE — TOKO, PRODUK, KERANJANG, CHECKOUT
   ============================================================ */
html[data-theme="dark"] .woocommerce .page-wrap{background:var(--dm-bg);color:var(--dm-text);}
html[data-theme="dark"] .woocommerce-products-header__title.page-title{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce .woocommerce-result-count{color:var(--dm-text-mute);}
html[data-theme="dark"] .woocommerce .woocommerce-ordering select{
  color:var(--dm-text);
  background-color:var(--dm-surface);
  border-color:var(--dm-line-strong);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e9eff1' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:11px;
}
html[data-theme="dark"] .woocommerce ul.products li.product a img{background:var(--dm-surface-2);}
html[data-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce ul.products li.product .price{color:var(--dm-accent);}
html[data-theme="dark"] .woocommerce ul.products li.product .button,
html[data-theme="dark"] .woocommerce ul.products li.product .added_to_cart{
  border-color:var(--dm-text);
  color:var(--dm-text);
}
html[data-theme="dark"] .woocommerce ul.products li.product .button:hover,
html[data-theme="dark"] .woocommerce ul.products li.product .added_to_cart:hover{
  background:var(--dm-text);
  color:#0b1519;
}
html[data-theme="dark"] .woocommerce ul.products li.product .added_to_cart{
  border-color:var(--dm-line-strong);
  color:var(--dm-text-soft);
}

/* Detail produk */
html[data-theme="dark"] .woocommerce div.product{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce div.product .product_title{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce div.product p.price,
html[data-theme="dark"] .woocommerce div.product span.price{color:var(--dm-accent)!important;}
html[data-theme="dark"] .woocommerce div.product .woocommerce-product-details__short-description{color:var(--dm-text-soft);}
html[data-theme="dark"] .woocommerce div.product form.cart .variations label{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce div.product form.cart .variations select{
  color:var(--dm-text);
  background:var(--dm-surface);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .woocommerce div.product form.cart div.quantity{
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .woocommerce div.product form.cart div.quantity input{
  color:var(--dm-text);
  background:var(--dm-surface);
}
html[data-theme="dark"] .woocommerce div.product form.cart .single_add_to_cart_button{
  background:var(--dm-text);
  color:#0b1519;
  border-color:var(--dm-text);
}
html[data-theme="dark"] .woocommerce div.product form.cart .single_add_to_cart_button:hover{
  background:transparent;
  color:var(--dm-text);
}
html[data-theme="dark"] .woocommerce div.product .product_meta{
  color:var(--dm-text-mute);
  border-top-color:var(--dm-line);
}
html[data-theme="dark"] .woocommerce div.product .product_meta a{color:var(--dm-text);}
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs{border-top-color:var(--dm-line);}
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--dm-text-mute);}
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--dm-text);
  box-shadow:inset 0 -2px 0 var(--dm-text);
}

/* Notifikasi */
html[data-theme="dark"] .woocommerce-message,
html[data-theme="dark"] .woocommerce-info,
html[data-theme="dark"] .woocommerce-error{
  background:var(--dm-surface-2);
  color:var(--dm-text);
  border-left-color:var(--dm-accent);
}

/* Form & tombol umum */
html[data-theme="dark"] .woocommerce form .form-row input.input-text,
html[data-theme="dark"] .woocommerce form .form-row textarea,
html[data-theme="dark"] .woocommerce form .form-row select{
  color:var(--dm-text);
  background:var(--dm-surface);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] .woocommerce form .form-row input.input-text::placeholder,
html[data-theme="dark"] .woocommerce form .form-row textarea::placeholder{color:var(--dm-text-mute);}
html[data-theme="dark"] .woocommerce form .form-row label{color:var(--dm-text-soft);}
html[data-theme="dark"] .woocommerce button.button,
html[data-theme="dark"] .woocommerce input.button,
html[data-theme="dark"] .woocommerce a.button.alt,
html[data-theme="dark"] .woocommerce #respond input#submit{
  background:var(--dm-text);
  color:#0b1519;
  border-color:var(--dm-text);
}
html[data-theme="dark"] .woocommerce button.button:hover,
html[data-theme="dark"] .woocommerce input.button:hover,
html[data-theme="dark"] .woocommerce a.button.alt:hover{
  background:transparent;
  color:var(--dm-text);
}
html[data-theme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:var(--dm-text-mute);}
html[data-theme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--dm-text);}

/* Blok keranjang & checkout (React) */
html[data-theme="dark"] .wc-block-components-sidebar,
html[data-theme="dark"] .wp-block-woocommerce-cart-order-summary-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-block{
  background:var(--dm-surface);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .wc-block-components-totals-item,
html[data-theme="dark"] .wc-block-components-order-summary-item__description,
html[data-theme="dark"] .wc-block-components-product-name{color:var(--dm-text);}
html[data-theme="dark"] .wc-block-components-title,
html[data-theme="dark"] .wc-block-components-checkout-step__title{color:var(--dm-text);}
html[data-theme="dark"] .wc-block-components-text-input input,
html[data-theme="dark"] .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
html[data-theme="dark"] .wc-block-components-address-form input,
html[data-theme="dark"] .wc-block-components-address-form select,
html[data-theme="dark"] .wc-block-components-select select,
html[data-theme="dark"] .wc-block-components-textarea{
  color:var(--dm-text)!important;
  background:var(--dm-surface)!important;
  border-color:var(--dm-line-strong)!important;
}
html[data-theme="dark"] .wc-block-components-text-input label,
html[data-theme="dark"] .wc-block-components-address-form label{color:var(--dm-text-soft);}
html[data-theme="dark"] .wc-block-components-radio-control__option,
html[data-theme="dark"] .wc-block-components-radio-control__label{color:var(--dm-text);}
html[data-theme="dark"] .wc-block-components-order-summary,
html[data-theme="dark"] .wc-block-components-totals-wrapper{border-color:var(--dm-line);}
html[data-theme="dark"] .wc-block-components-button,
html[data-theme="dark"] .wc-block-components-button:not(.is-link){
  background:var(--dm-text);
  color:#0b1519;
}
html[data-theme="dark"] .wc-block-components-button:hover{background:#fff;color:#0b1519;}
html[data-theme="dark"] .wc-block-components-notice-banner{
  background:var(--dm-surface-2);
  color:var(--dm-text);
  border-color:var(--dm-line);
}
html[data-theme="dark"] .wc-block-cart-item__image img,
html[data-theme="dark"] .wc-block-components-order-summary-item__image img{background:var(--dm-surface-2);}

/* Halaman Akun */
html[data-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content,
html[data-theme="dark"] .woocommerce-account address{color:var(--dm-text-soft);}

@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .woocommerce .page-wrap{background:var(--dm-bg);color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce-products-header__title.page-title{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce .woocommerce-result-count{color:var(--dm-text-mute);}
  html[data-theme="auto"] .woocommerce .woocommerce-ordering select{
    color:var(--dm-text);background-color:var(--dm-surface);border-color:var(--dm-line-strong);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e9eff1' stroke-width='1.6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 13px center;background-size:11px;
  }
  html[data-theme="auto"] .woocommerce ul.products li.product a img{background:var(--dm-surface-2);}
  html[data-theme="auto"] .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce ul.products li.product .price{color:var(--dm-accent);}
  html[data-theme="auto"] .woocommerce ul.products li.product .button{border-color:var(--dm-text);color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce ul.products li.product .button:hover{background:var(--dm-text);color:#0b1519;}
  html[data-theme="auto"] .woocommerce div.product{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce div.product .product_title{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce div.product p.price,
  html[data-theme="auto"] .woocommerce div.product span.price{color:var(--dm-accent)!important;}
  html[data-theme="auto"] .woocommerce div.product .woocommerce-product-details__short-description{color:var(--dm-text-soft);}
  html[data-theme="auto"] .woocommerce div.product form.cart .variations label{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce div.product form.cart .variations select{color:var(--dm-text);background:var(--dm-surface);border-color:var(--dm-line-strong);}
  html[data-theme="auto"] .woocommerce div.product form.cart div.quantity{border-color:var(--dm-line-strong);}
  html[data-theme="auto"] .woocommerce div.product form.cart div.quantity input{color:var(--dm-text);background:var(--dm-surface);}
  html[data-theme="auto"] .woocommerce div.product form.cart .single_add_to_cart_button{background:var(--dm-text);color:#0b1519;border-color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce div.product .product_meta{color:var(--dm-text-mute);border-top-color:var(--dm-line);}
  html[data-theme="auto"] .woocommerce div.product .product_meta a{color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce div.product .woocommerce-tabs{border-top-color:var(--dm-line);}
  html[data-theme="auto"] .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--dm-text-mute);}
  html[data-theme="auto"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--dm-text);box-shadow:inset 0 -2px 0 var(--dm-text);}
  html[data-theme="auto"] .woocommerce-message,
  html[data-theme="auto"] .woocommerce-info,
  html[data-theme="auto"] .woocommerce-error{background:var(--dm-surface-2);color:var(--dm-text);border-left-color:var(--dm-accent);}
  html[data-theme="auto"] .woocommerce form .form-row input.input-text,
  html[data-theme="auto"] .woocommerce form .form-row textarea,
  html[data-theme="auto"] .woocommerce form .form-row select{color:var(--dm-text);background:var(--dm-surface);border-color:var(--dm-line-strong);}
  html[data-theme="auto"] .woocommerce form .form-row label{color:var(--dm-text-soft);}
  html[data-theme="auto"] .woocommerce button.button,
  html[data-theme="auto"] .woocommerce input.button,
  html[data-theme="auto"] .woocommerce a.button.alt{background:var(--dm-text);color:#0b1519;border-color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce button.button:hover,
  html[data-theme="auto"] .woocommerce input.button:hover{background:transparent;color:var(--dm-text);}
  html[data-theme="auto"] .woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:var(--dm-text-mute);}
  html[data-theme="auto"] .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--dm-text);}
  html[data-theme="auto"] .wc-block-components-sidebar,
  html[data-theme="auto"] .wp-block-woocommerce-cart-order-summary-block,
  html[data-theme="auto"] .wp-block-woocommerce-checkout-order-summary-block{background:var(--dm-surface);border-color:var(--dm-line);}
  html[data-theme="auto"] .wc-block-components-title,
  html[data-theme="auto"] .wc-block-components-totals-item,
  html[data-theme="auto"] .wc-block-components-product-name,
  html[data-theme="auto"] .wc-block-components-radio-control__label{color:var(--dm-text);}
  html[data-theme="auto"] .wc-block-components-text-input input,
  html[data-theme="auto"] .wc-block-components-address-form input,
  html[data-theme="auto"] .wc-block-components-address-form select,
  html[data-theme="auto"] .wc-block-components-select select,
  html[data-theme="auto"] .wc-block-components-textarea{color:var(--dm-text)!important;background:var(--dm-surface)!important;border-color:var(--dm-line-strong)!important;}
  html[data-theme="auto"] .wc-block-components-text-input label,
  html[data-theme="auto"] .wc-block-components-address-form label{color:var(--dm-text-soft);}
  html[data-theme="auto"] .wc-block-components-button{background:var(--dm-text);color:#0b1519;}
  html[data-theme="auto"] .wc-block-components-notice-banner{background:var(--dm-surface-2);color:var(--dm-text);border-color:var(--dm-line);}
}

/* ============================================================
   6. HALAMAN ISI (page) & ARTIKEL
   ============================================================ */
html[data-theme="dark"] .page-wrap{background:var(--dm-bg);}
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .entry-content h1,
html[data-theme="dark"] .entry-content h2,
html[data-theme="dark"] .entry-content h3,
html[data-theme="dark"] .entry-content h4{color:var(--dm-text);}
html[data-theme="dark"] .entry-content{color:var(--dm-text-soft);}
html[data-theme="dark"] .entry-content a{color:var(--dm-accent);}
html[data-theme="dark"] .entry-content blockquote{
  border-left-color:var(--dm-line-strong);
  color:var(--dm-text-soft);
}
html[data-theme="dark"] .entry-content code,
html[data-theme="dark"] .entry-content pre{
  background:var(--dm-surface-2);
  color:var(--dm-text);
}
html[data-theme="dark"] .entry-content table,
html[data-theme="dark"] .entry-content th,
html[data-theme="dark"] .entry-content td{
  border-color:var(--dm-line);
  color:var(--dm-text-soft);
}
html[data-theme="dark"] .entry-content th{color:var(--dm-text);background:var(--dm-surface-2);}
html[data-theme="dark"] .entry-content hr{border-color:var(--dm-line);}

/* Kartu artikel (Journal page) */
html[data-theme="dark"] .journal-card-body h3{color:var(--dm-text);}

/* ============================================================
   7. ELEMEN UMUM
   ============================================================ */
/* Pencarian */
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  color:var(--dm-text);
  background:var(--dm-surface);
  border-color:var(--dm-line-strong);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:var(--dm-text-mute);}

/* Tabel */
html[data-theme="dark"] table{color:var(--dm-text-soft);}
html[data-theme="dark"] th{color:var(--dm-text);}

/* Garis pemisah */
html[data-theme="dark"] hr{border-color:var(--dm-line);}

/* Scrollbar */
html[data-theme="dark"]{scrollbar-color:rgba(255,255,255,.25) var(--dm-bg);}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:var(--dm-bg);}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:6px;
  border:2px solid var(--dm-bg);
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34);}

/* ============================================================
   8. BANNER PERSETUJUAN COOKIE (CookieAdmin)
   Bawaannya putih; di mode gelap disesuaikan agar tidak
   menyilaukan dan tetap konsisten.
   ============================================================ */
html[data-theme="dark"] .cookieadmin_law_container,
html[data-theme="dark"] .cookieadmin_notice_con,
html[data-theme="dark"] #cookieadmin_wrapper,
html[data-theme="dark"] .cookieadmin_consent_inside{
  background:var(--dm-surface)!important;
  color:var(--dm-text)!important;
  border-color:var(--dm-line)!important;
  box-shadow:var(--dm-shadow)!important;
}
html[data-theme="dark"] .cookieadmin_law_container *,
html[data-theme="dark"] .cookieadmin_notice_con *{
  color:var(--dm-text)!important;
}
html[data-theme="dark"] .cookieadmin_law_container a,
html[data-theme="dark"] .cookieadmin_notice_con a{
  color:var(--dm-accent)!important;
}
html[data-theme="dark"] .cookieadmin_btn{
  background:transparent!important;
  color:var(--dm-text)!important;
  border:1px solid var(--dm-line-strong)!important;
}
html[data-theme="dark"] .cookieadmin_btn:hover{
  background:rgba(255,255,255,.09)!important;
}
html[data-theme="dark"] .cookieadmin_accept_btn{
  background:var(--dm-text)!important;
  color:#0b1519!important;
  border-color:var(--dm-text)!important;
}
html[data-theme="dark"] .cookieadmin_accept_btn:hover{
  background:#fff!important;
  color:#0b1519!important;
}
html[data-theme="dark"] .cookieadmin_cookie_modal,
html[data-theme="dark"] .cookieadmin_preference_details,
html[data-theme="dark"] #cookieadmin_preference{
  background:var(--dm-surface)!important;
  color:var(--dm-text)!important;
  border-color:var(--dm-line)!important;
}
html[data-theme="dark"] .cookieadmin_cookie_modal *{
  color:var(--dm-text)!important;
}
html[data-theme="dark"] .cookieadmin_switch input:checked + .cookieadmin_slider{
  background:var(--dm-accent)!important;
}
html[data-theme="dark"] .cookieadmin-poweredby,
html[data-theme="dark"] .cookieadmin-poweredby a{
  color:var(--dm-text-mute)!important;
}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .cookieadmin_law_container,
  html[data-theme="auto"] .cookieadmin_notice_con,
  html[data-theme="auto"] #cookieadmin_wrapper,
  html[data-theme="auto"] .cookieadmin_consent_inside{
    background:var(--dm-surface)!important;color:var(--dm-text)!important;
    border-color:var(--dm-line)!important;box-shadow:var(--dm-shadow)!important;
  }
  html[data-theme="auto"] .cookieadmin_law_container *,
  html[data-theme="auto"] .cookieadmin_notice_con *{color:var(--dm-text)!important;}
  html[data-theme="auto"] .cookieadmin_law_container a,
  html[data-theme="auto"] .cookieadmin_notice_con a{color:var(--dm-accent)!important;}
  html[data-theme="auto"] .cookieadmin_btn{
    background:transparent!important;color:var(--dm-text)!important;border:1px solid var(--dm-line-strong)!important;
  }
  html[data-theme="auto"] .cookieadmin_accept_btn{
    background:var(--dm-text)!important;color:#0b1519!important;border-color:var(--dm-text)!important;
  }
  html[data-theme="auto"] .cookieadmin_cookie_modal,
  html[data-theme="auto"] .cookieadmin_preference_details,
  html[data-theme="auto"] #cookieadmin_preference{
    background:var(--dm-surface)!important;color:var(--dm-text)!important;border-color:var(--dm-line)!important;
  }
  html[data-theme="auto"] .cookieadmin_cookie_modal *{color:var(--dm-text)!important;}
  html[data-theme="auto"] .cookieadmin-poweredby,
  html[data-theme="auto"] .cookieadmin-poweredby a{color:var(--dm-text-mute)!important;}
}