/* Baskod Etiket Theme System v1 — v0.16.6
   Loaded last on public + admin surfaces. Functional/status colors remain semantic. */

html[data-theme="forest-gold"]{
  --ink:#14251d;--ink-2:#294238;--muted:#6f746d;--line:#e2dac8;--paper:#f8f4ea;--white:#fffdf9;
  --green:#c6a154;--green-2:#a77f34;--mint:#f3e6c4;--sand:#eadcbc;--shadow:0 24px 70px rgba(52,43,22,.11);
  --green-soft:#f2e6c9;--bg:#f5f1e8;--sidebar:#102219;
  --theme-accent:#c6a154;--theme-accent-2:#e0c47e;--theme-accent-soft:#f3e6c4;--theme-surface:#fffdf9;
  --theme-wash-1:#fbfaf5;--theme-wash-2:#f1ead9;--theme-sidebar:#102219;--theme-sidebar-muted:#a9b8ad;
  --theme-nav-active-bg:rgba(197,161,83,.16);--theme-nav-active-text:#f3d991;--theme-dark-hover:#223c2f;
}
html[data-theme="obsidian-gold"]{
  --ink:#20211f;--ink-2:#3a3b37;--muted:#72736e;--line:#ddd8cc;--paper:#f5f2eb;--white:#fffdfa;
  --green:#b8954f;--green-2:#947437;--mint:#eee5d2;--sand:#e7dcc6;--shadow:0 24px 70px rgba(22,22,20,.12);
  --green-soft:#eee5d2;--bg:#f2f0ea;--sidebar:#171816;
  --theme-accent:#b8954f;--theme-accent-2:#d3bd84;--theme-accent-soft:#f1e8d5;--theme-surface:#fffdfa;
  --theme-wash-1:#faf9f5;--theme-wash-2:#efebe2;--theme-sidebar:#171816;--theme-sidebar-muted:#b2b1aa;
  --theme-nav-active-bg:rgba(190,155,78,.17);--theme-nav-active-text:#eed28b;--theme-dark-hover:#30312e;
}
html[data-theme="midnight-navy"]{
  --ink:#142236;--ink-2:#2d425b;--muted:#6f7883;--line:#d9dee5;--paper:#f3f5f8;--white:#ffffff;
  --green:#b99a58;--green-2:#967a3f;--mint:#eee5d2;--sand:#e7decb;--shadow:0 24px 70px rgba(20,34,54,.11);
  --green-soft:#eee5d2;--bg:#f2f4f7;--sidebar:#101b2b;
  --theme-accent:#b99a58;--theme-accent-2:#d7bf86;--theme-accent-soft:#f2ead9;--theme-surface:#fff;
  --theme-wash-1:#fafbfc;--theme-wash-2:#eef1f5;--theme-sidebar:#101b2b;--theme-sidebar-muted:#9cabbc;
  --theme-nav-active-bg:rgba(199,167,94,.17);--theme-nav-active-text:#f0d794;--theme-dark-hover:#23364d;
}
html[data-theme="graphite-mint"]{
  --ink:#202924;--ink-2:#384a41;--muted:#6d7972;--line:#d9e2dd;--paper:#f2f6f3;--white:#ffffff;
  --green:#4f9b79;--green-2:#377a5d;--mint:#dff0e8;--sand:#e7ece8;--shadow:0 24px 70px rgba(23,42,33,.10);
  --green-soft:#dff0e8;--bg:#f1f4f2;--sidebar:#18211d;
  --theme-accent:#4f9b79;--theme-accent-2:#82bda2;--theme-accent-soft:#e1f1e9;--theme-surface:#fff;
  --theme-wash-1:#fafcfb;--theme-wash-2:#edf4f0;--theme-sidebar:#18211d;--theme-sidebar-muted:#a3b5ab;
  --theme-nav-active-bg:rgba(86,164,125,.16);--theme-nav-active-text:#bfe8d2;--theme-dark-hover:#2d4137;
}
html[data-theme="navy-copper"]{
  --ink:#17283a;--ink-2:#344a60;--muted:#707a84;--line:#dde0e1;--paper:#f5f3ef;--white:#fffefa;
  --green:#b56f3d;--green-2:#96572f;--mint:#f0dfd1;--sand:#eadaca;--shadow:0 24px 70px rgba(27,41,55,.11);
  --green-soft:#f0dfd1;--bg:#f3f2ef;--sidebar:#112031;
  --theme-accent:#b56f3d;--theme-accent-2:#d49a70;--theme-accent-soft:#f3e3d7;--theme-surface:#fffefa;
  --theme-wash-1:#fbfaf7;--theme-wash-2:#eef0f1;--theme-sidebar:#112031;--theme-sidebar-muted:#9fadb9;
  --theme-nav-active-bg:rgba(191,113,60,.18);--theme-nav-active-text:#efb88f;--theme-dark-hover:#283e52;
}
html[data-theme="burgundy-champagne"]{
  --ink:#3b2028;--ink-2:#5a3943;--muted:#7a7073;--line:#e3dadb;--paper:#f8f2f1;--white:#fffdfc;
  --green:#b99b69;--green-2:#967a4c;--mint:#f1e6d5;--sand:#eadcc9;--shadow:0 24px 70px rgba(57,31,39,.11);
  --green-soft:#f1e6d5;--bg:#f6f1f0;--sidebar:#2a151c;
  --theme-accent:#b99b69;--theme-accent-2:#dac397;--theme-accent-soft:#f3eadb;--theme-surface:#fffdfc;
  --theme-wash-1:#fdf9f8;--theme-wash-2:#f3e8e6;--theme-sidebar:#2a151c;--theme-sidebar-muted:#bda8ae;
  --theme-nav-active-bg:rgba(194,161,104,.18);--theme-nav-active-text:#f2d9aa;--theme-dark-hover:#512d37;
}
html[data-theme="classic-baskod"]{
  --ink:#14241b;--ink-2:#274035;--muted:#68766e;--line:#dfe6e0;--paper:#f5f7f3;--white:#fff;
  --green:#1e5b3b;--green-2:#2f7a51;--mint:#dff2e7;--sand:#eee8dd;--shadow:0 24px 70px rgba(24,52,36,.09);
  --green-soft:#e8f4ec;--bg:#f4f6f3;--sidebar:#102219;
  --theme-accent:#1f6945;--theme-accent-2:#72aa88;--theme-accent-soft:#e8f4ec;--theme-surface:#fff;
  --theme-wash-1:#fbfcfa;--theme-wash-2:#f0f5f0;--theme-sidebar:#102219;--theme-sidebar-muted:#88a898;
  --theme-nav-active-bg:rgba(255,255,255,.08);--theme-nav-active-text:#fff;--theme-dark-hover:#213c2d;
}

/* Shared public mapping */
html[data-theme] body{background:var(--white);color:var(--ink)}
html[data-theme] .site-header{background:color-mix(in srgb,var(--white) 86%,transparent)}
html[data-theme] .site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 6%,transparent)}
html[data-theme] .main-nav>a,html[data-theme] .nav-dropdown>a{color:color-mix(in srgb,var(--ink) 82%,#fff 18%)}
html[data-theme] .main-nav>a:hover,html[data-theme] .nav-dropdown>a:hover,html[data-theme] .dropdown-panel .dropdown-all{color:var(--green)}
html[data-theme] .dropdown-panel{background:var(--theme-surface);border-color:var(--line)}
html[data-theme] .dropdown-panel a:hover{background:var(--paper)}
html[data-theme] .btn-dark{background:var(--ink);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 14%,transparent)}
html[data-theme] .btn-dark:hover{background:var(--theme-dark-hover)}
html[data-theme] .btn-outline{background:var(--theme-surface);border-color:color-mix(in srgb,var(--green) 36%,var(--line));color:var(--ink)}
html[data-theme] .btn-outline:hover{border-color:var(--green);box-shadow:0 8px 22px color-mix(in srgb,var(--green) 12%,transparent)}
html[data-theme] .eyebrow{color:var(--green)}
html[data-theme] .hero,
html[data-theme] .page-hero,
html[data-theme] .product-page-hero,
html[data-theme] .sector-hero,
html[data-theme] .sector-detail-hero,
html[data-theme] .barcode-hero,
html[data-theme] .about-hero,
html[data-theme] .contact-hero,
html[data-theme] .quote-hero{background:linear-gradient(180deg,var(--theme-wash-1) 0%,var(--theme-wash-2) 100%);border-color:var(--line)}
html[data-theme] .hero:before,html[data-theme] .sector-hero:before,html[data-theme] .barcode-hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--green) 18%,transparent),transparent 69%)}
html[data-theme] .section-soft{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 78%,var(--white)))}
html[data-theme] .product-card,
html[data-theme] .sector-card,
html[data-theme] .guide-card,
html[data-theme] .form-card,
html[data-theme] .contact-card,
html[data-theme] .quote-form-card,
html[data-theme] .generator-panel,
html[data-theme] .preview-panel,
html[data-theme] .catalog-count,
html[data-theme] .product-spec-card,
html[data-theme] .product-spec-panel,
html[data-theme] .product-selection-card,
html[data-theme] .sector-use-card{border-color:var(--line);background:var(--theme-surface)}
html[data-theme] .product-media,
html[data-theme] .product-visual-v2,
html[data-theme] .sector-visual-core,
html[data-theme] .settings-media-preview{background:var(--theme-accent-soft)}
html[data-theme] .filter-pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
html[data-theme] .filter-pill:hover{border-color:var(--green)}
html[data-theme] .footer-cta,html[data-theme] .product-quote-band{background:linear-gradient(135deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 86%,var(--green)) 100%)}
html[data-theme] .footer-cta:after{border-color:color-mix(in srgb,var(--green) 22%,transparent)}
html[data-theme] .site-footer{background:color-mix(in srgb,var(--theme-sidebar) 94%,#000 6%)}
html[data-theme] .site-footer h4{color:#fff}
html[data-theme] .footer-bottom{color:color-mix(in srgb,#fff 50%,var(--theme-sidebar-muted));border-color:rgba(255,255,255,.10)}
html[data-theme] .text-link,html[data-theme] .product-link,html[data-theme] .sector-link{color:var(--green)}
html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{border-color:var(--green)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 11%,transparent)!important}

/* Forest Gold gets a deliberately richer premium finish without turning the site yellow. */
html[data-theme="forest-gold"] .site-header.is-scrolled{border-color:#e4d6b6}
html[data-theme="forest-gold"] .hero,html[data-theme="forest-gold"] .product-page-hero,html[data-theme="forest-gold"] .sector-hero,html[data-theme="forest-gold"] .barcode-hero,html[data-theme="forest-gold"] .about-hero,html[data-theme="forest-gold"] .contact-hero,html[data-theme="forest-gold"] .quote-hero{background:linear-gradient(180deg,#fffdfa 0%,#f4ecdc 100%)}
html[data-theme="forest-gold"] .btn-outline{background:#fffdf8}
html[data-theme="forest-gold"] .footer-cta{box-shadow:inset 0 1px 0 rgba(213,184,114,.2)}
html[data-theme="forest-gold"] .product-card:hover,html[data-theme="forest-gold"] .sector-card:hover{border-color:#d7c08b;box-shadow:0 20px 50px rgba(75,58,25,.10)}

/* Admin mapping */
html[data-theme] .admin-body,html[data-theme] body:has(.admin-shell){background:var(--bg)}
html[data-theme] .sidebar{background:var(--theme-sidebar)}
html[data-theme] .admin-brand small,html[data-theme] .user-mini small{color:var(--theme-sidebar-muted)}
html[data-theme] .nav-label{color:color-mix(in srgb,var(--theme-sidebar-muted) 68%,transparent)}
html[data-theme] .side-nav a{color:color-mix(in srgb,var(--theme-sidebar-muted) 88%,#fff 12%)}
html[data-theme] .side-nav a i{color:var(--theme-accent-2)}
html[data-theme] .side-nav a:hover,html[data-theme] .side-nav a.is-active{background:var(--theme-nav-active-bg);color:var(--theme-nav-active-text)}
html[data-theme] .side-nav a.is-active i{color:var(--theme-nav-active-text)}
html[data-theme] .side-nav a b{background:var(--theme-accent-soft);color:color-mix(in srgb,var(--ink) 82%,#000)}
html[data-theme] .avatar{background:color-mix(in srgb,var(--green) 26%,var(--theme-sidebar));color:var(--theme-nav-active-text)}
html[data-theme] .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:var(--line)}
html[data-theme] .stat-card,html[data-theme] .panel,html[data-theme] .form-section,html[data-theme] .login-card{background:var(--theme-surface);border-color:var(--line)}
html[data-theme] .stat-icon,html[data-theme] .settings-section-head>span{background:var(--green-soft);color:var(--green)}
html[data-theme] .admin-btn{background:var(--ink);color:#fff}
html[data-theme] .admin-btn:hover{background:var(--theme-dark-hover)}
html[data-theme] .admin-btn.secondary,html[data-theme] .top-link{background:var(--theme-surface);border-color:var(--line);color:var(--ink)}
html[data-theme] .admin-btn.secondary:hover,html[data-theme] .top-link:hover{border-color:var(--green);color:var(--green)}
html[data-theme] .quick-link,html[data-theme] .settings-media-card,html[data-theme] .settings-switch-row,html[data-theme] .settings-brand-preview{background:color-mix(in srgb,var(--theme-surface) 91%,var(--paper));border-color:var(--line)}
html[data-theme] .quick-link:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}
html[data-theme] .settings-hero{background:linear-gradient(135deg,var(--theme-surface),var(--paper))}
html[data-theme] .settings-kicker{color:var(--green)}
html[data-theme] .settings-switch-row input:checked+i{background:var(--green)}
html[data-theme] .stat-value-link:hover,html[data-theme] .stat-value-link:focus-visible{color:var(--green);background:var(--green-soft);box-shadow:0 0 0 5px var(--green-soft)}
html[data-theme] .analytics-stat{border-color:var(--line);background:linear-gradient(180deg,var(--theme-surface),var(--paper))}
html[data-theme] .analytics-stat strong,html[data-theme] .analytics-box h3,html[data-theme] .analytics-list-row b{color:var(--ink)}
html[data-theme] .analytics-bar{background:var(--paper)}
html[data-theme] .analytics-bar i{background:var(--green)}
html[data-theme] .login-visual{background:linear-gradient(145deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 82%,var(--green)))}
html[data-theme] .side-nav{scrollbar-color:color-mix(in srgb,var(--theme-accent-2) 35%,transparent) transparent}
html[data-theme] .side-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--theme-accent-2) 30%,transparent)}
html[data-theme] .side-nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--theme-accent-2) 48%,transparent)}

/* Theme selector UI */
.theme-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-palette-option{position:relative;display:block;cursor:pointer}
.theme-palette-option input{position:absolute;opacity:0;pointer-events:none}
.theme-palette-card{height:100%;border:1px solid var(--line);border-radius:16px;background:var(--theme-surface);padding:14px;transition:.18s ease;box-shadow:0 8px 22px rgba(25,35,28,.025)}
.theme-palette-option:hover .theme-palette-card{transform:translateY(-2px);border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 14px 30px color-mix(in srgb,var(--green) 9%,transparent)}
.theme-palette-option input:checked+.theme-palette-card{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent),0 16px 34px color-mix(in srgb,var(--green) 10%,transparent)}
.theme-palette-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.theme-palette-head strong{font-size:12px}.theme-palette-badge{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--green-soft);padding:5px 7px;border-radius:999px}
.theme-palette-card p{font-size:9.5px;color:var(--muted);line-height:1.5;margin:6px 0 11px}
.theme-swatches{display:flex;gap:6px}.theme-swatches i{width:30px;height:20px;border-radius:7px;border:1px solid rgba(0,0,0,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.theme-current-note{margin-top:12px;padding:11px 12px;border-radius:11px;background:var(--paper);border:1px solid var(--line);font-size:10px;color:var(--muted)}
.theme-current-note strong{color:var(--ink)}
@media(max-width:760px){.theme-palette-grid{grid-template-columns:1fr}}

/* Maintenance page follows the selected palette too. */
html[data-theme] body:has(.m-card){background:var(--bg)!important;color:var(--ink)!important}
html[data-theme] .m-card{background:var(--theme-surface)!important;border-color:var(--line)!important;box-shadow:0 28px 80px color-mix(in srgb,var(--ink) 10%,transparent)!important}
html[data-theme] .m-card:after{border-color:color-mix(in srgb,var(--green) 14%,transparent)!important}
html[data-theme] .m-kicker{color:var(--green)!important}
html[data-theme] .m-card p{color:var(--muted)!important}
html[data-theme] .m-status{background:var(--green-soft)!important;color:var(--green)!important}

/* =====================================================================
   Baskod Etiket v0.16.6 — premium palette contrast + Forest Gold chrome
   - Palette cards preview their own colors, independent from active theme.
   - Forest Gold public header/footer + admin top chrome use dark/gold.
   - No functional/status colors are changed.
   ===================================================================== */

/* Theme selector: each card now looks visibly different even while another
   palette is active. This avoids the old "all cards look the same" effect. */
.theme-palette-card{display:block;overflow:hidden;padding:0!important}
.theme-mini-preview{display:block;height:96px;background:var(--preview-light);border-bottom:1px solid rgba(0,0,0,.07);position:relative;overflow:hidden}
.theme-mini-header{height:28px;background:var(--preview-dark);display:flex;align-items:center;gap:7px;padding:0 10px}
.theme-mini-header i{width:14px;height:14px;border:2px solid var(--preview-accent);border-radius:50%;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--preview-dark) 70%,transparent)}
.theme-mini-header b{width:23px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--preview-accent) 76%,#fff 24%);opacity:.9}
.theme-mini-header b:nth-of-type(1){margin-left:auto}.theme-mini-header b:nth-of-type(2){width:18px}.theme-mini-header b:nth-of-type(3){width:20px}
.theme-mini-body{position:absolute;inset:28px 0 0;padding:13px 12px;background:linear-gradient(145deg,var(--preview-light),color-mix(in srgb,var(--preview-soft) 68%,var(--preview-light)))}
.theme-mini-body i{display:block;border-radius:999px}
.theme-mini-title{width:48%;height:8px;background:var(--preview-dark);margin-bottom:8px}
.theme-mini-line{width:75%;height:4px;background:color-mix(in srgb,var(--preview-dark) 28%,var(--preview-light));margin-bottom:5px}
.theme-mini-line.short{width:56%}
.theme-mini-cta{position:absolute;right:12px;bottom:12px;width:54px;height:17px;background:var(--preview-accent);box-shadow:0 4px 10px color-mix(in srgb,var(--preview-accent) 22%,transparent)}
.theme-palette-head,.theme-palette-card>p,.theme-swatches{margin-left:14px;margin-right:14px}
.theme-palette-head{margin-top:13px}
.theme-palette-card>p{min-height:43px}
.theme-swatches{margin-bottom:14px}
.theme-swatches i{width:34px;height:21px}
.theme-palette-option input:checked+.theme-palette-card:after{content:"AKTİF SEÇİM";position:absolute;right:12px;top:10px;background:var(--preview-accent);color:var(--preview-dark);font-size:7px;font-weight:950;letter-spacing:.08em;padding:5px 7px;border-radius:999px;box-shadow:0 5px 14px rgba(0,0,0,.15)}
.theme-palette-option input:checked+.theme-palette-card{border-color:var(--preview-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--preview-accent) 18%,transparent),0 16px 34px rgba(20,25,22,.08)}

/* Forest Gold: stronger, clearly premium chrome. */
html[data-theme="forest-gold"]{
  --theme-header-dark:#0b2117;
  --theme-gold:#c6a154;
  --theme-gold-light:#e4cb8c;
  --theme-gold-soft:#f3e6c4;
}

/* Public top header: dark background, gold identity/navigation. */
html[data-theme="forest-gold"] .site-header,
html[data-theme="forest-gold"] .site-header.is-scrolled{
  background:rgba(11,33,23,.97)!important;
  border-bottom-color:rgba(198,161,84,.26)!important;
  box-shadow:0 10px 34px rgba(4,18,12,.16)!important;
  backdrop-filter:blur(18px);
}
html[data-theme="forest-gold"] .site-header .brand span{color:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .site-header .brand img,
html[data-theme="forest-gold"] .site-footer .brand img,
html[data-theme="forest-gold"] .sidebar .admin-brand img,
html[data-theme="forest-gold"] .login-visual .admin-brand img{
  /* Logo kaynağı koyu yeşil olsa bile tüm görünür çizgileri tek, net champagne-gold tona çevir.
     brightness(0) önce çember + iç B işaretini siyaha eşitler; devamındaki filtre gerçek gold üretir. */
  filter:brightness(0) saturate(100%) invert(73%) sepia(38%) saturate(754%) hue-rotate(2deg) brightness(92%) contrast(87%)!important;
}
html[data-theme="forest-gold"] .site-header .main-nav>a,
html[data-theme="forest-gold"] .site-header .nav-dropdown>a{color:#d9c17d!important}
html[data-theme="forest-gold"] .site-header .main-nav>a:hover,
html[data-theme="forest-gold"] .site-header .nav-dropdown>a:hover{color:#fff0bb!important}
html[data-theme="forest-gold"] .site-header .nav-toggle span{background:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .site-header .nav-barcode-cta{background:transparent!important;border-color:rgba(228,203,140,.62)!important;color:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .site-header .nav-barcode-cta:hover{background:rgba(198,161,84,.10)!important;border-color:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .site-header>.container>.btn-dark{background:linear-gradient(135deg,#d5b667,#b78c38)!important;color:#112219!important;box-shadow:0 9px 24px rgba(198,161,84,.18)!important}
html[data-theme="forest-gold"] .site-header>.container>.btn-dark:hover{background:linear-gradient(135deg,#e0c57d,#c39847)!important}
html[data-theme="forest-gold"] .site-header .dropdown-panel{background:#10291d!important;border-color:rgba(198,161,84,.28)!important;box-shadow:0 22px 50px rgba(4,18,12,.30)!important}
html[data-theme="forest-gold"] .site-header .dropdown-panel a{color:#d8c594!important}
html[data-theme="forest-gold"] .site-header .dropdown-panel a:hover{background:rgba(198,161,84,.10)!important;color:#fff0bb!important}
html[data-theme="forest-gold"] .site-header .dropdown-panel .dropdown-all{border-color:rgba(198,161,84,.18)!important;color:var(--theme-gold-light)!important}

/* Public footer: dark green/black foundation, gold typography and brand. */
html[data-theme="forest-gold"] .site-footer{
  background:linear-gradient(145deg,#081a12 0%,#0d261a 55%,#102b1e 100%)!important;
  border-top:1px solid rgba(198,161,84,.19);
}
html[data-theme="forest-gold"] .site-footer .brand span,
html[data-theme="forest-gold"] .site-footer h4{color:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .site-footer .footer-brand p,
html[data-theme="forest-gold"] .site-footer .footer-grid>div>p{color:#cbbd91!important}
html[data-theme="forest-gold"] .site-footer .footer-grid>div>a{color:#d4bd7c!important}
html[data-theme="forest-gold"] .site-footer .footer-grid>div>a:hover{color:#fff0b8!important}
html[data-theme="forest-gold"] .site-footer .footer-bottom{color:#ad9b70!important;border-color:rgba(198,161,84,.17)!important}
html[data-theme="forest-gold"] .site-footer .footer-bottom span:last-child{color:#c8b276!important}

/* CTA immediately above the footer continues the dark/gold story. */
html[data-theme="forest-gold"] .footer-cta,
html[data-theme="forest-gold"] .product-quote-band{background:linear-gradient(135deg,#0b2117 0%,#173524 100%)!important}
html[data-theme="forest-gold"] .footer-cta .eyebrow.light{color:var(--theme-gold-light)!important}
html[data-theme="forest-gold"] .footer-cta h2{color:#f7ebc9!important}
html[data-theme="forest-gold"] .footer-cta .btn-light{background:linear-gradient(135deg,#dec274,#bd913f)!important;color:#102219!important}
html[data-theme="forest-gold"] .footer-cta .btn-ghost-light{border-color:rgba(228,203,140,.48)!important;color:var(--theme-gold-light)!important}

/* Admin: sidebar brand + top header become one coherent premium frame. */
html[data-theme="forest-gold"] .sidebar .admin-brand strong,
html[data-theme="forest-gold"] .sidebar .user-mini strong{color:#f0dc9d!important}
html[data-theme="forest-gold"] .topbar{
  background:linear-gradient(90deg,#0b2117,#10291c)!important;
  border-bottom-color:rgba(198,161,84,.23)!important;
  box-shadow:0 8px 28px rgba(4,18,12,.11);
}
html[data-theme="forest-gold"] .topbar h1{color:#f0dc9d!important}
html[data-theme="forest-gold"] .topbar .top-kicker{color:#bfa158!important}
html[data-theme="forest-gold"] .topbar .top-link{background:rgba(198,161,84,.08)!important;border-color:rgba(198,161,84,.25)!important;color:#e0c579!important}
html[data-theme="forest-gold"] .topbar .top-link:hover{background:rgba(198,161,84,.15)!important;border-color:rgba(228,203,140,.52)!important;color:#fff0bb!important}
html[data-theme="forest-gold"] .topbar .mobile-menu{color:var(--theme-gold-light)!important}

/* Settings previews/media get a gold-tinted neutral rather than identical green. */
html[data-theme="forest-gold"] .settings-media-preview,
html[data-theme="forest-gold"] .settings-brand-preview img{background:#f2e6c9!important}
html[data-theme="forest-gold"] .settings-media-preview.logo img,
html[data-theme="forest-gold"] .settings-brand-preview img,
html[data-theme="forest-gold"] .login-panel .admin-brand img{filter:brightness(0) saturate(100%) invert(73%) sepia(38%) saturate(754%) hue-rotate(2deg) brightness(92%) contrast(87%)!important}

@media(max-width:760px){
  .theme-mini-preview{height:88px}
  .theme-palette-card>p{min-height:0}
}


/* v0.16.8 — Forest Gold gerçek gold + düz/tam ekran mobil menü */
html[data-theme="forest-gold"]{
  --theme-gold:#D4AF37;
  --theme-gold-deep:#B89224;
  --theme-gold-light:#D4AF37;
}

/* Koyu yüzeylerde açık sarı yerine tek, tok gerçek gold kullan. */
html[data-theme="forest-gold"] .site-header .brand span,
html[data-theme="forest-gold"] .site-header .main-nav>a,
html[data-theme="forest-gold"] .site-header .nav-dropdown>a,
html[data-theme="forest-gold"] .site-header .dropdown-panel a,
html[data-theme="forest-gold"] .site-header .dropdown-panel .dropdown-all,
html[data-theme="forest-gold"] .site-footer .brand span,
html[data-theme="forest-gold"] .site-footer h4,
html[data-theme="forest-gold"] .site-footer .footer-grid>div>a,
html[data-theme="forest-gold"] .sidebar .admin-brand strong,
html[data-theme="forest-gold"] .sidebar .user-mini strong,
html[data-theme="forest-gold"] .sidebar .side-nav a,
html[data-theme="forest-gold"] .sidebar .side-nav a i,
html[data-theme="forest-gold"] .topbar h1,
html[data-theme="forest-gold"] .topbar .top-kicker,
html[data-theme="forest-gold"] .topbar .top-link{
  color:var(--theme-gold)!important;
}
html[data-theme="forest-gold"] .site-header .main-nav>a:hover,
html[data-theme="forest-gold"] .site-header .nav-dropdown>a:hover,
html[data-theme="forest-gold"] .site-header .dropdown-panel a:hover,
html[data-theme="forest-gold"] .site-footer .footer-grid>div>a:hover,
html[data-theme="forest-gold"] .sidebar .side-nav a:hover,
html[data-theme="forest-gold"] .sidebar .side-nav a.is-active,
html[data-theme="forest-gold"] .topbar .top-link:hover{
  color:#E0BC45!important;
}

/* Koyu/siyah butonların metni gold. */
html[data-theme="forest-gold"] .btn-dark,
html[data-theme="forest-gold"] .admin-btn,
html[data-theme="forest-gold"] .filter-pill.is-active{
  color:var(--theme-gold)!important;
}

/* Marka işareti: çember + iç B aynı gerçek gold. */
html[data-theme="forest-gold"] .site-header .brand img,
html[data-theme="forest-gold"] .site-footer .brand img,
html[data-theme="forest-gold"] .sidebar .admin-brand img,
html[data-theme="forest-gold"] .login-visual .admin-brand img,
html[data-theme="forest-gold"] .login-panel .admin-brand img{
  filter:brightness(0) saturate(100%) invert(68%) sepia(88%) saturate(483%) hue-rotate(5deg) brightness(91%) contrast(92%)!important;
  opacity:1!important;
}



/* =====================================================================
   Baskod Etiket Theme System v2 — v0.16.9
   Premium Identity Pass
   Goal: palettes must feel like different design systems, not recolors.
   Functional/status semantics (success, error, warning) remain untouched.
   ===================================================================== */

/* ---------- Premium theme tokens ---------- */
html[data-theme="forest-gold"]{
  --ink:#102118;--ink-2:#253a30;--muted:#726b5c;--line:#ded1b5;--paper:#f5efe1;--white:#fffdf8;
  --green:#b89224;--green-2:#8f6e19;--mint:#f0e0ac;--sand:#e9dcc1;--bg:#f6f1e7;--sidebar:#071d14;
  --theme-accent:#d4af37;--theme-accent-2:#e4c65f;--theme-accent-soft:#f5e8bd;--theme-surface:#fffdf8;
  --theme-wash-1:#fffdf8;--theme-wash-2:#efe4ca;--theme-sidebar:#071d14;--theme-sidebar-muted:#b8aa83;
  --theme-nav-active-bg:rgba(212,175,55,.16);--theme-nav-active-text:#d4af37;--theme-dark-hover:#173326;
  --premium-header:#071d14;--premium-header-2:#102b20;--premium-on-dark:#d4af37;--premium-on-dark-muted:#baa66b;
  --premium-hero-a:#fffdf7;--premium-hero-b:#efe4ca;--premium-card:#fffdf8;--premium-card-border:#dfcfaa;
  --premium-card-shadow:0 22px 55px rgba(71,51,13,.10);--premium-radius:22px;--premium-metal:#d4af37;
  --premium-button:#102118;--premium-button-text:#d4af37;--premium-soft:#f5e8bd;--premium-footer:#06170f;
  --premium-logo-filter:brightness(0) saturate(100%) invert(68%) sepia(88%) saturate(483%) hue-rotate(5deg) brightness(91%) contrast(92%);
}
html[data-theme="obsidian-gold"]{
  --ink:#191a1b;--ink-2:#353536;--muted:#706d65;--line:#d9d1bf;--paper:#f0ece3;--white:#f8f5ee;
  --green:#a37d31;--green-2:#76591f;--mint:#e8d7ae;--sand:#ded2bd;--bg:#edeae3;--sidebar:#0d0e10;
  --theme-accent:#c9a55b;--theme-accent-2:#e4c983;--theme-accent-soft:#efe3c7;--theme-surface:#f8f5ee;
  --theme-wash-1:#171719;--theme-wash-2:#090a0b;--theme-sidebar:#0d0e10;--theme-sidebar-muted:#aaa59a;
  --theme-nav-active-bg:rgba(201,165,91,.15);--theme-nav-active-text:#e4c983;--theme-dark-hover:#2b2b2d;
  --premium-header:#0b0c0d;--premium-header-2:#18191b;--premium-on-dark:#d6b66d;--premium-on-dark-muted:#a99b7b;
  --premium-hero-a:#171719;--premium-hero-b:#090a0b;--premium-card:#f8f5ee;--premium-card-border:#d4c8ad;
  --premium-card-shadow:0 24px 60px rgba(0,0,0,.14);--premium-radius:16px;--premium-metal:#c9a55b;
  --premium-button:#151618;--premium-button-text:#d6b66d;--premium-soft:#ede3ce;--premium-footer:#08090a;
  --premium-logo-filter:brightness(0) saturate(100%) invert(75%) sepia(35%) saturate(667%) hue-rotate(4deg) brightness(91%) contrast(87%);
}
html[data-theme="midnight-navy"]{
  --ink:#10213a;--ink-2:#2f4868;--muted:#68788e;--line:#d8e0eb;--paper:#eff3f8;--white:#fff;
  --green:#356eb5;--green-2:#234f87;--mint:#dce8f6;--sand:#e9dfc5;--bg:#f1f4f8;--sidebar:#07182e;
  --theme-accent:#356eb5;--theme-accent-2:#d1b778;--theme-accent-soft:#dce8f6;--theme-surface:#fff;
  --theme-wash-1:#07182e;--theme-wash-2:#102d50;--theme-sidebar:#07182e;--theme-sidebar-muted:#9db0ca;
  --theme-nav-active-bg:rgba(70,126,191,.20);--theme-nav-active-text:#d1b778;--theme-dark-hover:#173b67;
  --premium-header:#07182e;--premium-header-2:#102d50;--premium-on-dark:#e3d2a5;--premium-on-dark-muted:#9fb6d1;
  --premium-hero-a:#07182e;--premium-hero-b:#153c68;--premium-card:#fff;--premium-card-border:#cedaea;
  --premium-card-shadow:0 22px 58px rgba(20,55,94,.11);--premium-radius:22px;--premium-metal:#d1b778;
  --premium-button:#356eb5;--premium-button-text:#fff;--premium-soft:#e4edf8;--premium-footer:#061428;
  --premium-logo-filter:brightness(0) saturate(100%) invert(79%) sepia(19%) saturate(804%) hue-rotate(4deg) brightness(91%) contrast(90%);
}
html[data-theme="graphite-mint"]{
  --ink:#1a2421;--ink-2:#33463f;--muted:#68766f;--line:#d4e1db;--paper:#eef5f1;--white:#fcfefd;
  --green:#2e8b72;--green-2:#216954;--mint:#cfe9df;--sand:#e4ebe7;--bg:#eef3f0;--sidebar:#151c1a;
  --theme-accent:#2e8b72;--theme-accent-2:#a7d8c8;--theme-accent-soft:#dcefe8;--theme-surface:#fcfefd;
  --theme-wash-1:#f9fcfa;--theme-wash-2:#dcefe8;--theme-sidebar:#151c1a;--theme-sidebar-muted:#9dafaa;
  --theme-nav-active-bg:rgba(46,139,114,.20);--theme-nav-active-text:#a7d8c8;--theme-dark-hover:#29443a;
  --premium-header:#151c1a;--premium-header-2:#20302b;--premium-on-dark:#a7d8c8;--premium-on-dark-muted:#91aaa1;
  --premium-hero-a:#f9fcfa;--premium-hero-b:#dcefe8;--premium-card:#fcfefd;--premium-card-border:#cddfd7;
  --premium-card-shadow:0 20px 55px rgba(29,70,57,.09);--premium-radius:26px;--premium-metal:#2e8b72;
  --premium-button:#1b312a;--premium-button-text:#bce6d7;--premium-soft:#dcefe8;--premium-footer:#111815;
  --premium-logo-filter:brightness(0) saturate(100%) invert(70%) sepia(17%) saturate(853%) hue-rotate(108deg) brightness(94%) contrast(83%);
}
html[data-theme="navy-copper"]{
  --ink:#14283c;--ink-2:#36516a;--muted:#756f68;--line:#decfc2;--paper:#f4ede5;--white:#fffaf4;
  --green:#b76e46;--green-2:#8f4f2d;--mint:#ead2c2;--sand:#e7d8c9;--bg:#f3eee8;--sidebar:#091d31;
  --theme-accent:#b76e46;--theme-accent-2:#e1b28f;--theme-accent-soft:#f0ddd0;--theme-surface:#fffaf4;
  --theme-wash-1:#fbf6ef;--theme-wash-2:#ead9ca;--theme-sidebar:#091d31;--theme-sidebar-muted:#9eafbd;
  --theme-nav-active-bg:rgba(183,110,70,.20);--theme-nav-active-text:#e1b28f;--theme-dark-hover:#203b54;
  --premium-header:#091d31;--premium-header-2:#12314f;--premium-on-dark:#e1b28f;--premium-on-dark-muted:#aeb8bd;
  --premium-hero-a:#fbf6ef;--premium-hero-b:#ead9ca;--premium-card:#fffaf4;--premium-card-border:#d9c2b2;
  --premium-card-shadow:0 22px 58px rgba(70,45,31,.10);--premium-radius:18px;--premium-metal:#b76e46;
  --premium-button:#112b43;--premium-button-text:#e1b28f;--premium-soft:#f0ddd0;--premium-footer:#071827;
  --premium-logo-filter:brightness(0) saturate(100%) invert(63%) sepia(37%) saturate(994%) hue-rotate(335deg) brightness(90%) contrast(85%);
}
html[data-theme="burgundy-champagne"]{
  --ink:#3a1722;--ink-2:#633342;--muted:#806c72;--line:#e4d3d5;--paper:#f8eeee;--white:#fffaf9;
  --green:#9c3f5d;--green-2:#743046;--mint:#f0d9df;--sand:#eadcc9;--bg:#f7f0ef;--sidebar:#2b0d18;
  --theme-accent:#9c3f5d;--theme-accent-2:#d6bc82;--theme-accent-soft:#f1dde2;--theme-surface:#fffaf9;
  --theme-wash-1:#fff8f5;--theme-wash-2:#f2dcdf;--theme-sidebar:#2b0d18;--theme-sidebar-muted:#baa0a8;
  --theme-nav-active-bg:rgba(214,188,130,.16);--theme-nav-active-text:#d6bc82;--theme-dark-hover:#572034;
  --premium-header:#2b0d18;--premium-header-2:#4b1829;--premium-on-dark:#d6bc82;--premium-on-dark-muted:#c5aeb4;
  --premium-hero-a:#fff8f5;--premium-hero-b:#f2dcdf;--premium-card:#fffaf9;--premium-card-border:#dfc6ca;
  --premium-card-shadow:0 22px 58px rgba(76,27,43,.10);--premium-radius:28px;--premium-metal:#d6bc82;
  --premium-button:#7f334d;--premium-button-text:#fff8f4;--premium-soft:#f1dde2;--premium-footer:#240a14;
  --premium-logo-filter:brightness(0) saturate(100%) invert(79%) sepia(22%) saturate(751%) hue-rotate(3deg) brightness(91%) contrast(89%);
}
html[data-theme="titanium-ice"]{
  --ink:#18242d;--ink-2:#3e5362;--muted:#6e7d88;--line:#d3dde4;--paper:#edf2f5;--white:#fff;
  --green:#6d9fc3;--green-2:#4c7899;--mint:#dce8ef;--sand:#e6ecef;--bg:#eff3f6;--sidebar:#101820;
  --theme-accent:#6d9fc3;--theme-accent-2:#c9d5de;--theme-accent-soft:#e1ebf1;--theme-surface:#fff;
  --theme-wash-1:#f8fafc;--theme-wash-2:#dfe8ee;--theme-sidebar:#101820;--theme-sidebar-muted:#9baab5;
  --theme-nav-active-bg:rgba(109,159,195,.18);--theme-nav-active-text:#c9d5de;--theme-dark-hover:#263b49;
  --premium-header:#101820;--premium-header-2:#22323e;--premium-on-dark:#c9d5de;--premium-on-dark-muted:#91a5b3;
  --premium-hero-a:#fbfcfd;--premium-hero-b:#dde7ed;--premium-card:#fff;--premium-card-border:#cdd9e0;
  --premium-card-shadow:0 18px 48px rgba(31,57,73,.09);--premium-radius:16px;--premium-metal:#8eb8d3;
  --premium-button:#203746;--premium-button-text:#eaf2f7;--premium-soft:#e1ebf1;--premium-footer:#0d151b;
  --premium-logo-filter:brightness(0) saturate(100%) invert(78%) sepia(16%) saturate(473%) hue-rotate(158deg) brightness(94%) contrast(88%);
}

/* ---------- Common premium chrome (Classic Baskod intentionally excluded) ---------- */
html[data-theme]:not([data-theme="classic-baskod"]) .site-header,
html[data-theme]:not([data-theme="classic-baskod"]) .site-header.is-scrolled{
  background:linear-gradient(100deg,var(--premium-header),var(--premium-header-2))!important;
  border-bottom:1px solid color-mix(in srgb,var(--premium-metal) 26%,transparent)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--premium-header) 28%,transparent)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .brand span,
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .main-nav>a,
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .nav-dropdown>a{
  color:var(--premium-on-dark)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .main-nav>a:hover,
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .nav-dropdown>a:hover{color:color-mix(in srgb,var(--premium-on-dark) 76%,#fff 24%)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .nav-toggle span{background:var(--premium-on-dark)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer .brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .admin-brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .login-visual .admin-brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .login-panel .admin-brand img{filter:var(--premium-logo-filter)!important;opacity:1!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header>.container>.btn-dark{
  background:var(--premium-metal)!important;color:var(--premium-header)!important;border-color:transparent!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--premium-metal) 22%,transparent)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .nav-barcode-cta{
  background:transparent!important;color:var(--premium-on-dark)!important;border-color:color-mix(in srgb,var(--premium-on-dark) 52%,transparent)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .dropdown-panel{
  background:var(--premium-header-2)!important;border-color:color-mix(in srgb,var(--premium-metal) 28%,transparent)!important;
  box-shadow:0 24px 55px color-mix(in srgb,var(--premium-header) 45%,transparent)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .dropdown-panel a{color:var(--premium-on-dark)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .dropdown-panel a:hover{background:color-mix(in srgb,var(--premium-metal) 11%,transparent)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .dropdown-panel .dropdown-all{border-color:color-mix(in srgb,var(--premium-metal) 20%,transparent)!important}

/* Hero identity: each palette controls its own atmosphere. */
html[data-theme]:not([data-theme="classic-baskod"]) :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){
  background:linear-gradient(145deg,var(--premium-hero-a) 0%,var(--premium-hero-b) 100%)!important;
  border-color:var(--line)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.product-card,.sector-card,.guide-card,.form-card,.contact-card,.quote-form-card,.generator-panel,.preview-panel,.product-spec-card,.product-spec-panel,.product-selection-card,.sector-use-card,.why-point,.process-item){
  background:var(--premium-card)!important;border-color:var(--premium-card-border)!important;border-radius:var(--premium-radius)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.product-card,.sector-card,.guide-card,.contact-card,.sector-use-card):hover{
  border-color:color-mix(in srgb,var(--premium-metal) 55%,var(--premium-card-border))!important;
  box-shadow:var(--premium-card-shadow)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.product-media,.product-visual-v2,.sector-visual-core,.detail-media){background:var(--premium-soft)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .btn-dark{background:var(--premium-button)!important;color:var(--premium-button-text)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .btn-dark:hover{background:color-mix(in srgb,var(--premium-button) 84%,var(--premium-metal))!important}
html[data-theme]:not([data-theme="classic-baskod"]) .btn-outline{background:var(--premium-card)!important;border-color:color-mix(in srgb,var(--premium-metal) 45%,var(--line))!important}
html[data-theme]:not([data-theme="classic-baskod"]) .eyebrow{color:var(--green)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .section-soft{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 72%,var(--white)))!important}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.footer-cta,.product-quote-band){background:linear-gradient(135deg,var(--premium-header),var(--premium-header-2))!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer{background:linear-gradient(145deg,var(--premium-footer),var(--premium-header-2))!important;border-top:1px solid color-mix(in srgb,var(--premium-metal) 18%,transparent)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer :is(.brand span,h4){color:var(--premium-on-dark)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer .footer-grid>div>a{color:color-mix(in srgb,var(--premium-on-dark) 82%,#fff 18%)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer :is(.footer-brand p,.footer-grid>div>p,.footer-bottom){color:var(--premium-on-dark-muted)!important}

/* Admin uses the same identity, but keeps content surfaces calm and readable. */
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar{background:linear-gradient(180deg,var(--premium-header),var(--premium-footer))!important}
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .admin-brand strong{color:var(--premium-on-dark)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar :is(.side-nav a,.side-nav a i){color:color-mix(in srgb,var(--premium-on-dark) 74%,var(--premium-on-dark-muted))!important}
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .side-nav a:hover,
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .side-nav a.is-active{background:var(--theme-nav-active-bg)!important;color:var(--theme-nav-active-text)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .topbar{
  background:linear-gradient(100deg,var(--premium-header),var(--premium-header-2))!important;
  border-bottom-color:color-mix(in srgb,var(--premium-metal) 22%,transparent)!important;
  box-shadow:0 8px 26px color-mix(in srgb,var(--premium-header) 15%,transparent)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .topbar :is(h1,.top-kicker,.top-link,.mobile-menu){color:var(--premium-on-dark)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .topbar .top-link{background:color-mix(in srgb,var(--premium-metal) 8%,transparent)!important;border-color:color-mix(in srgb,var(--premium-metal) 25%,transparent)!important}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.stat-card,.panel,.form-section,.login-card,.settings-media-card,.settings-switch-row,.quick-link,.analytics-stat,.analytics-box){
  background:var(--premium-card)!important;border-color:var(--premium-card-border)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.stat-card,.panel,.form-section){box-shadow:0 8px 25px color-mix(in srgb,var(--premium-header) 4%,transparent)}
html[data-theme]:not([data-theme="classic-baskod"]) :is(.stat-icon,.settings-section-head>span,.mail-empty-icon){background:var(--premium-soft)!important;color:var(--green)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .admin-btn:not(.danger){background:var(--premium-button)!important;color:var(--premium-button-text)!important;border-color:transparent!important}
html[data-theme]:not([data-theme="classic-baskod"]) .admin-btn.secondary{background:var(--premium-card)!important;color:var(--ink)!important;border-color:var(--premium-card-border)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .analytics-bar{background:color-mix(in srgb,var(--premium-soft) 70%,#fff)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .analytics-bar i{background:var(--green)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .mail-row{background:var(--premium-card)!important;border-color:var(--premium-card-border)!important}
html[data-theme]:not([data-theme="classic-baskod"]) .mail-row.is-unread{background:color-mix(in srgb,var(--premium-soft) 56%,var(--premium-card))!important}

/* ---------- Signature differences: these are intentionally not uniform. ---------- */
/* Forest Gold: warm ivory, gold pinstripes, restrained luxury. */
html[data-theme="forest-gold"] :is(.product-card,.sector-card,.why-point,.process-item,.form-card,.contact-card){box-shadow:inset 0 2px 0 rgba(212,175,55,.11)}
html[data-theme="forest-gold"] .hero:before{background:radial-gradient(circle,rgba(212,175,55,.20),rgba(212,175,55,0) 67%)!important}
html[data-theme="forest-gold"] .why-feature{background:linear-gradient(145deg,#071d14,#123525)!important;color:#fff8df!important}
html[data-theme="forest-gold"] .floating-note{background:#0a2519!important;color:#d4af37!important;border:1px solid rgba(212,175,55,.28)}

/* Obsidian Gold: hero itself is dark; content panels are porcelain with sharper geometry. */
html[data-theme="obsidian-gold"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){color:#f4ead2!important;border-color:#282522!important}
html[data-theme="obsidian-gold"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero) :is(h1,h2,h3,strong){color:#f5ecd7!important}
html[data-theme="obsidian-gold"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero) :is(p,.lead,.hero-detail,.breadcrumb){color:#bdb5a5!important}
html[data-theme="obsidian-gold"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.barcode-hero) .eyebrow{color:#c9a55b!important}
html[data-theme="obsidian-gold"] :is(.product-card,.sector-card,.guide-card,.why-point,.process-item){border-top:2px solid #c9a55b!important}
html[data-theme="obsidian-gold"] .product-media{background:#e8e0d2!important}
html[data-theme="obsidian-gold"] .why-feature{background:#0e0f10!important;border:1px solid #393329}

/* Royal Sapphire: immersive navy hero + sapphire CTA, champagne only as fine jewelry accent. */
html[data-theme="midnight-navy"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){color:#fff!important;box-shadow:inset 0 -1px 0 rgba(209,183,120,.18)}
html[data-theme="midnight-navy"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero) :is(h1,h2,h3,strong){color:#fff!important}
html[data-theme="midnight-navy"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero) :is(p,.lead,.hero-detail,.breadcrumb){color:#c5d3e3!important}
html[data-theme="midnight-navy"] :is(.hero,.page-hero,.sector-hero,.barcode-hero):before{background:radial-gradient(circle,rgba(80,145,218,.38),transparent 68%)!important}
html[data-theme="midnight-navy"] .btn-dark{background:#356eb5!important;color:#fff!important}
html[data-theme="midnight-navy"] :is(.product-card,.sector-card,.analytics-stat){box-shadow:inset 0 1px 0 rgba(53,110,181,.08)}
html[data-theme="midnight-navy"] .why-feature{background:linear-gradient(145deg,#07182e,#184b7c)!important}

/* Emerald Graphite: airy mint surfaces + dark graphite structure, softer radii. */
html[data-theme="graphite-mint"] .hero{background:linear-gradient(120deg,#fbfdfc 0%,#edf8f3 52%,#cfe9df 100%)!important}
html[data-theme="graphite-mint"] :is(.product-card,.sector-card,.why-point,.process-item){border-color:#c9ded5!important}
html[data-theme="graphite-mint"] :is(.product-card,.sector-card):hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(33,105,84,.12)!important}
html[data-theme="graphite-mint"] .why-feature{background:linear-gradient(145deg,#151c1a,#24443a)!important}
html[data-theme="graphite-mint"] .floating-note{background:#18362d!important;color:#b9e6d7!important}

/* Navy Copper: warm editorial parchment with copper rules; industrial but luxurious. */
html[data-theme="navy-copper"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){background:linear-gradient(125deg,#fffaf3 0%,#f3e5d8 64%,#e4c3aa 100%)!important}
html[data-theme="navy-copper"] :is(.product-card,.sector-card,.why-point,.process-item){border-bottom:3px solid rgba(183,110,70,.55)!important}
html[data-theme="navy-copper"] .why-feature{background:linear-gradient(145deg,#091d31,#173b59)!important;color:#f5dfcf!important}
html[data-theme="navy-copper"] .btn-dark{background:#112b43!important;color:#e1b28f!important}
html[data-theme="navy-copper"] .eyebrow{color:#a95f37!important}

/* Burgundy Champagne: soft blush canvas, wine CTAs, champagne on dark chrome. */
html[data-theme="burgundy-champagne"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){background:radial-gradient(circle at 88% 15%,rgba(214,188,130,.28),transparent 28%),linear-gradient(145deg,#fff9f7,#f2dcdf)!important}
html[data-theme="burgundy-champagne"] :is(.product-card,.sector-card,.guide-card,.form-card,.contact-card){box-shadow:0 13px 34px rgba(84,31,49,.055)}
html[data-theme="burgundy-champagne"] .why-feature{background:linear-gradient(145deg,#2b0d18,#5b1d32)!important;color:#f8e7d1!important}
html[data-theme="burgundy-champagne"] .btn-dark{background:#7f334d!important;color:#fff8f4!important}
html[data-theme="burgundy-champagne"] .product-kicker,html[data-theme="burgundy-champagne"] .eyebrow{color:#9c3f5d!important}

/* Titanium Ice: crisp precision, silver/ice surfaces, less rounded and more technical. */
html[data-theme="titanium-ice"] :is(.hero,.page-hero,.product-page-hero,.sector-hero,.sector-detail-hero,.barcode-hero,.about-hero,.contact-hero,.quote-hero){background:linear-gradient(135deg,#fcfdfe 0%,#edf3f7 54%,#d7e2e9 100%)!important}
html[data-theme="titanium-ice"] :is(.product-card,.sector-card,.guide-card,.why-point,.process-item,.form-card,.contact-card){box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(27,54,71,.055)}
html[data-theme="titanium-ice"] .why-feature{background:linear-gradient(145deg,#101820,#263d4b)!important;color:#eaf3f8!important}
html[data-theme="titanium-ice"] .btn-dark{background:#203746!important;color:#eaf2f7!important}
html[data-theme="titanium-ice"] .eyebrow{color:#547f9e!important}

/* ---------- Theme selector v2: individual mini design systems ---------- */
.theme-palette-grid{gap:16px!important}
.theme-palette-card{
  --preview-border:color-mix(in srgb,var(--preview-dark) 18%,var(--preview-accent));
  background:var(--preview-card)!important;color:var(--preview-ink)!important;border:1px solid var(--preview-border)!important;
  border-radius:18px!important;box-shadow:0 12px 30px color-mix(in srgb,var(--preview-dark) 8%,transparent)!important;
}
.theme-palette-option:hover .theme-palette-card{transform:translateY(-3px)!important;box-shadow:0 18px 38px color-mix(in srgb,var(--preview-dark) 13%,transparent)!important}
.theme-palette-option input:checked+.theme-palette-card{border-color:var(--preview-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--preview-accent) 22%,transparent),0 18px 38px color-mix(in srgb,var(--preview-dark) 12%,transparent)!important}
.theme-mini-preview{height:132px!important;background:var(--preview-light)!important;border-bottom:1px solid color-mix(in srgb,var(--preview-dark) 12%,transparent)!important}
.theme-mini-header{height:32px!important;background:var(--preview-dark)!important}
.theme-mini-header i{border-color:var(--preview-accent)!important}
.theme-mini-header b{background:color-mix(in srgb,var(--preview-accent) 88%,#fff 12%)!important;opacity:.88}
.theme-mini-body{position:relative;display:block;height:100px;padding:13px 13px 10px;background:linear-gradient(135deg,var(--preview-light),var(--preview-soft))}
.theme-mini-kicker{display:block;width:28px;height:4px;border-radius:99px;background:var(--preview-accent);margin-bottom:7px}
.theme-mini-title{display:block;width:46%;height:6px;border-radius:99px;background:var(--preview-ink);margin-bottom:6px}
.theme-mini-line{display:block;width:62%;height:3px;border-radius:99px;background:color-mix(in srgb,var(--preview-ink) 28%,transparent);margin-top:4px}
.theme-mini-line.short{width:40%}
.theme-mini-cta{position:absolute;right:14px;top:18px;width:38px;height:15px;border-radius:99px;background:var(--preview-accent)}
.theme-mini-cards{position:absolute;left:13px;right:13px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.theme-mini-cards i{height:28px;border:1px solid color-mix(in srgb,var(--preview-dark) 15%,transparent);background:color-mix(in srgb,var(--preview-card) 91%,var(--preview-soft));border-radius:7px;box-shadow:0 3px 8px color-mix(in srgb,var(--preview-dark) 6%,transparent)}
.theme-palette-head,.theme-palette-card>p,.theme-swatches{color:var(--preview-ink)!important}
.theme-palette-card>p{color:color-mix(in srgb,var(--preview-ink) 60%,transparent)!important}
.theme-palette-badge{background:color-mix(in srgb,var(--preview-accent) 15%,var(--preview-card))!important;color:color-mix(in srgb,var(--preview-accent) 78%,var(--preview-ink))!important}
.theme-swatches i{width:29px!important;height:20px!important}
.theme-palette-option input:checked+.theme-palette-card:after{background:var(--preview-accent)!important;color:var(--preview-dark)!important}

/* Obsidian preview is intentionally dark; it should not resemble Forest Gold. */
.theme-palette-card[data-preview="obsidian"] .theme-mini-body{background:linear-gradient(145deg,#18191b,#0c0d0e)!important}
.theme-palette-card[data-preview="obsidian"] :is(.theme-mini-title,.theme-mini-line){background:#e7dfcf!important}
.theme-palette-card[data-preview="obsidian"] .theme-mini-line{opacity:.34}
.theme-palette-card[data-preview="obsidian"] .theme-mini-cards i{background:#f3eee4;border-color:#c9a55b;border-radius:4px}
/* Sapphire preview uses immersive navy with bright blue CTA and champagne micro-accent. */
.theme-palette-card[data-preview="sapphire"] .theme-mini-body{background:linear-gradient(135deg,#07182e,#174875)!important}
.theme-palette-card[data-preview="sapphire"] .theme-mini-kicker{background:#d1b778}
.theme-palette-card[data-preview="sapphire"] .theme-mini-title{background:#fff!important}
.theme-palette-card[data-preview="sapphire"] .theme-mini-line{background:#b9cae0!important;opacity:.62}
.theme-palette-card[data-preview="sapphire"] .theme-mini-cta{background:#356eb5;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.theme-palette-card[data-preview="sapphire"] .theme-mini-cards i{background:#f7f9fc;border-color:#aebfd3}
/* Emerald preview is light/glassy with a graphite header. */
.theme-palette-card[data-preview="emerald"] .theme-mini-body{background:linear-gradient(125deg,#fcfefd,#d8eee6)!important}
.theme-palette-card[data-preview="emerald"] .theme-mini-cards i{border-radius:11px;background:rgba(255,255,255,.84);border-color:#a9cfc0}
/* Copper preview is editorial warm parchment with copper underscoring. */
.theme-palette-card[data-preview="copper"] .theme-mini-body{background:linear-gradient(125deg,#fffaf4,#ead6c6)!important}
.theme-palette-card[data-preview="copper"] .theme-mini-cards i{border-radius:5px;border-bottom:3px solid #b76e46;background:#fff8f0}
/* Burgundy preview uses blush surfaces and softer luxury geometry. */
.theme-palette-card[data-preview="burgundy"] .theme-mini-body{background:radial-gradient(circle at 88% 12%,rgba(214,188,130,.35),transparent 30%),linear-gradient(135deg,#fff9f7,#efd9df)!important}
.theme-palette-card[data-preview="burgundy"] .theme-mini-cards i{border-radius:12px;background:#fffaf9;border-color:#d8b7bf}
/* Titanium preview is crisp, technical and silver-blue. */
.theme-palette-card[data-preview="titanium"] .theme-mini-body{background:linear-gradient(135deg,#fff,#dce7ee)!important}
.theme-palette-card[data-preview="titanium"] .theme-mini-cards i{border-radius:3px;background:#f9fbfc;border-color:#b9c8d2;box-shadow:inset 0 1px 0 #fff}
/* Classic preview remains the original neutral green design. */
.theme-palette-card[data-preview="classic"] .theme-mini-body{background:linear-gradient(180deg,#fbfcfa,#edf5ef)!important}

@media(max-width:760px){
  .theme-mini-preview{height:124px!important}
  .theme-mini-body{height:92px}
}

/* =====================================================================
   Premium brand tone lock
   Logo mark + Baskod Etiket wordmark use the exact same rendered tone on
   premium dark chrome by applying the same theme filter to both elements.
   ===================================================================== */

/* Exact visual match: both the image pixels and wordmark glyphs are normalized
   through the same theme filter. This removes the small tone difference that
   appears when the PNG/SVG and CSS text are colored by different methods. */
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .brand span,
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer .brand span,
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .admin-brand strong,
html[data-theme]:not([data-theme="classic-baskod"]) .login-visual .admin-brand strong,
html[data-theme]:not([data-theme="classic-baskod"]) .login-panel .admin-brand strong{
  color:#fff!important;
  filter:var(--premium-logo-filter)!important;
}
html[data-theme]:not([data-theme="classic-baskod"]) .site-header .brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .site-footer .brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .sidebar .admin-brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .login-visual .admin-brand img,
html[data-theme]:not([data-theme="classic-baskod"]) .login-panel .admin-brand img{
  filter:var(--premium-logo-filter)!important;
  opacity:1!important;
}

/* Classic theme: keep its original identity on light header, but force its
   dark footer/sidebar mark + wordmark to the same white tone. */
html[data-theme="classic-baskod"] .site-footer .brand img,
html[data-theme="classic-baskod"] .sidebar .admin-brand img,
html[data-theme="classic-baskod"] .login-visual .admin-brand img{
  filter:brightness(0) invert(1)!important;
}
html[data-theme="classic-baskod"] .site-footer .brand span,
html[data-theme="classic-baskod"] .sidebar .admin-brand strong,
html[data-theme="classic-baskod"] .login-visual .admin-brand strong{
  color:#fff!important;
}

/* v0.16.14 — Legacy mobile .main-nav overrides removed.
   Mobile navigation is now exclusively handled by mobile-nav-v01613.css. */