/* =========================================================================
   КУКІ-БАНЕР RODO (сесія 17)

   Банер Complianz — PL-на частина сайту, якої в темі UA немає взагалі:
   розмітку віддає плагін (`cmplz-*`), а весь брендовий вигляд описував
   старий `stylesheet/style.css`. Без нього банер лишався в дефолтному
   вигляді плагіна поверх сторінки — а це видно кожному відвідувачу
   при першому візиті і є юридично значущим елементом.

   Правила перенесені як є. Банер спільний для всіх сторінок, тому це
   частина тієї ж передумови, що й футер: поки він залежить від старого
   файлу, умовне підключення `stylesheet/style.css` дало б різний банер
   на різних типах сторінок.

   Селектори з `#cmplz-*` і `body .cmplz-*` лишились у первісному вигляді:
   вони перебивають інлайнові стилі плагіна, і послаблення специфічності
   тут зламало б вигляд.
   ========================================================================= */

#cmplz-cookiebanner-container {
    display: none;
}

.cmplz-cookiebanner {
    max-height: calc(100vh - 20px);
    position: fixed;
    height: auto;
    z-index: 99999;
    grid-gap: 10px;
}

body .cmplz-cookiebanner {
display: block;
width: 100% !important;
margin: 0px !important;
left: 0px;
bottom: 0px;
padding: 20px max((100vw - 1200px) / 2, 15px);
border-radius: 0 !important;
border-top: 2px solid #15161A;
box-shadow: 0px 0px 24px rgba(153, 153, 153, 0.25) !important;
background: #FFF;
transform: none !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    cursor: pointer;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    color: #ffffff;
    padding: 10px;
}

.cmplz-cookiebanner .cmplz-body {
    width: 100%;
    grid-column: span 3;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 55vh;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    background-color: transparent;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb {
    background-color: #15161A;
    border-radius: 10px;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    margin: initial;
    width: 100%;
    cursor: pointer;
}

@media (min-width: 1024px) {
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
          min-width: 250px;
          width: 100%;
      }
}

@media (max-width: 560.98px) {
  body .cmplz-cookiebanner {
    padding: 10px max((100vw - 1200px)/2, 15px) !important;
  }
  body .cmplz-cookiebanner .cmplz-body {
    max-height: 120px !important;
  }
  body .cmplz-cookiebanner .cmplz-category {
    margin-bottom: 5px !important;
  }
  body .cmplz-cookiebanner .cmplz-buttons {
    margin: 10px auto 0 !important;
  }
  body .cmplz-cookiebanner .cmplz-message.cmplz-message {
    font-size: 13px !important;
  }
}

@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-message {
          margin-right: 5px;
      }
}

@media only screen and (min-width: 768px) {
  body .cmplz-cookiebanner {
  display: flex;
  flex-wrap: wrap;
  }
}

body .cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body>div {
width: 100% !important;
}

body .cmplz-cookiebanner .cmplz-header,
body .cmplz-cookiebanner .cmplz-divider-header,
body .cmplz-cookiebanner .cmplz-information,
body .cmplz-cookiebanner .cmplz-footer,
body .cmplz-cookiebanner .cmplz-documents {
display: none !important;
visibility: hidden !important;
}

body .cmplz-cookiebanner .cmplz-body {
grid-column-start: none !important;
grid-row-start: none !important;
grid-column: none !important;
max-height: calc(100vh - 450px);
}

@media only screen and (min-width: 768px) {
  body .cmplz-cookiebanner .cmplz-body {
  max-height: 100vh;
  width: 55%;
  }
}

@media only screen and (min-width: 992px) {
  body .cmplz-cookiebanner .cmplz-body {
  width: 62%;
  }
}

body .cmplz-cookiebanner .cmplz-buttons {
grid-column-start: none !important;
grid-row-start: none !important;
grid-column: none !important;
display: block;
text-align: center;
}

@media only screen and (max-width: 767.9px) {
  body .cmplz-cookiebanner .cmplz-buttons {
  margin: 10px auto;
  }
}

@media only screen and (min-width: 768px) {
  body .cmplz-cookiebanner .cmplz-buttons {
  width: 42%;
  margin-left: auto;
  }
}

@media only screen and (min-width: 992px) {
  body .cmplz-cookiebanner .cmplz-buttons {
  width: 32%;
  
  }
}

body .cmplz-cookiebanner .cmplz-buttons span {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
margin-bottom: 10px;
display: inline-block;
}

body .cmplz-cookiebanner .cmplz-categories-custom {
grid-column-start: none !important;
grid-row-start: none !important;
grid-column: none !important;
}

@media only screen and (min-width: 768px) {
  body .cmplz-cookiebanner .cmplz-categories-custom {
  position: absolute;
  right: 0px;
  top: max(250px, 30vw);
  width: 42%;
  }
}

@media only screen and (min-width: 992px) {
  body .cmplz-cookiebanner .cmplz-categories-custom {
  position: static;
  margin-bottom: -29%;
  transform: translateY(-100%);
  margin-left: auto;
  margin-bottom: -140px;
  width: 32%;
  }
}

body .cmplz-cookiebanner .cmplz-always-active {
font-size: 0px;
}

body .cmplz-cookiebanner .cmplz-always-active .cmplz-banner-checkbox {
font-size: 14px;
}

body .cmplz-cookiebanner .cmplz-category {
margin-bottom: 10px;
height: 22px;
}

body .cmplz-cookiebanner .cmplz-banner-checkbox {
height: 22px;
display: inline-flex;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #63646f;
cursor: pointer;
}

body .cmplz-cookiebanner .cmplz-banner-checkbox>* {
cursor: pointer;
}

body .cmplz-cookiebanner .cmplz-consent-checkbox {
margin-right: 16px;
width: 16px;
height: 16px;
accent-color: #63646f;
transform: scale(1.2);
transform-origin: center;
}

body .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
background: #15161A;
border: none !important;
border-radius: 0;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.32px;
margin-bottom: 10px;
height: 60px;
}

body .cmplz-cookiebanner .cmplz-btn.cmplz-deny.cmplz-btn.cmplz-deny,
body .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences.cmplz-btn.cmplz-save-preferences {
border: 1px solid #69737C;
border-radius: 0;
padding: 20px 24px;
color: #15161A;
font-size: 16px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.32px;
color: #63646f;
margin-bottom: 10px;
height: 60px;
}

body .cmplz-cookiebanner .cmplz-btn.cmplz-deny.cmplz-btn.cmplz-deny:disabled,
body .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences.cmplz-btn.cmplz-save-preferences:disabled {
opacity: 0.3;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
white-space: normal;
}

body .cmplz-cookiebanner .cmplz-message.cmplz-message {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
}

body .cmplz-cookiebanner .cmplz-message.cmplz-message a {
padding-bottom: 0px;
border-bottom: 1px solid #000;
}

body .cmplz-cookiebanner .cmplz-message.cmplz-message p {
margin: 5px 0;
}

body .cmplz-cookiebanner .cmplz-message.cmplz-message > *:first-child {
margin-top: 0;
}

body .cmplz-cookiebanner .cmplz-message.cmplz-message > *:last-child {
margin-bottom: 0;
}