/* Cookie banner (vanilla-cookieconsent) in the site's look: Manrope, brand
   red, square corners like the .btn buttons. Only CSS variables + a few
   overrides — the library CSS itself stays untouched in /css/vendor/. */
#cc-main {
  --cc-font-family: 'Manrope', sans-serif;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-bg: #fff;
  --cc-primary-color: #2b2b2b;
  --cc-secondary-color: #555;

  --cc-btn-primary-bg: #FF2613;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #FF2613;
  --cc-btn-primary-hover-bg: #9a0202;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #9a0202;

  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: #9a0202;
  --cc-btn-secondary-border-color: #99170B;
  --cc-btn-secondary-hover-bg: #F9F5F4;
  --cc-btn-secondary-hover-color: #9a0202;
  --cc-btn-secondary-hover-border-color: #99170B;

  --cc-toggle-on-bg: #FF2613;
  --cc-cookie-category-block-bg: #F9F5F4;
  --cc-cookie-category-block-border: #F9F5F4;
  --cc-cookie-category-block-hover-bg: #f1ebe9;
  --cc-cookie-category-block-hover-border: #f1ebe9;
  --cc-separator-border-color: #eee;
  --cc-footer-bg: #F9F5F4;
  --cc-link-color: #9a0202;

  z-index: 2147483000;
}
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 500;
}
/* keep the floating WhatsApp/call buttons clickable next to the banner on mobile */
@media (max-width: 640px) {
  #cc-main .cm--box { max-width: none; }
}