/* ===========================================================================
   САЙТЪТ online.multiplace.info в цветовете и иконите на multiplace.info
   (23.10.2026, Траян: „стилът да е като на multiplace.info — цветове и икони,
   без да се променя абсолютно нищо по функционалността").
   Само вид: бял фон, бяла лента горе със синя ивица (синьото на сайта #2EA3F2),
   бели карти със светлосив контур, иконите от multiplace.info, розовото на сайта
   (#E5007E) за главния бутон, синьото — за избраното.
   Зарежда се СЛЕД app.css. Всяко правило е за body:not(.kiosk) — КИОСКЪТ В ОФИСА
   ОСТАВА МЕТАЛЕН. Махнеш ли реда <link … tema-sait.css> от index.html, сайтът се
   връща към металния вид.
   =========================================================================== */
body:not(.kiosk){
  --mag:#E5007E; --mag-s:#FDE6F2; --cyan:#2EA3F2; --cyan-s:#E8F5FE;
  --ink:#1D2433; --ink2:#475467; --ink3:#667085; --line:#E4E7EC;
  --ant-sub:#667085;
  background:#fff;
}
body:not(.kiosk)::before{ display:none }

/* --- лентата горе: бяла, синя ивица отгоре, цветното лого --- */
body:not(.kiosk) .top{
  background:#fff; border-top:4px solid #2EA3F2; border-bottom:1px solid #E4E7EC;
  box-shadow:0 2px 10px rgba(16,24,40,.06);
}
body:not(.kiosk) .brand img{ display:block; height:54px; width:auto }   /* логото на reklama.multiplace.info, в същия размер */
body:not(.kiosk) .brand .brand-kiosk{ display:none }
body:not(.kiosk) .tosite{ color:#475467; border-color:#E4E7EC; background:#fff }
body:not(.kiosk) .tosite:hover,
body:not(.kiosk) .tosite:focus-visible{ color:#E5007E; border-color:#E5007E; background:#FDE6F2 }
body:not(.kiosk) .steps{ color:#667085 }
body:not(.kiosk) .steps b{ color:#1D2433 }

/* --- картите на видовете: като продуктовите карти на multiplace.info --- */
body:not(.kiosk) .choice,
body:not(.kiosk) .kstapki{
  color:#1D2433; background:#fff; border:2px solid #E4E7EC; border-radius:12px;
  box-shadow:none; justify-content:flex-start; padding:12px 12px 16px;
}
body:not(.kiosk) .choice::after,
body:not(.kiosk) .kstapki::before,
body:not(.kiosk) .kstapki::after{ display:none }
body:not(.kiosk) .choice:active{
  transform:translateY(1px); background:#fff; box-shadow:0 0 0 3px #E5007E;
}
@media (hover:hover){
  body:not(.kiosk) .choice:hover:not(:active){ transform:translateY(-2px); border-color:#1F4FA3; box-shadow:none }
}
/* иконата: снимката от multiplace.info в светлосиво прозорче — на мястото на контурната */
body:not(.kiosk) .choice .ico{ display:none }
body:not(.kiosk) .choice::before{
  content:""; position:static; inset:auto; z-index:auto; display:block;
  width:100%; max-width:240px; aspect-ratio:1; margin:0 auto 12px;
  border-radius:8px; background:#F7F8FA center / contain no-repeat;
}
body:not(.kiosk) .choice[data-kind="docs"]::before  { background-image:url("https://multiplace.info/wp-content/uploads/2026/10/mpl-ikona-002_printirane-i-kopirane-v2-400x400.jpg") }
body:not(.kiosk) .choice[data-kind="photos"]::before{ background-image:url("https://multiplace.info/wp-content/uploads/2026/10/mpl-ikona-006_foto-print-400x400.jpg") }
body:not(.kiosk) .choice[data-kind="draw"]::before  { background-image:url("https://multiplace.info/wp-content/uploads/2026/10/mpl-ikona-010_chertezhi-i-shirokoformatno-kopirane-400x400.jpg") }
body:not(.kiosk) .choice[data-kind="wide"]::before  { background-image:url("https://multiplace.info/wp-content/uploads/2026/10/mpl-ikona-015_shirokoformaten-pechat-400x400.jpg") }
body:not(.kiosk) .choice[data-kind="art"]::before   { background-image:url("https://multiplace.info/wp-content/uploads/2026/10/mpl-ikona-018_kanava-posteri-i-city-light-400x400.jpg") }
body:not(.kiosk) .choice b{ color:#1D2433; text-shadow:none; font-weight:700 }
body:not(.kiosk) .choice span{ color:#667085; text-shadow:none }

/* шестата карта „Как се поръчва" */
body:not(.kiosk) .kstapki{ justify-content:center }
body:not(.kiosk) .ks-glava{ color:#667085 }
body:not(.kiosk) .ks-n{ background:#E5007E; border:0; box-shadow:none; text-shadow:none }
body:not(.kiosk) .ks-lenta b{ color:#1D2433; text-shadow:none }
body:not(.kiosk) .ks-lenta .ks-p{ color:#667085; text-shadow:none }
body:not(.kiosk) .ks-tochki i{ background:#D0D5DD; animation-name:ksTochkaSait }
@keyframes ksTochkaSait{
  0%, 19.9% { background:#E5007E; transform:scale(1.3) }
  20%, 100% { background:#D0D5DD; transform:none }
}
@media (prefers-reduced-motion:reduce){
  body:not(.kiosk) .ks-tochki i{ animation-name:ksTochkaSaitTiho !important }
}
@keyframes ksTochkaSaitTiho{
  0%, 19.9% { background:#E5007E }
  20%, 100% { background:#D0D5DD }
}

/* --- бутоните: бели със сив контур; главният — розов; избраното — синьо --- */
body:not(.kiosk) .btn,
body:not(.kiosk) .chip:not(.haslogo),
body:not(.kiosk) .seg button,
body:not(.kiosk) .step button,
body:not(.kiosk) .packbtn,
body:not(.kiosk) .uprm{
  color:#1D2433; background:#fff; border:1px solid #D0D5DD; box-shadow:none; text-shadow:none;
}
body:not(.kiosk) .uprm:hover,
body:not(.kiosk) .packbtn:not(.on):hover,
body:not(.kiosk) .pagesbtn:hover{ color:#1D2433; border-color:#2EA3F2; background:#F2F8FE }
body:not(.kiosk) .btn.primary{ color:#fff; background:#E5007E; border-color:#E5007E; box-shadow:0 4px 12px -4px rgba(229,0,126,.45) }
body:not(.kiosk) .chip.on:not(.haslogo),
body:not(.kiosk) .seg button.on,
body:not(.kiosk) .packbtn.on{ color:#fff; background:#2EA3F2; border-color:#2EA3F2 }
body:not(.kiosk) .btn:not([disabled]):active,
body:not(.kiosk) .chip:not(.haslogo):active,
body:not(.kiosk) .step button:active,
body:not(.kiosk) .packbtn:active,
body:not(.kiosk) .uprm:active{ transform:translateY(1px); box-shadow:0 0 0 2px rgba(46,163,242,.35) }
body:not(.kiosk) .btn.tiny,
body:not(.kiosk) .pagesbtn,
body:not(.kiosk) .packbtn.clr{ color:#475467 }
@media (hover:hover){
  body:not(.kiosk) .btn:not([disabled]):not(.primary):hover,
  body:not(.kiosk) .chip:not(.haslogo):not(.on):hover,
  body:not(.kiosk) .seg button:not(.on):hover,
  body:not(.kiosk) .step button:hover{ filter:none; border-color:#2EA3F2; background:#F2F8FE }
  body:not(.kiosk) .btn.primary:not([disabled]):hover{ filter:none; background:#C7006D; border-color:#C7006D }
}
/* „⚙ Довършителни опции" при документите и чертежите е нарочно оцветен (да не се пропуска) — тъмносиньото на
   пътечката на multiplace.info с бял текст; без това белият текст ставаше тъмен върху лилаво (Траян, 23.10.2026) */
body:not(.kiosk) .finbar .fintog.hot,
body:not(.kiosk) .finbar .fintog.hot:not([disabled]):hover{ color:#fff; background:#1F4FA3; border-color:#1F4FA3 }
@media (hover:hover){ body:not(.kiosk) .finbar .fintog.hot:not([disabled]):hover{ background:#2A5FB8; border-color:#2A5FB8 } }
body:not(.kiosk) .seg{ border-color:#D0D5DD; box-shadow:none }
body:not(.kiosk) .seg.changed{ border-color:#2EA3F2 }
body:not(.kiosk) .seg button{ border:0; box-shadow:inset -1px 0 0 #D0D5DD }
body:not(.kiosk) .seg button:last-child{ box-shadow:none }

/* --- полето за пускане на файлове --- */
body:not(.kiosk) .drop,
body:not(.kiosk) .drop:hover,
body:not(.kiosk) .drop.over{
  color:#1D2433; background:#F7FBFF; border:2px dashed #9FD3F7; border-radius:12px; box-shadow:none;
}
body:not(.kiosk) .drop.over{ border-color:#2EA3F2; background:#E8F5FE; box-shadow:0 0 0 3px rgba(46,163,242,.25) }
@media (hover:hover){ body:not(.kiosk) .drop:hover{ filter:none; border-color:#2EA3F2 } }
body:not(.kiosk) .dropic{ background:#2EA3F2; border:0; box-shadow:none; color:#fff }
body:not(.kiosk) .drop b{ color:#1D2433; text-shadow:none }
body:not(.kiosk) .drop .dropsub{ color:#667085 }

/* --- телефон: картите са хоризонтални — снимката вляво, текстът вдясно --- */
@media (max-width:640px){
  body:not(.kiosk) .brand img{ height:40px }
  body:not(.kiosk) .choice{ grid-template-columns:64px 1fr; padding:10px 14px 10px 10px }
  body:not(.kiosk) .choice::before{ grid-row:1 / span 2; width:64px; max-width:none; margin:0; align-self:center }
}

/* --- картите са леко прозрачни, за да прозира фонът с шестоъгълниците (24.10.2026, Траян) --- */
body:not(.kiosk) .choice,
body:not(.kiosk) .kstapki,
body:not(.kiosk) .choice:active{
  background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}

/* --- небето (25.10.2026, Траян): при фона mpl-neuro-fon.js на body има клас mpl-kosmos.
   Заглавията и обясненията, които стоят направо върху синьото, стават бели; картите — плътно бели.
   Върнеш ли шестоъгълниците в index.html, класът го няма и всичко е както преди. --- */
body.mpl-kosmos:not(.kiosk){ background:#0a3470 }
body.mpl-kosmos:not(.kiosk) :is(#apTitle,#itemsTitle,#pgTitle,#upTitle,#scr-home h1,#scr-order h1,#scr-review h1,#scr-done h1,
  #scr-home p.sub,#scr-order p.sub,#scr-review p.sub,#scr-pages p.sub,#scr-artpages p.sub,#upSub p.sub,
  #scr-done p.hint,#upAddRow .hint,#scr-done dt,#scr-done dd,#doneNo){
  color:#fff; text-shadow:0 1px 3px rgba(0,30,80,.55);
}
body.mpl-kosmos:not(.kiosk) .choice,
body.mpl-kosmos:not(.kiosk) .kstapki,
body.mpl-kosmos:not(.kiosk) .choice:active{ background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none }   /* плътни (Траян, 25.10.2026: „махни прозрачността“) */