/* =====================================================================
   CRISTALL HOME · baner cookies CookieYes · czarno-biały
   Plik jest częścią motywu Cristall Home i ładuje się automatycznie
   na każdej stronie – NIE trzeba go wklejać do „Dodatkowego CSS”.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Karla:wght@300;400;500&display=swap');

/* ---------- BANER ---------- */
.cky-consent-container .cky-consent-bar{
  background:#000 !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  border-radius:0 !important;
  box-shadow:0 -12px 40px rgba(0,0,0,.28) !important;
  padding:28px clamp(18px,3.4vw,54px) !important;
}
.cky-consent-container .cky-title{
  font-family:"Gilda Display",Georgia,serif !important;
  font-weight:400 !important;
  font-size:19px !important;
  line-height:1.25 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  margin:0 0 10px !important;
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p{
  font-family:"Karla","Helvetica Neue",sans-serif !important;
  font-weight:300 !important;
  font-size:14px !important;
  line-height:1.62 !important;
  color:rgba(255,255,255,.72) !important;
}
.cky-consent-container .cky-notice-des a,
.cky-consent-container .cky-policy{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  font-weight:400 !important;
  background:none !important;
  border:0 !important;
}

/* ---------- PRZYCISKI (wspólne) ---------- */
.cky-btn{
  font-family:"Karla","Helvetica Neue",sans-serif !important;
  font-weight:400 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
  padding:16px 26px !important;
  transition:background-color .45s ease,color .45s ease,border-color .45s ease !important;
  box-shadow:none !important;
}

/* przyciski na czarnym banerze */
.cky-consent-bar .cky-btn{border:1px solid #fff !important}
.cky-consent-bar .cky-btn-accept{background:#fff !important;color:#000 !important}
.cky-consent-bar .cky-btn-accept:hover{background:transparent !important;color:#fff !important}
.cky-consent-bar .cky-btn-reject,
.cky-consent-bar .cky-btn-customize{background:transparent !important;color:#fff !important}
.cky-consent-bar .cky-btn-reject:hover,
.cky-consent-bar .cky-btn-customize:hover{background:#fff !important;color:#000 !important}

/* odstępy między przyciskami na banerze */
.cky-consent-bar .cky-notice-btn-wrapper{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:22px !important;
}
.cky-consent-bar .cky-notice-btn-wrapper .cky-btn{
  margin:0 !important;
  flex:1 1 auto !important;
}
/* "Akceptuj wszystkie" zawsze w osobnym, pełnym rzędzie */
.cky-consent-bar .cky-notice-btn-wrapper .cky-btn-accept{
  flex:1 1 100% !important;
  order:3 !important;
}

/* ---------- OKNO USTAWIEŃ (białe) ---------- */
.cky-overlay{background:rgba(0,0,0,.6) !important}
.cky-preference-center{
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 30px 80px rgba(0,0,0,.35) !important;
}
.cky-preference-center,
.cky-preference-center p,
.cky-preference-center .cky-accordion-header-des,
.cky-preference-center .cky-preference-content-wrapper{
  font-family:"Karla","Helvetica Neue",sans-serif !important;
  font-weight:300 !important;
  font-size:14px !important;
  line-height:1.62 !important;
  color:#4B4B4B !important;
}
.cky-preference-header{border-bottom:1px solid rgba(0,0,0,.13) !important}
.cky-preference-title{
  font-family:"Gilda Display",Georgia,serif !important;
  font-weight:400 !important;
  font-size:19px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#000 !important;
}
.cky-preference-center .cky-show-desc-btn,
.cky-preference-center a{
  color:#000 !important;
  font-weight:400 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* kategorie */
.cky-accordion{border-bottom:1px solid rgba(0,0,0,.13) !important}
.cky-accordion-btn{
  font-family:"Gilda Display",Georgia,serif !important;
  font-weight:400 !important;
  font-size:15px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:#000 !important;
}
.cky-always-active{
  font-family:"Karla",sans-serif !important;
  font-size:10px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:#000 !important;
}
.cky-switch input[type="checkbox"]{background:#D0D0D0 !important}
.cky-switch input[type="checkbox"]:checked{background:#000 !important}
.cky-audit-table{background:#F4F4F3 !important;border-radius:0 !important}
.cky-audit-table *{color:#4B4B4B !important}

/* przyciski w oknie ustawień */
.cky-footer-wrapper{border-top:1px solid rgba(0,0,0,.13) !important}
.cky-prefrence-btn-wrapper{gap:12px !important}
.cky-prefrence-btn-wrapper .cky-btn{margin:0 !important}
.cky-footer-shadow{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 100%) !important}
.cky-preference-center .cky-btn{border:1px solid #000 !important;background:transparent !important;color:#000 !important}
.cky-preference-center .cky-btn:hover{background:#000 !important;color:#fff !important}
.cky-preference-center .cky-btn-accept{background:#000 !important;color:#fff !important}
.cky-preference-center .cky-btn-accept:hover{background:#fff !important;color:#000 !important}

/* ---------- IKONA "USTAWIENIA COOKIES" (ponowna zgoda) ---------- */
.cky-btn-revisit-wrapper{
  background:#000 !important;
  border:1px solid rgba(255,255,255,.3) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.25) !important;
}

/* ---------- TELEFON ---------- */
@media (max-width:576px){
  .cky-consent-container .cky-consent-bar{padding:24px 18px !important}
  .cky-notice-btn-wrapper{flex-direction:column !important;gap:10px !important}
  .cky-notice-btn-wrapper .cky-btn{width:100% !important;margin:0 !important}
  .cky-prefrence-btn-wrapper .cky-btn{width:100% !important}
}