/* ══ Банер згоди Complianz у стилі сайту ══════════════════════
   Figma: «Банер / Cookie» 95:186 (1344×119) і «Mobile / Cookie» 146:333.
   Селектор з #cmplz-cookiebanner-container перебиває стилі плагіна без !important,
   окрім властивостей, які плагін сам ставить з !important. */

#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom{
  left:4.8rem;right:4.8rem;bottom:3.2rem;top:auto;width:auto;max-width:none;transform:none;margin:0;
  display:grid;grid-template-columns:5.2rem minmax(0,1fr) auto;grid-template-areas:"icon title buttons" "icon message buttons";
  align-items:center;column-gap:2.4rem;row-gap:0.5rem;
  padding:2.2rem 2.4rem 2.2rem 2.8rem!important;border:0;border-radius:2rem;background:var(--c-bg-surface);
  box-shadow:0 0.8rem 2.4rem rgba(74,48,32,.10);font-family:var(--f-body);z-index:110}
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom::before{
  content:"";grid-area:icon;align-self:center;width:5.2rem;height:5.2rem;border-radius:50%;
  background:var(--c-brand-primary-soft) center/2.4rem no-repeat url("../icons/shield-brand.svg")}

/* Службові частини плагіна, яких немає в макеті. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-save-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-options{display:none!important}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{display:contents}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title{
  display:block;grid-area:title;justify-self:start;margin:0;
  font:600 1.8rem/2.6rem var(--f-head);color:var(--c-text-primary)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{grid-area:message;min-width:0;max-height:none;overflow:visible;margin:0!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{margin:0;font:400 1.4rem/2.2rem var(--f-body);color:var(--c-text-secondary)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a{color:inherit;text-decoration:underline;text-underline-offset:0.2rem}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{
  grid-area:buttons;display:flex;flex-direction:row;align-items:center;gap:2.4rem!important;margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{
  width:auto;min-width:0;height:4.8rem!important;margin:0;padding:0 2.6rem!important;border:0;border-radius:1.2rem;
  font:600 1.5rem/2rem var(--f-body)!important;white-space:nowrap;cursor:pointer}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny{
  order:1;padding:0!important;background:none;color:var(--c-brand-primary)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{color:var(--c-brand-primary-hover);text-decoration:underline}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept{
  order:2;background:var(--c-brand-primary);color:var(--c-text-inverse);box-shadow:var(--e-button)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:var(--c-brand-primary-hover)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible{outline:0.2rem solid var(--c-brand-primary);outline-offset:0.2rem}

/* Над нижнім плеєром, якщо він відкритий. */
.has-sticky #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom{bottom:11.6rem}
/* Кнопка «Налаштування cookie» плагіна не потрібна: вибір змінюється на сторінці «Політика cookie». */
.cmplz-manage-consent{display:none!important}

@media (max-width:767px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom{
    left:2rem;right:2rem;bottom:2rem;grid-template-columns:4.2rem minmax(0,1fr);
    grid-template-areas:"icon title" "message message" "buttons buttons";column-gap:1.2rem;row-gap:1.4rem;padding:2rem!important;
    max-height:calc(100vh - 4rem);overflow:auto;zoom:1}
  #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom::before{width:4.2rem;height:4.2rem;background-size:2rem}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title{align-self:center;font:600 1.7rem/2.4rem var(--f-head)}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{font:400 1.3rem/2rem var(--f-body)}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{gap:1rem!important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{flex:1 1 0;padding:0 1rem!important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny{
    padding:0 1rem!important;background:var(--c-bg-surface);color:var(--c-text-primary);box-shadow:inset 0 0 0 0.1rem var(--c-border-strong)}
  .has-sticky #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom{bottom:8.8rem}
}

/* Скрытие плагіном (після вибору або до ініціалізації) має перевагу над display:grid вище. */
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-dismissed,
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-hidden{display:none!important}