/* Банерът за бисквитки (js/consent.js). Зарежда се само когато сайтът пита
   за съгласие — App\Support\Tracking::consentActive().
   „Приемам всички" е водещият бутон, „Отказвам" — второстепенен (светлосив),
   но ЕДНАКВО голям и четлив. По-нататък не: бутон, който изглежда неактивен
   или едва се чете, EDPB го води като подвеждащ дизайн — за него се глобява. */

.sa-consent{
  position:fixed;z-index:2000;   /* над долната лента (1300), под модалите (3000) */
  right:16px;bottom:calc(16px + var(--bottombar-h, 0px) + var(--safe-b, 0px));
  width:min(420px, calc(100vw - 32px));
  opacity:0;transform:translateY(12px);
  transition:opacity .25s var(--ease, ease),transform .25s var(--ease, ease);
}
.sa-consent.is-open{opacity:1;transform:none}
.sa-consent[hidden]{display:none}

.sa-consent__card{
  background:var(--bg, #fff);color:var(--ink, #333);
  border:1px solid var(--line, #e4e4e7);border-radius:var(--radius, 14px);
  box-shadow:var(--shadow-lg, 0 16px 50px rgba(20,20,30,.16));
  padding:20px;outline:none;
}
.sa-consent__title{font-weight:800;font-size:17px;color:var(--dark, #111);margin-bottom:6px}
.sa-consent__text{font-size:14px;line-height:1.5}
.sa-consent__text a{color:var(--link, #1a67b1);text-decoration:underline}

.sa-consent__opts{display:grid;gap:10px;margin-top:14px}
.sa-consent__opts[hidden]{display:none}
.sa-consent__opt{
  display:flex;gap:12px;align-items:flex-start;cursor:pointer;
  padding:10px 12px;border-radius:var(--radius-sm, 10px);background:var(--bg-soft, #f5f6f8);
}
.sa-consent__opt input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--accent, #4f8701)}
.sa-consent__opt input:disabled{cursor:not-allowed}
.sa-consent__opt strong{display:block;font-size:14px;color:var(--dark, #111)}
.sa-consent__opt small{display:block;font-size:13px;line-height:1.4;color:var(--muted, #777)}

.sa-consent__btns{display:flex;gap:10px;margin-top:16px}
.sa-consent__btn{
  flex:1 1 0;min-height:var(--tap, 44px);padding:10px 14px;
  border:0;border-radius:var(--radius-sm, 10px);cursor:pointer;
  font:inherit;font-size:15px;font-weight:700;
  transition:transform .2s var(--ease, ease),box-shadow .2s var(--ease, ease);
}
.sa-consent__btn[hidden]{display:none}
.sa-consent__btn:hover{transform:translateY(-1px)}
.sa-consent__btn:focus-visible,.sa-consent__more:focus-visible{outline:3px solid var(--link, #1a67b1);outline-offset:2px}
.sa-consent__btn--reject,.sa-consent__btn--save{background:var(--bg-soft-2, #eceef1);color:var(--ink, #333);font-weight:600}
.sa-consent__btn--reject:hover,.sa-consent__btn--save:hover{background:#e2e4e8}
.sa-consent__btn--accept{background:var(--accent-grad, #4f8701);color:#fff;box-shadow:0 8px 20px rgba(79,135,1,.28)}
.sa-consent__btn--accept:hover{box-shadow:0 12px 28px rgba(79,135,1,.40)}

.sa-consent__more{
  display:block;margin:12px auto 0;padding:6px 10px;
  background:none;border:0;cursor:pointer;
  font:inherit;font-size:14px;color:var(--muted, #777);text-decoration:underline;
}
.sa-consent__more[hidden]{display:none}

/* Телефон: по цялата ширина, бутоните един под друг не трябват — побират се. */
@media (max-width:600px){
  .sa-consent{left:8px;right:8px;width:auto;bottom:calc(8px + var(--bottombar-h, 0px) + var(--safe-b, 0px))}
  .sa-consent__card{padding:16px}
}

/* Роботът на AI чата (z 5000) е в същия ъгъл — точно върху „Приемам всички".
   Банерът НЕ се вдига над него (би застъпил и модалите, 3000); роботът изчаква
   избора. */
html.sa-consent-on #aiWidget{visibility:hidden}

@media (prefers-reduced-motion:reduce){
  .sa-consent,.sa-consent__btn{transition:none}
}

/* Връзката във футъра — отваря банера наново. Точката е тук, а не в текста:
   на телефон връзката е на свой ред и висяща „·" в края на горния не трябва. */
.footer__consent{
  background:none;border:0;padding:0;cursor:pointer;
  font:inherit;color:inherit;text-decoration:underline;opacity:.85;
}
.footer__consent::before{content:"·";display:inline-block;margin:0 .5em;text-decoration:none}
.footer__consent:hover{opacity:1}
@media (max-width:600px){
  .footer__consent{display:block;margin:6px auto 0}
  .footer__consent::before{content:none}
}