/* Smith Digital V7: theme picker, real completed-sale counts, and verified ratings */
.v7-theme-control{display:flex;align-items:center;order:2;flex:none}
.v7-theme-control select{color:var(--theme-text-color,#18273c);background:var(--theme-surface-color,#fff);border:1px solid var(--theme-border-color,#e3e9f4);border-radius:11px;padding:8px 7px;max-width:128px;font-size:12px;font-weight:650;cursor:pointer;min-height:40px}
.v7-product-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;font-size:11px;font-weight:650;margin:8px 0 12px;color:var(--theme-muted-color,#64748b)}
.v7-product-metrics .v7-sold{color:var(--theme-text-color,#17283d)}
.v7-product-metrics .v7-rating{color:#c17b08;white-space:nowrap}
.v7-product-metrics small{color:var(--theme-muted-color,#64748b);font-weight:500;font-size:10px}
.public-product .v7-product-metrics{font-size:13px;margin:8px 0 18px}
.v7-rating-field{border:0;padding:0;margin:0}
.v7-rating-field legend{font-size:13px;font-weight:700;margin-bottom:5px}
.v7-rating-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;width:max-content}
.v7-rating-picker label{position:relative;cursor:pointer;line-height:1}
.v7-rating-picker label span{display:block;font-size:38px;color:#b5c0d0;transition:color .12s,transform .12s}
.v7-rating-picker label input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.v7-rating-picker label:has(input:checked) span,.v7-rating-picker label:has(input:checked) ~ label span,.v7-rating-picker label:hover span,.v7-rating-picker label:hover ~ label span{color:#efb328}
.v7-rating-picker label:focus-within span{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.v7-review-admin-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:180px}
.v7-review-admin-actions .button{padding:8px 12px}
.v7-admin-stars{color:#d79a18;font-size:16px;white-space:nowrap}
@media(max-width:780px){.v7-theme-control{order:2;margin-left:auto}.v7-theme-control select{max-width:94px;min-height:40px;padding:5px 4px;font-size:11px}body .header-inner .brand{margin-right:auto}.v7-product-metrics{font-size:10px;gap:4px 7px}}
/* Respect independently selected colors in Light Mode; Dark Mode uses a coordinated, accessible palette. */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{
 --theme-text-color:#ecf3ff!important;--theme-muted-color:#a7b7d1!important;--theme-surface-color:#18263a!important;
 --theme-header-color:#121d2e!important;--theme-card-color:#1d2b40!important;--theme-border-color:#36475e!important;
 --theme-footer-color:#111c2d!important;--theme-mobile-menu-color:#202e43!important;
 color:#ecf3ff!important;background-color:#0d1727!important;
}
html[data-theme="dark"] body.theme-glass-header .site-header{background:rgba(18,29,46,.94)}
html[data-theme="dark"] .search-form,html[data-theme="dark"] .help-banner,
html[data-theme="dark"] .checkout-total,html[data-theme="dark"] .category-strip,
html[data-theme="dark"] .v6-builder-preview,html[data-theme="dark"] .designer-preview,
html[data-theme="dark"] .admin-sidebar,html[data-theme="dark"] .admin-content,
html[data-theme="dark"] .product-arrow,html[data-theme="dark"] .v6-coupon{
 background:#18263a!important;color:#e6efff;border-color:#36475e!important;
}
html[data-theme="dark"] .panel,html[data-theme="dark"] .product-card,
html[data-theme="dark"] .designer-group,html[data-theme="dark"] .designer-preview-wrap,
html[data-theme="dark"] .cart-checkout,html[data-theme="dark"] .v6-builder-item,
html[data-theme="dark"] .v6-notification,html[data-theme="dark"] .table-scroll,
html[data-theme="dark"] .v7-theme-control select{background:#18263a!important;color:#ecf3ff;border-color:#36475e!important}
html[data-theme="dark"] .daily-card{background:#18312e!important;color:#e6fff4;border-color:#285248!important}
html[data-theme="dark"] .daily-card p,html[data-theme="dark"] .checkout-product p,
html[data-theme="dark"] .product-card p,html[data-theme="dark"] .muted,
html[data-theme="dark"] .field small,html[data-theme="dark"] .text-button,
html[data-theme="dark"] .header-nav,html[data-theme="dark"] .brand small,
html[data-theme="dark"] .product-bottom small,html[data-theme="dark"] .help-banner p{color:#a7b7d1!important}
html[data-theme="dark"] .field input:not([type=color]),html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=color]),
html[data-theme="dark"] textarea,html[data-theme="dark"] select:not(#site-theme-select){background:#111e31;color:#e7f0ff;border-color:#40536d}
html[data-theme="dark"] .search-form input,html[data-theme="dark"] .search-form input:focus{background:transparent!important;color:#e7f0ff!important;border:none!important}
html[data-theme="dark"] .button-light,html[data-theme="dark"] .button-white{background:#243650!important;color:#9bbcff!important;border-color:#45618a!important}
html[data-theme="dark"] table{color:#e7f0ff}
html[data-theme="dark"] th,html[data-theme="dark"] td,html[data-theme="dark"] .product-bottom,
html[data-theme="dark"] .category-strip a,html[data-theme="dark"] .guide{border-color:#36475e!important}
html[data-theme="dark"] .kind-chip,html[data-theme="dark"] .badge{background:#253850;color:#c3d3ee;border-color:#40516b}
html[data-theme="dark"] .flash,html[data-theme="dark"] .alert:not(.error){background:#1e3551;color:#bad2ff;border-color:#436083}
html[data-theme="dark"] .v6-promo{background:#1a2b44!important;border-color:#45628d!important}
html[data-theme="dark"] .v6-builder-preview-item{background:#20374e!important;color:#e2edff}
html[data-theme="dark"] .v6-code{background:#162d2c;border-color:#41796a;color:#d6fae7}
html[data-theme="dark"] .v6-code code{color:#d6fae7}
html[data-theme="dark"] .v7-product-metrics .v7-rating{color:#f6c768}
html[data-theme="dark"] .v7-product-metrics .v7-sold{color:#e7f0ff}
/* Harga diberi token terpisah agar aksen gelap tidak hilang pada kartu mode gelap. */
.product-bottom strong{font-size:var(--product-price-size,16px);color:var(--product-price-color,var(--accent));line-height:1.35}
html[data-theme="dark"] .product-bottom strong{color:var(--product-price-dark-color,#8eb9ff)!important}
html[data-theme="dark"] .v6-bottom-nav{background:#121d2e!important;border-color:#36475e!important}
html[data-theme="dark"] .v6-bottom-nav a[aria-current="page"]{background:#24416a}
html[data-theme="dark"] .site-footer,html[data-theme="dark"] .expanded-footer{background:#101a29!important}
html[data-theme="dark"] body.theme-pattern-gradient{background-image:linear-gradient(135deg,#122540,#0d1727 70%)!important}
@media(prefers-reduced-motion:reduce){.v7-rating-picker label span{transition:none}}

/* V8.4: review deletion tools */
.review-bulk-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:15px 0 20px;padding:14px;border:1px solid var(--theme-border-color,#e2e7f2);border-radius:10px}
.review-bulk-controls .check-field{flex:1;min-width:210px}
.review-bulk-controls button{white-space:normal}
.v7-review-admin-actions{min-width:210px}
.v7-review-admin-actions .danger-button{padding:8px 12px}
html[data-theme="dark"] .review-bulk-controls{background:#172439;border-color:#40516b}
html[data-theme="dark"] .review-bulk-controls .danger-button,html[data-theme="dark"] .v7-review-admin-actions .danger-button{background:#48252d!important;color:#ffb8c5!important;border-color:#915062!important}

/* V9.6: separate product options and verified reviews, desktop and mobile. */
.public-product .checkout-layout + .v6-product-reviews {margin-top:32px;}
@media(max-width:780px){.public-product .checkout-layout + .v6-product-reviews {margin-top:26px;}}

/* Article and blog cards use the same responsive surface and theme tokens as the storefront. */
.blog-main,.article-main{padding-block:36px 64px}.blog-heading{max-width:720px;margin-bottom:28px}.blog-heading h1{font-size:38px;margin-bottom:12px}.blog-heading p{font-size:15px;margin-bottom:0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{overflow:hidden;border:1px solid var(--theme-border-color,#e1e8f4);border-radius:15px;background:var(--theme-card-color,#fff);display:flex;flex-direction:column;min-width:0}.blog-card-image{display:block;aspect-ratio:16/9;background:#edf2fb}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-body{padding:21px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.blog-card-body small{color:var(--theme-muted-color,#667693);font-weight:650}.blog-card-body h2{font-size:19px;line-height:1.35;letter-spacing:-.25px;margin:8px 0 9px}.blog-card-body h2 a:hover{color:var(--accent)}.blog-card-body p{font-size:13px;color:var(--theme-muted-color,#667693);margin:0 0 17px}.blog-card-body .link{margin-top:auto}.blog-list{display:flex;flex-direction:column;gap:20px}.blog-list-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;align-items:stretch;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--theme-card-color,#fff);box-shadow:0 12px 28px rgba(7,18,38,.12);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-list-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,18,38,.18);border-color:var(--accent)}.blog-list-thumb{aspect-ratio:auto;height:156px;border-radius:18px;overflow:hidden;align-self:center}.blog-list-thumb img{width:100%;height:100%;object-fit:cover}.blog-list-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(180deg,rgba(33,89,237,.08),rgba(33,89,237,.14));color:var(--accent);font-size:54px;border-radius:18px}.blog-list-body{justify-content:center;padding:6px 8px 6px 22px;min-width:0}.blog-list-label{display:inline-flex;align-items:center;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--blog-label-bg,#213f86);color:var(--blog-label-color,#dbe6ff);font-size:12px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.blog-list-body h2{font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:0 0 10px}.blog-list-body h2 a:hover{color:var(--accent)}.blog-list-body p{font-size:14px;line-height:1.7;color:var(--theme-muted-color,#667693);margin:0 0 14px}.blog-list-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--theme-muted-color,#667693)}.blog-empty{text-align:center;padding:42px}.public-article{max-width:860px;margin-inline:auto;padding:clamp(24px,5vw,54px)}.public-article h1{font-size:clamp(30px,5vw,46px);line-height:1.16;margin-bottom:18px}.article-cover{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:12px;margin-bottom:28px}.article-lead{font-size:18px;line-height:1.7;color:var(--theme-muted-color,#667693);margin-bottom:28px}.article-content{font-size:16px;line-height:1.85}.article-content p{margin-bottom:21px}.article-content p:last-child{margin-bottom:0}html[data-theme="dark"] .blog-card{background:#18263a;border-color:#36475e}html[data-theme="dark"] .blog-card-image{background:#21334e}html[data-theme="dark"] .blog-list-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#18263a;border-color:#36475e;box-shadow:0 14px 30px rgba(0,0,0,.24)}html[data-theme="dark"] .blog-list-card:hover{box-shadow:0 20px 42px rgba(0,0,0,.32)}html[data-theme="dark"] .blog-list-placeholder{background:linear-gradient(180deg,rgba(110,160,255,.08),rgba(110,160,255,.14));color:#8eb9ff}html[data-theme="dark"] .blog-list-label{background:var(--blog-label-dark-bg,var(--blog-label-bg,#2c4f9c));color:var(--blog-label-dark-color,var(--blog-label-color,#eef4ff));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}html[data-theme="dark"] .blog-card-body p,html[data-theme="dark"] .blog-card-body small,html[data-theme="dark"] .article-lead,html[data-theme="dark"] .blog-list-body p,html[data-theme="dark"] .blog-list-meta{color:#a7b7d1}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list-card{grid-template-columns:180px minmax(0,1fr)}.blog-list-thumb{height:138px}}@media(max-width:600px){.blog-main,.article-main{padding-block:27px 48px}.blog-heading h1{font-size:31px}.blog-grid{grid-template-columns:1fr;gap:15px}.blog-card-body{padding:18px}.blog-list-card{grid-template-columns:1fr;padding:14px;gap:14px}.blog-list-thumb{height:190px;width:100%}.blog-list-body{padding:0 2px 2px}.blog-list-label{margin-bottom:12px}.blog-list-body h2{font-size:20px}.blog-list-body p{font-size:13px;line-height:1.65}.blog-list-meta{gap:12px;font-size:13px}.article-content{font-size:15px;line-height:1.78}.article-lead{font-size:16px}}