/* =====================================================================
   brokerins-theme-dark.css – тъмна тема за brokerins.bg
   ---------------------------------------------------------------------
   Зарежда се СЛЕД brokerins-design-system.css. Не променя светлата тема:
   всички правила са под html[data-theme="dark"], който се поставя от
   brokerins-theme.js (системна настройка или изричен избор).
   Цветовете са изведени от марковия --ink #1E2060.
   ===================================================================== */

/* ---------- 1. Токени ---------- */
html[data-theme="dark"]{
  color-scheme:dark;                 /* тъмни scrollbar-и, полета, date picker */
  --ink:#ECEDFA;                     /* основен текст (беше тъмносин) */
  --ink-soft:#C6C8EC;
  --paper:#0F1030;                   /* фон на страницата */
  --white:#1A1C48;                   /* фон на карти/панели ("повърхност") */
  --border:#33366E;
  --muted:#A6A8CE;
  --muted-soft:#8C8FBA;
  --blue:#6F93FF;                    /* малко по-светъл за контраст върху тъмно */
  --shadow-blue:  0 3px 10px rgba(0,0,0,0.35);
  --shadow-orange:0 3px 10px rgba(0,0,0,0.35);
  --shadow-purple:0 3px 10px rgba(0,0,0,0.35);
  --shadow-green: 0 3px 10px rgba(0,0,0,0.35);
  --shadow-neutral:0 3px 10px rgba(0,0,0,0.35);

  /* помощни токени само за тъмната тема */
  --dk-surface-2:#23266A;            /* "мастилени" блокове (expertise, partner-main…) */
  --dk-outline:#4A4E95;              /* контур на карти вместо ярък --ink */
  --dk-footer:#0A0B22;
  --dk-link:#9DB3FF;
}

/* ---------- 2. Хедър, навигация, crumbs ---------- */
html[data-theme="dark"] header{background:rgba(15,16,48,0.88);border-bottom-color:var(--border);}
html[data-theme="dark"] .crumbbar,
html[data-theme="dark"] .topbar{background:rgba(15,16,48,0.88);}
html[data-theme="dark"] .mega-panel{border-color:var(--dk-outline);box-shadow:0 18px 40px rgba(0,0,0,0.5);}
html[data-theme="dark"] .mega a:hover{background:var(--dk-surface-2);}
html[data-theme="dark"] .brand-fallback svg [stroke="#1E2060"]{stroke:#fff;}
html[data-theme="dark"] .brand-fallback svg [fill="#1E2060"]{fill:#fff;}
html[data-theme="dark"] .logo-chip{background:transparent;}          /* правило за лого на тъмен фон */
html[data-theme="dark"] .drawer-panel{border-left:1.5px solid var(--border);}

/* ---------- 3. Бутони ---------- */
/* .btn-primary вече става светъл бутон с тъмен текст през токените */
html[data-theme="dark"] .btn{border-color:var(--ink);}
html[data-theme="dark"] .btn-ghost{border-color:var(--dk-outline);}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-ghost:hover,
html[data-theme="dark"] .btn-green:hover{box-shadow:0 10px 22px rgba(0,0,0,0.45);}
html[data-theme="dark"] .btn-green{box-shadow:var(--shadow-green);}

/* ---------- 4. Карти: бял фон -> повърхност, ярък контур -> омекотен ---------- */
html[data-theme="dark"] :is(
  .hero-offer-card,.cover-card,.special-card,.benefit-card,.doc-card,
  .audience-card,.partner-tile,.mini-info-card,.retail-line,.comic-card,
  .subvertical-card,.intl-product-card,.rep-card,.other-sectors-list a,
  .intl-partner-badge,.rep-grid
){background:var(--white);}
html[data-theme="dark"] :is(
  .hero-offer-card,.cover-card,.special-card,.benefit-card,.doc-card,
  .audience-card,.partner-tile,.mini-info-card,.retail-line,.comic-card,
  .cta-tile,.sector-card,.partner-card,.news-card,.loc-card,.rep-network,
  .portal,.search-panel,.mega-panel,.rep-grid,.team-dialog,.rep-dialog
){border-color:var(--dk-outline);}
html[data-theme="dark"] :is(.cover-card,.special-card,.benefit-card,.audience-card,
  .partner-tile,.cta-tile,.sector-card,.partner-card,.news-card,.mini-info-card):hover{
  border-color:var(--ink-soft);
}
html[data-theme="dark"] .cover-card .ic,
html[data-theme="dark"] .sector-card .ic{border-color:var(--dk-outline);}
html[data-theme="dark"] .fact-card{background:#202352;}
html[data-theme="dark"] .doc-body{color:#D5D7F2;}
html[data-theme="dark"] .doc-card{box-shadow:0 6px 18px rgba(0,0,0,0.4);}

/* полета във формуляри */
html[data-theme="dark"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]){
  background-color:#13153A;color:var(--ink);border-color:var(--border);
}
html[data-theme="dark"] .hero-offer-field :is(input,select){background:#13153A;}
html[data-theme="dark"] ::placeholder{color:var(--muted-soft);opacity:1;}
html[data-theme="dark"] .search-input-row input{background:transparent;}

/* ---------- 5. Пастелни икони/етикети -> полупрозрачни тонове ---------- */
html[data-theme="dark"] .sc-blue .ic,html[data-theme="dark"] .app-chip,
html[data-theme="dark"] .regional-badge,html[data-theme="dark"] #special-products .retail-line .ic{background:rgba(111,147,255,0.16);}
html[data-theme="dark"] .sc-orange .ic,html[data-theme="dark"] .loc-row .ic{background:rgba(255,154,82,0.16);}
html[data-theme="dark"] .sc-purple .ic{background:rgba(185,138,255,0.18);}
html[data-theme="dark"] .sc-green .ic,html[data-theme="dark"] .retail-line .ic{background:rgba(34,197,94,0.16);}
html[data-theme="dark"] #special-products .retail-line .ic.ic-badge,
html[data-theme="dark"] .ic.ic-badge{background:none;}
html[data-theme="dark"] .retail-line span.go{color:#5BE08F;}

/* news/doc етикети и audience badge */
html[data-theme="dark"] :is(.nt-new,.doc-tag.nt-new,.ac-blue .badge){background:rgba(111,147,255,0.18);color:#A9BDFF;}
html[data-theme="dark"] :is(.nt-partner,.doc-tag.nt-partner,.ac-orange .badge){background:rgba(255,154,82,0.18);color:#FFB98A;}
html[data-theme="dark"] :is(.nt-award,.doc-tag.nt-award){background:rgba(185,138,255,0.2);color:#D3B5FF;}
html[data-theme="dark"] :is(.nt-analysis,.doc-tag.nt-analysis,.ac-green .badge){background:rgba(34,197,94,0.18);color:#6EE7A0;}
html[data-theme="dark"] :is(.nt-blog,.doc-tag.nt-blog){background:rgba(20,184,196,0.18);color:#6FDDE6;}
html[data-theme="dark"] :is(.nt-accent,.doc-tag.nt-accent){background:rgba(239,69,128,0.18);color:#FF8FB4;}
html[data-theme="dark"] :is(.nt-service,.doc-tag.nt-service){background:rgba(255,196,0,0.16);color:#FFD66B;}
/* етикетите върху снимка остават плътни, за да се четат */
html[data-theme="dark"] .news-img-wrap .news-tag,
html[data-theme="dark"] .doc-hero-wrap .doc-tag{background-color:#1A1C48;}

/* ---------- 6. "Мастилени" блокове: остават тъмносини, не се обръщат ---------- */
html[data-theme="dark"] :is(.partner-main,.expertise,.exp-item,.store-badges .store-badge){
  background:var(--dk-surface-2);color:#fff;
}
html[data-theme="dark"] .expertise,
html[data-theme="dark"] .partner-main{border:1.5px solid var(--dk-outline);}
html[data-theme="dark"] .process-step .pn{background:var(--dk-surface-2);color:#fff;box-shadow:0 0 0 1.5px var(--dk-outline);}
html[data-theme="dark"] .rep-map-link:hover{background:var(--dk-surface-2);color:#fff;border-color:var(--dk-outline);}
html[data-theme="dark"] .exp-item .n{color:var(--blue);}
html[data-theme="dark"] .exp-item a.link-arrow{color:var(--dk-link);}
html[data-theme="dark"] .cta-band{
  background:linear-gradient(120deg,#23266A,#33367F);border:1.5px solid var(--dk-outline);
}
html[data-theme="dark"] .cta-band .btn-primary{background:#fff;color:#1E2060;border-color:#fff;}
html[data-theme="dark"] .sector-hero.no-photo{background:linear-gradient(135deg,#1E2060 0%,#33357A 55%,#3A3C7A 100%);}

/* зона "Лично застраховане" (зелен пастелен фон в светлата тема) */
html[data-theme="dark"] .retail-zone{background:#10251B;border-color:#1F7A44;}
html[data-theme="dark"] .retail-24-badge{background:var(--dk-surface-2);color:#fff;box-shadow:0 0 0 1.5px var(--dk-outline);}
html[data-theme="dark"] .retail-line{border-color:var(--dk-outline);}

/* бутони от локални <style> блокове със "background:var(--ink);color:#fff"
   (плащане, запитване в новина) – стават светли с тъмен текст като .btn-primary */
html[data-theme="dark"] :is(.pay-btn,.doc-inquiry-btn){color:#1E2060;}
html[data-theme="dark"] .team-photo{background:linear-gradient(135deg,#1E2060 0%,#5982FF 100%);}
html[data-theme="dark"] .careers-cta{background:rgba(111,147,255,0.10);}

/* ---------- 7. Футър (по-тъмен от страницата, за да се отделя) ---------- */
html[data-theme="dark"] footer{background:var(--dk-footer);border-top:1px solid var(--border);}

/* ---------- 8. Карта на България ---------- */
/* brokerins-img-map-bulgaria.png е прозрачен PNG със светлосива (#E7E7E8)
   форма. В тъмна тема картинката се ползва като МАСКА върху псевдо-елемент:
   формата се оцветява в тъмносин тон, без да се пипа самия PNG и без филтър
   върху пиновете (те са деца на .map-canvas и остават над ::before). */
html[data-theme="dark"] .map-shell{background:var(--white);border-color:var(--dk-outline);}
html[data-theme="dark"] .map-canvas{background:transparent;isolation:isolate;}
html[data-theme="dark"] .map-canvas::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:#2C3074;
  -webkit-mask:url('brokerins-img-map-bulgaria.png') center/contain no-repeat;
          mask:url('brokerins-img-map-bulgaria.png') center/contain no-repeat;
}
html[data-theme="dark"] .city-lbl{background:rgba(15,16,48,0.92);border-color:rgba(255,255,255,0.16);color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,0.4);}
html[data-theme="dark"] .map-pin:hover .city-lbl{background:var(--dk-surface-2);box-shadow:0 6px 14px rgba(0,0,0,0.5);}
html[data-theme="dark"] .map-pin.is-new .city-lbl{color:var(--dk-link);}
/* .pin-mark (ново представителство) остава бял кръг: логото вътре е с щрих #1E2060 */
html[data-theme="dark"] .map-pin img{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.55));}

/* ---------- 9. Търсене, drawer, overlay ---------- */
html[data-theme="dark"] .search-panel{box-shadow:0 30px 60px rgba(0,0,0,0.6);}
html[data-theme="dark"] .search-results mark{background:rgba(255,196,0,0.3);}
html[data-theme="dark"] .search-overlay{background:rgba(3,4,16,0.7);}
html[data-theme="dark"] :is(.rep-dialog,.team-dialog)::backdrop{background:rgba(3,4,16,0.72);}
html[data-theme="dark"] :is(.rep-dialog,.team-dialog){box-shadow:0 24px 60px rgba(0,0,0,0.6);}

/* ---------- 10. Inline стилове в HTML (атрибутни селектори) ---------- */
html[data-theme="dark"] [style*="background:#EAF0FF"],
html[data-theme="dark"] [style*="background:#F5F8FF"],
html[data-theme="dark"] [style*="background:#F5F8FE"]{background:rgba(111,147,255,0.14) !important;}
html[data-theme="dark"] [style*="background:#FFF1E6"]{background:rgba(255,154,82,0.16) !important;}
html[data-theme="dark"] [style*="background:#F4EDFF"]{background:rgba(185,138,255,0.18) !important;}
html[data-theme="dark"] [style*="background:#E9FBF0"],
html[data-theme="dark"] [style*="background:#F3FCF6"]{background:rgba(34,197,94,0.14) !important;}
html[data-theme="dark"] [style*="background:#FFF7E6"]{background:rgba(255,196,0,0.12) !important;border-color:#8A6A1F !important;color:#FFD66B !important;}
html[data-theme="dark"] [style*="color:#2B4FCB"]{color:#A9BDFF !important;}
html[data-theme="dark"] [style*="color:#128A45"]{color:#6EE7A0 !important;}
html[data-theme="dark"] [style*="color:#B5591C"]{color:#FFB98A !important;}
html[data-theme="dark"] [style*="color:#7233C9"]{color:#D3B5FF !important;}
html[data-theme="dark"] input[style*="background:#fff"],
html[data-theme="dark"] select[style*="background:#fff"],
html[data-theme="dark"] textarea[style*="background:#fff"]{background:#13153A !important;}


/* съобщение на формата за оферта (#q-status): brokerins-quote-*.js задава
   el.style.color = '#15803D' / '#B4235A', а браузърът го записва като rgb() */
html[data-theme="dark"] #q-status[style*="21, 128, 61"]{color:#6EE7A0 !important;}
html[data-theme="dark"] #q-status[style*="180, 35, 90"]{color:#FF8FB4 !important;}

/* ---------- 11. Снимки: леко приглушаване, без да се губи цвят ---------- */
html[data-theme="dark"] :is(.news-img-wrap img,.doc-hero,.comic-card img){filter:brightness(0.92);}

/* ---------- 12. Превключвател на темата (създават се от brokerins-theme.js) ----------
   Тези правила важат и в светлата тема. */
/* 12a. Футър (тъмен фон и в двете теми) */
.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;}
.theme-switch .theme-opt{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border:none;border-radius:999px;
  background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;
  transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;
}
.theme-switch .theme-opt svg{width:14px;height:14px;flex:none;}
.theme-switch--footer{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);}
.theme-switch--footer .theme-opt{color:#9294C2;}
.theme-switch--footer .theme-opt:hover{color:#fff;}
.theme-switch--footer .theme-opt[aria-checked="true"]{background:rgba(255,255,255,0.14);color:#fff;}
.theme-switch--footer .theme-opt:focus-visible{outline:2px solid #9DB3FF;outline-offset:1px;}
@media (max-width:420px){ .theme-switch--footer .theme-opt span{display:none;} .theme-switch--footer .theme-opt{padding:8px 10px;} }