/* YBCO LIGHT / DARK THEME V16 */
:root{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--bg:#f5f2ec;--panel:#ffffff;--panel2:#ece8e1;--text:#17191b;--muted:#646a70;--line:rgba(16,20,24,.18);--good:#087f52;--warn:#9a6400;--danger:#bc2940}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .noise{opacity:.012;mix-blend-mode:multiply}

.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(8,10,12,.92);color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.28);font:800 10px monospace;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle-icon{font-size:16px;line-height:1}
html[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.94);color:#17191b;box-shadow:0 10px 35px rgba(24,28,32,.16)}

html[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.82));color:#17191b}
html[data-theme="light"] .topbar.scrolled{background:rgba(255,255,255,.95);border-color:var(--line)}
html[data-theme="light"] .brandmark .site-logo{background:#080a0c;border-radius:8px;padding:5px 8px}
html[data-theme="light"] .nav-icon{background:#fff;color:#17191b}
html[data-theme="light"] .navlinks a{color:#17191b}

/* Keep photographic hero panels readable while brightening the rest of the store. */
html[data-theme="light"] .hero,html[data-theme="light"] .repair-hero{color:#fff}
html[data-theme="light"] .hero .btn:not(.primary),html[data-theme="light"] .repair-hero .btn:not(.primary){color:#fff;border-color:rgba(255,255,255,.65)}
html[data-theme="light"] .hero h1,html[data-theme="light"] .repair-hero h1{color:#fff}
html[data-theme="light"] .hero-copy p,html[data-theme="light"] .repair-hero p{color:#f0f1f2}

html[data-theme="light"] .section,
html[data-theme="light"] .work-gallery,
html[data-theme="light"] .footer,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .shop-shell,
html[data-theme="light"] .filters,
html[data-theme="light"] .cart-panel,
html[data-theme="light"] .checkout-wrap,
html[data-theme="light"] .success-page,
html[data-theme="light"] .status-page,
html[data-theme="light"] .invoice-page,
html[data-theme="light"] .repair-home,
html[data-theme="light"] .repair-process,
html[data-theme="light"] .repair-request-section,
html[data-theme="light"] .admin-preview,
html[data-theme="light"] .delivery-section{background-color:var(--bg);color:var(--text)}

html[data-theme="light"] .split-section:after{background:linear-gradient(90deg,#f5f2ec 0%,rgba(245,242,236,.97) 42%,rgba(245,242,236,.08) 80%)}
html[data-theme="light"] .delivery-section:after{background:linear-gradient(90deg,#f5f2ec 0%,rgba(245,242,236,.94) 42%,rgba(245,242,236,.05) 78%)}
html[data-theme="light"] .delivery-section{background:radial-gradient(circle at 70% 45%,#dae6eb,#f5f2ec 58%)}
html[data-theme="light"] .repair-request-section{background:radial-gradient(circle at 80% 20%,#dce8ed,#f5f2ec 58%)}
html[data-theme="light"] .section .content p,
html[data-theme="light"] .work-heading p,
html[data-theme="light"] .page-hero p,
html[data-theme="light"] .repair-request-copy p,
html[data-theme="light"] .repair-pricing p,
html[data-theme="light"] .public-card p,
html[data-theme="light"] .helper{color:var(--muted)}

html[data-theme="light"] .spec-strip,
html[data-theme="light"] .work-card,
html[data-theme="light"] .place,
html[data-theme="light"] .admin-preview-card,
html[data-theme="light"] .public-card,
html[data-theme="light"] .repair-form,
html[data-theme="light"] .repair-card,
html[data-theme="light"] .status-invoice,
html[data-theme="light"] .product-card,
html[data-theme="light"] .cart-item,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .success-card{background:var(--panel);color:var(--text);box-shadow:0 16px 45px rgba(24,28,32,.08)}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#fff!important;color:#17191b!important;border-color:rgba(16,20,24,.24)!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#7a8085}
html[data-theme="light"] option{background:#fff;color:#17191b}

html[data-theme="light"] .btn:not(.primary){color:#17191b;border-color:rgba(16,20,24,.5);background:transparent}
html[data-theme="light"] .btn:not(.primary):before{background:#17191b}
html[data-theme="light"] .btn:not(.primary):hover{color:#fff}
html[data-theme="light"] .small-btn{background:#fff;color:#17191b}
html[data-theme="light"] .small-btn:hover,html[data-theme="light"] .small-btn.active{background:#17191b;color:#fff}
html[data-theme="light"] .footer-grid,html[data-theme="light"] .footer-grid strong,html[data-theme="light"] .footer a{color:var(--text)}

/* Admin manager */
html[data-theme="light"] .admin-body,
html[data-theme="light"] .admin-login,
html[data-theme="light"] .admin-app,
html[data-theme="light"] .admin-main,
html[data-theme="light"] .admin-content{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="light"] .admin-side,
html[data-theme="light"] .admin-top,
html[data-theme="light"] .login-panel,
html[data-theme="light"] .admin-panel,
html[data-theme="light"] .panel-head,
html[data-theme="light"] .panel-body,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .quick-card,
html[data-theme="light"] .product-modal,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .data-table-wrap,
html[data-theme="light"] .repair-card,
html[data-theme="light"] .printer-step,
html[data-theme="light"] .label-size,
html[data-theme="light"] .printer-status{background:#fff!important;color:#17191b!important;border-color:var(--line)!important}
html[data-theme="light"] .admin-side{box-shadow:8px 0 30px rgba(24,28,32,.06)}
html[data-theme="light"] .admin-nav button{color:#454b50;background:transparent}
html[data-theme="light"] .admin-nav button:hover,html[data-theme="light"] .admin-nav button.active{background:#ece8e1;color:#17191b}
html[data-theme="light"] .admin-system{color:#3e454a}
html[data-theme="light"] .admin-title p,
html[data-theme="light"] .quick-card span,
html[data-theme="light"] .stat-card span,
html[data-theme="light"] .panel-body p,
html[data-theme="light"] .printer-step span,
html[data-theme="light"] .printer-status,
html[data-theme="light"] .muted{color:var(--muted)!important}
html[data-theme="light"] .data-table th{background:#ece8e1;color:#34393d}
html[data-theme="light"] .data-table td{color:#17191b;border-color:var(--line)}
html[data-theme="light"] .data-table tr:hover td{background:#faf8f4}
html[data-theme="light"] .coupon-item,
html[data-theme="light"] .order-card,
html[data-theme="light"] .repair-list .repair-card{background:#fff!important;color:#17191b!important}
html[data-theme="light"] .delivery-chip,
html[data-theme="light"] .badge{background:#ece8e1;color:#17191b}

/* Checkout and coupon UI */
html[data-theme="light"] .fulfillment-choice,
html[data-theme="light"] .coupon-box,
html[data-theme="light"] .checkout-summary,
html[data-theme="light"] .checkout-form,
html[data-theme="light"] .coupon-row{background:#fff!important;color:#17191b!important;border-color:var(--line)!important}
html[data-theme="light"] .summary-row,html[data-theme="light"] .checkout-total{border-color:var(--line)}

@media(max-width:650px){
  .theme-toggle{right:10px;bottom:10px;min-height:38px;padding:0 11px}
  .theme-toggle-label{display:none}
  html[data-theme="light"] .topbar{background:rgba(255,255,255,.97)}
}