/* =====================================================================
   EARobot FX — LIGHT THEME (global)   /assets/css/light.css
   AUTO-GENERATED by gen_light.py from style.css + navbar CSS.
   Aktif bila <html data-theme="light">. Dark = default (tak diubah).
   ===================================================================== */

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f0e8;--bg2:#ede8dc;--bg3:#e8e0d0;--card:#ffffff;--card2:#faf8f4;
  --border:#d8cfc0;--border2:#c8bca8;--text:#2a1f0e;--muted:#7a6a50;--faint:#5a4a30;
  --gold:#b87400;--gold2:#d98a00;--gold3:#7a4f00;--gold-dim:rgba(184,116,0,.12);
  --green:#0a8a4a;--red:#c0392b;--blue:#1a6abf;--cyan:#008f88;
  --shadow:0 8px 28px rgba(42,31,14,.12);
  --success:#0a8a4a;--danger:#c0392b;--warning:#b87400;--info:#1a6abf;
  --success-bg:rgba(10,138,74,.10);--danger-bg:rgba(192,57,43,.09);--warning-bg:rgba(184,116,0,.10);--info-bg:rgba(26,106,191,.09);
}

html[data-theme="light"]{--nb-bg:rgba(245,243,238,0.97);--nb-bd:#dad1c5;--nb-text:#2b241d;--nb-muted:#7e6954;--nb-gold:#ad7700}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] a{color:var(--gold)}
html[data-theme="light"] a:hover{color:var(--gold2)}
html[data-theme="light"] .navbar{background:rgba(245,243,238,0.92);border-bottom:1px solid var(--border)}
html[data-theme="light"] .nav-logo{color:var(--text)}
html[data-theme="light"] .nav-logo span{color:var(--gold)}
html[data-theme="light"] .nav-links a{color:var(--muted)}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.active{color:var(--text);background:var(--bg3)}
html[data-theme="light"] .nav-burger{background:none;border:none}
html[data-theme="light"] .nav-burger span{background:var(--text)}
html[data-theme="light"] .btn{border:none}
html[data-theme="light"] .btn-primary{background:linear-gradient(135deg, var(--gold), #e8940a);color:#000;box-shadow:0 4px 18px rgba(240,165,0,.35)}
html[data-theme="light"] .btn-primary:hover{box-shadow:0 6px 24px rgba(240,165,0,.5);color:#000}
html[data-theme="light"] .btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}
html[data-theme="light"] .btn-outline:hover{border-color:var(--gold);color:var(--gold)}
html[data-theme="light"] .btn-ghost{background:var(--bg3);color:var(--text)}
html[data-theme="light"] .btn-ghost:hover{background:var(--border)}
html[data-theme="light"] .btn-danger{background:var(--red);color:#fff}
html[data-theme="light"] .card{background:var(--card);border:1px solid var(--border)}
html[data-theme="light"] .card:hover{border-color:rgba(240,165,0,.3);box-shadow:var(--shadow)}
html[data-theme="light"] .product-card .badge-featured{background:var(--gold);color:#000}
html[data-theme="light"] .product-card .badge-promo{background:var(--red);color:#fff}
html[data-theme="light"] .product-image{background:var(--bg2)}
html[data-theme="light"] .product-name{color:var(--text)}
html[data-theme="light"] .product-desc{color:var(--muted)}
html[data-theme="light"] .price-current{color:var(--gold)}
html[data-theme="light"] .price-regular{color:var(--muted)}
html[data-theme="light"] .product-meta{color:var(--muted)}
html[data-theme="light"] .sold-badge::before{color:var(--green)}
html[data-theme="light"] .variant-select{background:var(--bg2);border:1px solid var(--border);color:var(--text)}
html[data-theme="light"] .variant-select:focus{outline:none;border-color:var(--gold)}
html[data-theme="light"] .hero{background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(240,165,0,.08) 0%, transparent 70%)}
html[data-theme="light"] .hero::before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f0a500' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
html[data-theme="light"] .hero-tag{background:var(--gold-dim);border:1px solid rgba(240,165,0,.3);color:var(--gold)}
html[data-theme="light"] .hero h1{color:var(--text)}
html[data-theme="light"] .hero h1 .accent{color:var(--gold)}
html[data-theme="light"] .hero p{color:var(--muted)}
html[data-theme="light"] .hero-stats{border-top:1px solid var(--border)}
html[data-theme="light"] .hero-stat .num{color:var(--gold)}
html[data-theme="light"] .hero-stat .label{color:var(--muted)}
html[data-theme="light"] .section-head h2 .accent{color:var(--gold)}
html[data-theme="light"] .section-head p{color:var(--muted)}
html[data-theme="light"] .section-line{background:linear-gradient(90deg, var(--gold), transparent)}
html[data-theme="light"] .review-avatar{background:var(--bg3);border:2px solid var(--border)}
html[data-theme="light"] .review-avatar-placeholder{background:var(--gold-dim);border:2px solid rgba(240,165,0,.3);color:var(--gold)}
html[data-theme="light"] .review-date{color:var(--muted)}
html[data-theme="light"] .stars{color:var(--gold)}
html[data-theme="light"] .review-text{color:var(--muted)}
html[data-theme="light"] .orders-ticker{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="light"] .ticker-label{background:var(--gold);color:#000}
html[data-theme="light"] .ticker-item{color:var(--muted);border-right:1px solid var(--border)}
html[data-theme="light"] .ticker-item .name{color:var(--text)}
html[data-theme="light"] .ticker-item .product{color:var(--gold)}
html[data-theme="light"] .ticker-dot{color:var(--green)}
html[data-theme="light"] .photo-item{border:1px solid var(--border)}
html[data-theme="light"] .photo-item:hover{border-color:var(--gold)}
html[data-theme="light"] .form-label{color:var(--muted)}
html[data-theme="light"] .form-control{background:var(--bg2);border:1px solid var(--border);color:var(--text)}
html[data-theme="light"] .form-control:focus{outline:none;border-color:var(--gold);background:var(--bg3)}
html[data-theme="light"] .form-control::placeholder{color:var(--muted)}
html[data-theme="light"] .form-error{color:var(--red)}
html[data-theme="light"] .form-hint{color:var(--muted)}
html[data-theme="light"] .star-input label{color:var(--border)}
html[data-theme="light"] .star-input input:checked ~ label,
html[data-theme="light"] .star-input label:hover,
html[data-theme="light"] .star-input label:hover ~ label{color:var(--gold)}
html[data-theme="light"] .trust-badge-text{color:var(--muted)}
html[data-theme="light"] .video-wrapper{border:1px solid var(--border)}
html[data-theme="light"] .blog-card .blog-image{background:var(--bg2)}
html[data-theme="light"] .blog-card .blog-cat{color:var(--gold)}
html[data-theme="light"] .blog-card .blog-excerpt{color:var(--muted)}
html[data-theme="light"] .quote-section{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="light"] .auth-wrapper{background:radial-gradient(ellipse 60% 80% at 50% 0%, rgba(240,165,0,.06) 0%, transparent 60%)}
html[data-theme="light"] .auth-box{background:var(--card);border:1px solid var(--border)}
html[data-theme="light"] .auth-logo h2 span{color:var(--gold)}
html[data-theme="light"] .divider{color:var(--muted)}
html[data-theme="light"] .divider::before,
html[data-theme="light"] .divider::after{background:var(--border)}
html[data-theme="light"] .google-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text)}
html[data-theme="light"] .google-btn:hover{border-color:var(--gold)}
html[data-theme="light"] .checkout-item{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="light"] .checkout-item-variant{color:var(--muted)}
html[data-theme="light"] .checkout-item-price{color:var(--gold)}
html[data-theme="light"] .summary-row{border-bottom:1px solid var(--border)}
html[data-theme="light"] .summary-row:last-child{border-bottom:none}
html[data-theme="light"] .summary-total{color:var(--gold)}
html[data-theme="light"] .payment-option + label{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="light"] .payment-option:checked + label{border-color:var(--gold);background:var(--gold-dim)}
html[data-theme="light"] .license-box{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="light"] .license-key{color:var(--green);background:var(--bg);border:1px solid rgba(0,214,143,.2)}
html[data-theme="light"] .copy-btn{background:none;border:none;color:var(--muted)}
html[data-theme="light"] .copy-btn:hover{color:var(--gold)}
html[data-theme="light"] .status-paid,
html[data-theme="light"] .status-completed{background:rgba(0,214,143,.15);color:var(--green)}
html[data-theme="light"] .status-pending{background:rgba(240,165,0,.15);color:var(--gold)}
html[data-theme="light"] .status-failed,
html[data-theme="light"] .status-cancelled{background:rgba(255,77,109,.15);color:var(--red)}
html[data-theme="light"] .status-processing{background:rgba(99,179,237,.15);color:#1878bf}
html[data-theme="light"] .footer{background:var(--bg2);border-top:1px solid var(--border)}
html[data-theme="light"] .footer-brand p{color:var(--muted)}
html[data-theme="light"] .footer-social-btn{background:var(--bg3);border:1px solid var(--border);color:var(--muted)}
html[data-theme="light"] .footer-social-btn:hover{border-color:var(--gold);color:var(--gold)}
html[data-theme="light"] .footer-col ul li a{color:var(--muted)}
html[data-theme="light"] .footer-col ul li a:hover{color:var(--gold)}
html[data-theme="light"] .footer-bottom{border-top:1px solid var(--border);color:var(--muted)}
html[data-theme="light"] .alert-success{background:rgba(0,214,143,.1);border:1px solid rgba(0,214,143,.3);color:var(--green)}
html[data-theme="light"] .alert-error{background:rgba(255,77,109,.1);border:1px solid rgba(255,77,109,.3);color:var(--red)}
html[data-theme="light"] .alert-info{background:var(--gold-dim);border:1px solid rgba(240,165,0,.3);color:var(--gold)}
html[data-theme="light"] .breadcrumb{color:var(--muted)}
html[data-theme="light"] .breadcrumb a{color:var(--muted)}
html[data-theme="light"] .breadcrumb a:hover{color:var(--gold)}
html[data-theme="light"] .breadcrumb .sep{color:var(--border)}
html[data-theme="light"] .modal-backdrop{background:rgba(0,0,0,.7)}
html[data-theme="light"] .modal{background:var(--card);border:1px solid var(--border)}
html[data-theme="light"] .modal-close{background:none;border:none;color:var(--muted)}
html[data-theme="light"] .modal-close:hover{color:var(--text)}
html[data-theme="light"] .page-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text)}
html[data-theme="light"] .page-btn:hover,
html[data-theme="light"] .page-btn.active{background:var(--gold);color:#000;border-color:var(--gold)}
html[data-theme="light"] .lightbox{background:rgba(0,0,0,.92)}
html[data-theme="light"] .lightbox-close{background:none;border:none;color:#fff}
@media (max-width: 768px){
html[data-theme="light"] .nav-links{background:var(--bg)}
}
html[data-theme="light"] .text-gold{color:var(--gold)}
html[data-theme="light"] .text-muted{color:var(--muted)}
html[data-theme="light"] .sp-popup{background:#fcfcfc;border:1px solid rgba(245,166,35,.22);box-shadow:0 8px 40px rgba(0,0,0,0.22),0 0 0 1px rgba(245,166,35,.06)}
html[data-theme="light"] [data-theme="light"] .sp-popup{background:#fff;border-color:rgba(196,127,0,.2);box-shadow:0 8px 32px rgba(0,0,0,0.04),0 0 0 1px rgba(196,127,0,.07)}
html[data-theme="light"] .sp-popup:hover{box-shadow:0 12px 50px rgba(0,0,0,0.26),0 0 0 1px rgba(245,166,35,.2);border-color:rgba(245,166,35,.4)}
html[data-theme="light"] .sp-thumb{background:#f7f6f4;border:1px solid rgba(245,166,35,.18)}
html[data-theme="light"] [data-theme="light"] .sp-thumb{background:#f0ebe0}
html[data-theme="light"] .sp-name{color:#221c16}
html[data-theme="light"] [data-theme="light"] .sp-name{color:#1a0f00}
html[data-theme="light"] .sp-action{color:#937a62}
html[data-theme="light"] [data-theme="light"] .sp-action{color:#8f7760}
html[data-theme="light"] .sp-action strong{color:#ad7700}
html[data-theme="light"] [data-theme="light"] .sp-action strong{color:#ad7000}
html[data-theme="light"] .sp-footer{color:#987f65}
html[data-theme="light"] [data-theme="light"] .sp-footer{color:#8f7760}
html[data-theme="light"] .sp-dot-live{background:#1fd47e}
html[data-theme="light"] .sp-verified{color:#158e55}
html[data-theme="light"] [data-theme="light"] .sp-verified{color:#0a8a4a}
html[data-theme="light"] .sp-close{background:rgba(42,31,14,0.07);border:none;color:#937a62}
html[data-theme="light"] .sp-close:hover{background:rgba(255,69,96,.2);color:#d11a34}
html[data-theme="light"] .sp-progress{background:linear-gradient(90deg,#f0a500,#ffc740)}
html[data-theme="light"] .ico{fill:none;stroke:currentColor}
html[data-theme="light"] .plat-tabs{background:transparent;border:1px solid rgba(187,172,149,0.28)}
html[data-theme="light"] .plat-tab{border:0;background:transparent;color:inherit;box-shadow:none}
html[data-theme="light"] .plat-tab.active{background:rgba(127,127,127,.2);color:inherit;box-shadow:inset 0 -2px 0 #f0a500}
html[data-theme="light"] .nb{background:var(--nb-bg);border-bottom:1px solid var(--nb-bd)}
html[data-theme="light"] .nb-logo{color:var(--nb-text)}
html[data-theme="light"] .nb-logo .nb-ea,
html[data-theme="light"] .nb-logo .nb-fx{color:var(--nb-gold)}
html[data-theme="light"] .nb-link{color:var(--nb-muted)}
html[data-theme="light"] .nb-link:hover,
html[data-theme="light"] .nb-link.active{color:var(--nb-text);background:#fcfcfc}
html[data-theme="light"] .nb-sep{background:var(--nb-bd)}
html[data-theme="light"] .nb-icon-btn{background:transparent;border:1px solid var(--nb-bd);color:var(--nb-muted)}
html[data-theme="light"] .nb-icon-btn:hover{border-color:var(--nb-gold);color:var(--nb-gold);background:rgba(240,165,0,.06)}
html[data-theme="light"] .nb-icon-wrap.open .nb-icon-btn{border-color:var(--nb-gold);color:var(--nb-gold);background:rgba(240,165,0,.08)}
html[data-theme="light"] .nb-icon-btn .nb-dot{background:var(--nb-gold)}
html[data-theme="light"] .nb-icon-drop{background:#f9f8f6;border:1px solid var(--nb-bd);box-shadow:0 16px 40px rgba(0,0,0,0.21)}
html[data-theme="light"] .id-label{color:var(--nb-muted)}
html[data-theme="light"] .id-opt{color:var(--nb-muted);border:none;background:none}
html[data-theme="light"] .id-opt:hover{background:#fcfcfc;color:var(--nb-text)}
html[data-theme="light"] .id-opt.active{background:rgba(240,165,0,.1);color:var(--nb-gold)}
html[data-theme="light"] .id-opt.active::after{color:var(--nb-gold)}
html[data-theme="light"] .id-sep{background:var(--nb-bd)}
html[data-theme="light"] .id-opt-more{color:var(--nb-muted)}
html[data-theme="light"] .id-opt.id-opt-active{background:rgba(240,165,0,.1);color:var(--nb-gold)}
html[data-theme="light"] .id-opt.id-opt-active::after{color:var(--nb-gold)}
html[data-theme="light"] .nb-btn{border:none}
html[data-theme="light"] .nb-outline{color:var(--nb-text);background:transparent;border:1px solid var(--nb-bd)}
html[data-theme="light"] .nb-outline:hover{border-color:var(--nb-gold);color:var(--nb-gold)}
html[data-theme="light"] .nb-gold-btn{background:var(--nb-gold);color:#000;border:1px solid transparent}
html[data-theme="light"] .nb-gold-btn:hover{background:var(--nb-gold2)}
html[data-theme="light"] .nb-avatar{background:linear-gradient(135deg, var(--nb-gold) 0%, #7a5c10 100%);color:#000;border:1.5px solid rgba(240,165,0,.45)}
html[data-theme="light"] .nb-avatar:hover,
html[data-theme="light"] .nb-user-wrap.open .nb-avatar{box-shadow:0 0 0 3px rgba(240,165,0,.25)}
html[data-theme="light"] .nb-dropdown{background:#f9f8f6;border:1px solid var(--nb-bd);box-shadow:0 16px 40px rgba(0,0,0,0.18)}
html[data-theme="light"] .dd-user-info{background:#fcfcfc;border:1px solid var(--nb-bd)}
html[data-theme="light"] .dd-avatar{background:linear-gradient(135deg, var(--nb-gold) 0%, #7a5c10 100%);color:#000}
html[data-theme="light"] .dd-name{color:var(--nb-text)}
html[data-theme="light"] .dd-email{color:var(--nb-muted)}
html[data-theme="light"] .dd-sep{background:var(--nb-bd)}
html[data-theme="light"] .dd-item{color:var(--nb-muted);border:none;background:none}
html[data-theme="light"] .dd-item:hover,
html[data-theme="light"] .dd-item.active{background:#fcfcfc;color:var(--nb-text)}
html[data-theme="light"] .dd-item.dd-item-admin{color:var(--nb-gold)}
html[data-theme="light"] .dd-item.dd-item-admin:hover{background:rgba(240,165,0,.08);color:var(--nb-gold)}
html[data-theme="light"] .dd-item.dd-item-danger{color:#d11a1a}
html[data-theme="light"] .dd-item.dd-item-danger:hover{background:rgba(248,113,113,.08);color:#d11a1a}
html[data-theme="light"] .nb-burger{background:none;border:1px solid var(--nb-bd)}
html[data-theme="light"] .nb-burger span{background:var(--nb-text)}
html[data-theme="light"] .nb-drawer{background:rgba(245,243,238,0.99)}
html[data-theme="light"] .dr-user{background:#fdfdfd;border:1px solid rgba(240,165,0,.18)}
html[data-theme="light"] .dr-avatar{background:linear-gradient(135deg, var(--nb-gold) 0%, #7a5c10 100%);color:#000;border:1.5px solid rgba(240,165,0,.35)}
html[data-theme="light"] .dr-user-name{color:var(--nb-text)}
html[data-theme="light"] .dr-user-email{color:var(--nb-muted)}
html[data-theme="light"] .dr-badge{background:rgba(240,165,0,.12);color:var(--nb-gold);border:1px solid rgba(240,165,0,.28)}
html[data-theme="light"] .dr-toggle-group{background:#f9f8f6;border:1px solid var(--nb-bd)}
html[data-theme="light"] .dr-toggle-group-label{color:var(--nb-muted)}
html[data-theme="light"] .dr-toggle-btn{border:none;background:transparent;color:var(--nb-muted)}
html[data-theme="light"] .dr-toggle-btn:first-of-type{border-right:1px solid var(--nb-bd)}
html[data-theme="light"] .dr-toggle-btn.curr-on{background:var(--nb-gold);color:#000}
html[data-theme="light"] .dr-toggle-btn.lang-on{background:#f1ece4;color:var(--nb-text);border-bottom:2px solid var(--nb-gold)}
html[data-theme="light"] .dr-toggle-group-lang .dr-toggle-btn{border-right:1px solid var(--nb-bd);border-bottom:1px solid var(--nb-bd)}
html[data-theme="light"] .dr-toggle-group-lang .dr-toggle-btn:nth-child(2n){border-right:none}
html[data-theme="light"] .dr-toggle-group-lang .dr-toggle-btn:nth-child(n+3){border-bottom:none}
html[data-theme="light"] .dr-toggle-btn-more{background:#f9f8f6;border:1px solid var(--nb-bd);color:var(--nb-muted)}
html[data-theme="light"] .dr-toggle-btn-more:hover{color:var(--nb-text)}
html[data-theme="light"] .dr-label{color:var(--nb-muted)}
html[data-theme="light"] .dr-link{color:var(--nb-muted);border-left:2px solid transparent}
html[data-theme="light"] .dr-link:hover{color:var(--nb-text);background:#fcfcfc}
html[data-theme="light"] .dr-link.active{color:var(--nb-text);background:#fcfcfc;border-left-color:var(--nb-gold)}
html[data-theme="light"] .dr-link.dr-link-admin{color:var(--nb-gold)}
html[data-theme="light"] .dr-link.dr-link-admin:hover{background:rgba(240,165,0,.08);color:var(--nb-gold)}
html[data-theme="light"] .dr-hr{background:var(--nb-bd)}
html[data-theme="light"] .dr-btn{border:none}
html[data-theme="light"] .dr-btn-gold{background:var(--nb-gold);color:#000}
html[data-theme="light"] .dr-btn-gold:hover{background:var(--nb-gold2)}
html[data-theme="light"] .dr-btn-ghost{background:#fcfcfc;border:1px solid var(--nb-bd);color:var(--nb-text)}
html[data-theme="light"] .dr-btn-ghost:hover{background:#fdfdfd}
html[data-theme="light"] .dr-btn-danger{background:rgba(255,77,109,.1);border:1px solid rgba(255,77,109,.25);color:#d11a3b}
html[data-theme="light"] .dr-btn-danger:hover{background:rgba(255,77,109,.18)}
html[data-theme="light"] .fi{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="light"] .nb-badge{background:var(--nb-gold);color:#000}