/* IndoMarket UAE v15 — logo branding and selectable palette system.
   Loaded after legacy theme layers so the selected palette becomes authoritative. */

html[data-store-theme="logo-signature"]{
  --theme-primary:#082e47;--theme-primary-dark:#03243a;--theme-primary-rgb:8,46,71;
  --theme-secondary:#c5221f;--theme-secondary-dark:#991713;--theme-secondary-rgb:197,34,31;
  --theme-green:#2f8a46;--theme-gold:#f4a61d;--theme-highlight:#f4a61d;
  --theme-ink:#082e47;--theme-muted:#627078;--theme-line:#e8d9c7;
  --theme-surface:#fffaf3;--theme-soft:#fff1df;--theme-faint:#fff8ee;
}
html[data-store-theme="navy-gold"]{
  --theme-primary:#082e47;--theme-primary-dark:#031f32;--theme-primary-rgb:8,46,71;
  --theme-secondary:#f4a61d;--theme-secondary-dark:#c67b08;--theme-secondary-rgb:244,166,29;
  --theme-green:#2f7f43;--theme-gold:#f4a61d;--theme-highlight:#f4a61d;
  --theme-ink:#082e47;--theme-muted:#627078;--theme-line:#e5d8c4;
  --theme-surface:#fffaf2;--theme-soft:#f8eddc;--theme-faint:#fff7e9;
}
html[data-store-theme="green-market"]{
  --theme-primary:#2f7f43;--theme-primary-dark:#1e5f31;--theme-primary-rgb:47,127,67;
  --theme-secondary:#082e47;--theme-secondary-dark:#031f32;--theme-secondary-rgb:8,46,71;
  --theme-green:#2f7f43;--theme-gold:#f4a61d;--theme-highlight:#f4a61d;
  --theme-ink:#082e47;--theme-muted:#61716a;--theme-line:#d9e5d8;
  --theme-surface:#fbfdf9;--theme-soft:#edf6ea;--theme-faint:#f5faf2;
}
html[data-store-theme="red-promo"]{
  --theme-primary:#c5221f;--theme-primary-dark:#971713;--theme-primary-rgb:197,34,31;
  --theme-secondary:#082e47;--theme-secondary-dark:#031f32;--theme-secondary-rgb:8,46,71;
  --theme-green:#2f8a46;--theme-gold:#f4a61d;--theme-highlight:#f4a61d;
  --theme-ink:#102f45;--theme-muted:#6d6d72;--theme-line:#ead7d3;
  --theme-surface:#fffaf8;--theme-soft:#fff0ed;--theme-faint:#fff7f5;
}
html[data-store-theme="classic-indonesia"]{
  --theme-primary:#c8102e;--theme-primary-dark:#981027;--theme-primary-rgb:200,16,46;
  --theme-secondary:#082e47;--theme-secondary-dark:#031f32;--theme-secondary-rgb:8,46,71;
  --theme-green:#237a4b;--theme-gold:#f2c94c;--theme-highlight:#f2c94c;
  --theme-ink:#182230;--theme-muted:#667085;--theme-line:#e4e7ec;
  --theme-surface:#ffffff;--theme-soft:#fff1f3;--theme-faint:#fff8f9;
}

html[data-store-theme]{
  --ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);
  --soft:var(--theme-soft);--surface:var(--theme-surface);
  --brand:var(--theme-primary);--brand-dark:var(--theme-primary-dark);
  --accent:var(--theme-highlight);--danger:#b42318;
  --logo-red:var(--theme-secondary);--logo-green:var(--theme-green);
  --logo-orange:var(--theme-gold);--logo-cream:var(--theme-soft);
  --id-red:var(--theme-primary);--id-red-dark:var(--theme-primary-dark);
  --id-red-deep:var(--theme-primary-dark);--id-red-soft:var(--theme-soft);
  --id-red-faint:var(--theme-faint);--id-ink:var(--theme-ink);
  --id-slate:var(--theme-ink);--id-muted:var(--theme-muted);
  --id-line:var(--theme-line);--id-soft:var(--theme-soft);
  --id-success:var(--theme-green);--focus-ring:0 0 0 4px rgba(var(--theme-primary-rgb),.18);
  color-scheme:light;
}

html[data-store-theme] body{
  background:linear-gradient(180deg,#fff 0%,var(--theme-surface) 52%,var(--theme-faint) 100%);
  color:var(--theme-ink);
}
html[data-store-theme] body::selection{background:rgba(var(--theme-primary-rgb),.18);color:var(--theme-ink)}
html[data-store-theme] .announcement{background:linear-gradient(105deg,var(--theme-primary-dark),var(--theme-primary) 68%,var(--theme-secondary) 145%);color:#fff}
html[data-store-theme] .site-header{background:rgba(255,255,255,.965);border-bottom-color:var(--theme-line)}
html[data-store-theme] .site-nav,
html[data-store-theme] .site-nav-modern{background:rgba(255,255,255,.955);border-color:var(--theme-line)}
html[data-store-theme] .search-bar{border-color:var(--theme-line);background:#fff}
html[data-store-theme] .search-bar:focus-within{border-color:var(--theme-primary);box-shadow:var(--focus-ring)}
html[data-store-theme] .search-bar button,
html[data-store-theme] .button-primary,
html[data-store-theme] .button:not(.button-outline):not(.button-ghost):not(.button-secondary){background:var(--theme-primary);color:#fff}
html[data-store-theme] .search-bar button:hover,
html[data-store-theme] .button-primary:hover,
html[data-store-theme] .button:not(.button-outline):not(.button-ghost):not(.button-secondary):hover{background:var(--theme-primary-dark)}
html[data-store-theme] .button-outline,
html[data-store-theme] .button-ghost{border-color:var(--theme-line);background:#fff;color:var(--theme-primary)}
html[data-store-theme] .button-outline:hover,
html[data-store-theme] .button-ghost:hover{border-color:rgba(var(--theme-primary-rgb),.42);background:var(--theme-soft);color:var(--theme-primary-dark)}
html[data-store-theme] .button-secondary{border-color:rgba(var(--theme-secondary-rgb),.3);background:var(--theme-faint);color:var(--theme-secondary-dark)}
html[data-store-theme] .eyebrow,
html[data-store-theme] .inline-link,
html[data-store-theme] .breadcrumb a,
html[data-store-theme] .product-category,
html[data-store-theme] .row-actions a,
html[data-store-theme] .admin-stat a,
html[data-store-theme] .admin-panel-head a{color:var(--theme-primary)}
html[data-store-theme] .language-switcher a.active,
html[data-store-theme] .filter-pill:hover,
html[data-store-theme] .filter-pill.active,
html[data-store-theme] .pagination strong{background:var(--theme-primary);border-color:var(--theme-primary);color:#fff}
html[data-store-theme] .language-switcher a:hover,
html[data-store-theme] .utility-link:hover,
html[data-store-theme] .theme-toggle:hover{background:var(--theme-soft);color:var(--theme-primary);border-color:rgba(var(--theme-primary-rgb),.28)}
html[data-store-theme] .cart-button span,
html[data-store-theme] .wishlist-count{background:var(--theme-secondary);color:#fff}

html[data-store-theme] .brand-logo-image{
  flex:0 0 auto;width:52px;height:52px;max-width:none;object-fit:contain;object-position:center;
  padding:3px;border:1px solid rgba(var(--theme-primary-rgb),.12);border-radius:15px;background:#fff;
  box-shadow:0 8px 20px rgba(var(--theme-primary-rgb),.1)
}
html[data-store-theme] .brand-logo-custom{width:auto;max-width:190px;padding:2px;object-position:left}
html[data-store-theme] .brand-wordmark{display:block;min-width:0}
html[data-store-theme] .brand-wordmark strong{color:var(--theme-ink);font-size:1.04rem}
html[data-store-theme] .brand-wordmark small{color:var(--theme-secondary)}
html[data-store-theme] .footer-brand{display:inline-flex;align-items:center}
html[data-store-theme] .footer-brand-logo{width:132px;height:132px;object-fit:contain;border-radius:22px;background:#fff;padding:5px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
html[data-store-theme] .admin-brand-logo,
html[data-store-theme] .login-brand-logo{width:42px;height:42px;object-fit:contain;border-radius:13px;background:#fff;padding:2px;box-shadow:0 7px 18px rgba(0,0,0,.16)}
html[data-store-theme] .login-brand-logo{width:38px;height:38px;border-radius:12px}
html[data-store-theme] .invoice-brand-logo{width:48px;height:48px;object-fit:contain;border-radius:13px;border:1px solid var(--theme-line);background:#fff;padding:2px}

html[data-store-theme] .hero{
  background:radial-gradient(circle at 82% 18%,rgba(var(--theme-secondary-rgb),.13),transparent 29%),linear-gradient(145deg,var(--theme-soft),#fff 55%,var(--theme-faint));
}
html[data-store-theme] .hero-card-main{background:linear-gradient(145deg,var(--theme-primary-dark),var(--theme-primary) 65%,var(--theme-secondary))}
html[data-store-theme] .page-hero,
html[data-store-theme] .faq-page-hero{background:linear-gradient(145deg,var(--theme-soft),#fff 58%,var(--theme-faint))}
html[data-store-theme] .section-soft{background:linear-gradient(180deg,var(--theme-faint),var(--theme-soft))}
html[data-store-theme] .notice-banner{background:var(--theme-faint);border-color:rgba(var(--theme-secondary-rgb),.25);color:var(--theme-ink)}
html[data-store-theme] .category-card,
html[data-store-theme] .product-card,
html[data-store-theme] .checkout-card,
html[data-store-theme] .summary-card,
html[data-store-theme] .contact-card,
html[data-store-theme] .account-card,
html[data-store-theme] .customer-auth-card,
html[data-store-theme] .faq-item{border-color:var(--theme-line);background:#fff}
html[data-store-theme] .category-card:hover,
html[data-store-theme] .product-card:hover{border-color:rgba(var(--theme-primary-rgb),.38);box-shadow:0 18px 42px rgba(var(--theme-primary-rgb),.12)}
html[data-store-theme] .category-icon,
html[data-store-theme] .product-media{background:linear-gradient(145deg,#fff,var(--theme-soft))}
html[data-store-theme] .product-price,
html[data-store-theme] .detail-price{color:var(--theme-primary)!important}
html[data-store-theme] .featured-badge{background:var(--theme-highlight);color:var(--theme-ink)}
html[data-store-theme] .stock-ok{background:#e9f5ed;color:#237044}
html[data-store-theme] .home-slider{background:var(--theme-primary-dark);border-color:rgba(var(--theme-primary-rgb),.18);box-shadow:0 18px 46px rgba(var(--theme-primary-rgb),.2)}
html[data-store-theme] .home-slide-tone-1{background:linear-gradient(118deg,var(--theme-primary-dark),var(--theme-primary) 52%,var(--theme-green))}
html[data-store-theme] .home-slide-tone-2{background:linear-gradient(118deg,var(--theme-secondary-dark),var(--theme-secondary) 55%,var(--theme-gold))}
html[data-store-theme] .home-slide-tone-3{background:linear-gradient(118deg,var(--theme-primary-dark),var(--theme-primary) 50%,var(--theme-gold))}
html[data-store-theme] .home-slider-arrow:hover{background:var(--theme-secondary);border-color:var(--theme-secondary)}
html[data-store-theme] .uae-delivery-strip{background:var(--theme-faint);border-color:rgba(var(--theme-secondary-rgb),.22)}
html[data-store-theme] .uae-delivery-icon{background:var(--theme-soft)}
html[data-store-theme] .uae-delivery-strip strong,
html[data-store-theme] .uae-delivery-strip b{color:var(--theme-primary)}
html[data-store-theme] .pawon-promo{background:linear-gradient(135deg,#fff,var(--theme-soft));border-color:var(--theme-line)}
html[data-store-theme] .site-footer{background:linear-gradient(135deg,var(--theme-primary-dark),var(--theme-primary) 70%,var(--theme-secondary-dark) 155%);color:#fff}
html[data-store-theme] .site-footer p,
html[data-store-theme] .footer-bottom{color:rgba(255,255,255,.76)}
html[data-store-theme] .site-footer a{color:#fff}
html[data-store-theme] .site-footer a:hover,
html[data-store-theme] .footer-partner-link{color:var(--theme-highlight)!important}

html[data-store-theme] .admin-body{background:var(--theme-faint)}
html[data-store-theme] .admin-sidebar{background:linear-gradient(180deg,var(--theme-primary-dark),var(--theme-primary) 76%,var(--theme-secondary-dark) 145%);color:#fff}
html[data-store-theme] .admin-sidebar nav a:hover,
html[data-store-theme] .admin-sidebar nav a.active{background:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 var(--theme-highlight)}
html[data-store-theme] .admin-panel,
html[data-store-theme] .admin-stat,
html[data-store-theme] .login-card{border-color:var(--theme-line);background:#fff;box-shadow:0 12px 30px rgba(var(--theme-primary-rgb),.07)}
html[data-store-theme] .admin-panel th{background:var(--theme-faint)}
html[data-store-theme] .selected-row{background:var(--theme-soft)}
html[data-store-theme] .login-body{background:linear-gradient(145deg,var(--theme-soft),#fff 54%,var(--theme-faint))}
html[data-store-theme] .invoice-document{border-color:var(--theme-line);box-shadow:0 18px 42px rgba(var(--theme-primary-rgb),.12)}
html[data-store-theme] .invoice-header{border-bottom-color:var(--theme-primary)}
html[data-store-theme] .invoice-label{color:var(--theme-primary)!important}

html[data-store-theme] .pwa-install-banner-icon,
html[data-store-theme] .pwa-install-help-icon{overflow:hidden;background:#fff;border:1px solid var(--theme-line)}
html[data-store-theme] .pwa-install-banner-icon img,
html[data-store-theme] .pwa-install-help-icon img{display:block;width:100%;height:100%;object-fit:contain}

/* Admin palette selector */
.theme-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0 8px}
.theme-palette-card{position:relative;display:grid!important;gap:10px!important;margin:0!important;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease}
.theme-palette-card:hover{border-color:rgba(var(--theme-primary-rgb),.38);transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--theme-primary-rgb),.08)}
.theme-palette-card.is-selected,
.theme-palette-card:has(input:checked){border-color:var(--theme-primary);box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.12)}
.theme-palette-card input{position:absolute;inline-size:1px!important;block-size:1px!important;opacity:0;pointer-events:none}
.theme-palette-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.theme-palette-card-head strong{color:var(--ink);font-size:.92rem}
.theme-palette-recommended{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--theme-soft);color:var(--theme-primary);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.theme-palette-swatches{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;height:30px;border:1px solid rgba(0,0,0,.07);border-radius:9px}
.theme-palette-swatches i{display:block;background:var(--swatch)}
.theme-palette-card small{color:var(--muted);font-size:.76rem;line-height:1.45}
.theme-preview-help{margin-top:10px!important}
.current-logo-official{align-items:center;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--theme-faint)}
.current-logo-official img{width:112px;height:112px;flex:0 0 112px;object-fit:contain;background:#fff}
.current-logo-official>div{display:grid;gap:4px;min-width:180px;flex:1}
.current-logo-official>div strong{font-size:.9rem}
.current-logo-official>div small{color:var(--muted);font-size:.76rem;line-height:1.45}

/* Keep the selected palette readable in dark mode. */
html[data-theme="dark"][data-store-theme]{color-scheme:dark;--theme-surface:#0c1821;--theme-faint:#0e1d27;--theme-soft:#142632;--theme-line:#2b3d49;--theme-ink:#eef5f7;--theme-muted:#a8b7bf}
html[data-theme="dark"][data-store-theme] body{background:#08141c;color:var(--theme-ink)}
html[data-theme="dark"][data-store-theme] .site-header,
html[data-theme="dark"][data-store-theme] .site-nav,
html[data-theme="dark"][data-store-theme] .site-nav-modern{background:rgba(8,20,28,.96);border-color:var(--theme-line)}
html[data-theme="dark"][data-store-theme] .search-bar,
html[data-theme="dark"][data-store-theme] .search-bar input,
html[data-theme="dark"][data-store-theme] .category-card,
html[data-theme="dark"][data-store-theme] .product-card,
html[data-theme="dark"][data-store-theme] .checkout-card,
html[data-theme="dark"][data-store-theme] .summary-card,
html[data-theme="dark"][data-store-theme] .contact-card,
html[data-theme="dark"][data-store-theme] .account-card,
html[data-theme="dark"][data-store-theme] .customer-auth-card,
html[data-theme="dark"][data-store-theme] .faq-item,
html[data-theme="dark"][data-store-theme] .admin-panel,
html[data-theme="dark"][data-store-theme] .admin-stat,
html[data-theme="dark"][data-store-theme] .login-card,
html[data-theme="dark"][data-store-theme] .theme-palette-card{background:#10212b;color:var(--theme-ink);border-color:var(--theme-line)}
html[data-theme="dark"][data-store-theme] .hero,
html[data-theme="dark"][data-store-theme] .page-hero,
html[data-theme="dark"][data-store-theme] .faq-page-hero,
html[data-theme="dark"][data-store-theme] .section-soft,
html[data-theme="dark"][data-store-theme] .login-body{background:linear-gradient(145deg,#0b1b24,#08141c 60%,#151b20)}
html[data-theme="dark"][data-store-theme] .product-media,
html[data-theme="dark"][data-store-theme] .category-icon{background:#142632}
html[data-theme="dark"][data-store-theme] .admin-body{background:#08141c}
html[data-theme="dark"][data-store-theme] .current-logo-official{background:#10212b;border-color:var(--theme-line)}

@media(max-width:760px){
  html[data-store-theme] .brand-logo-image{width:40px;height:40px;border-radius:12px;padding:2px}
  html[data-store-theme] .brand-logo-custom{width:auto;max-width:128px}
  html[data-store-theme] .brand-wordmark strong{font-size:.92rem}
  html[data-store-theme] .brand-wordmark small{font-size:.66rem}
  html[data-store-theme] .footer-brand-logo{width:108px;height:108px}
  .theme-palette-grid{grid-template-columns:1fr}
}

/* The settings page needs enough width for palette comparison cards. */
.settings-panel{max-width:920px}