/* 1IT.SK Cookie Consent */

:root {
  --cookie-primary:#18C6C3;
  --cookie-primary-dark:#0FA9A6;
  --cookie-primary-light:#EAFBFA;
  --cookie-text:#0F172A;
  --cookie-muted:#64748B;
  --cookie-border:#E2E8F0;
  --cookie-surface:rgba(255,255,255,.96);
  --cookie-overlay:rgba(15,23,42,.54);
  --cookie-shadow:0 28px 90px rgba(15,23,42,.24);
}

.cookie-modal-open{overflow:hidden}
.cookie-consent[hidden]{display:none!important}

.cookie-consent{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
}

.cookie-consent__overlay{
  position:absolute;
  inset:0;
  background:var(--cookie-overlay);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:cookieOverlayIn .28s ease both;
}

.cookie-consent__panel{
  position:relative;
  z-index:1;
  width:min(100%,560px);
  max-height:min(88vh,760px);
  overflow-y:auto;
  padding:34px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:30px;
  background:
    radial-gradient(circle at top right,rgba(24,198,195,.11),transparent 34%),
    var(--cookie-surface);
  box-shadow:var(--cookie-shadow);
  animation:cookiePanelIn .38s cubic-bezier(.2,.8,.2,1) both;
}

.cookie-consent__close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--cookie-border);
  border-radius:50%;
  background:#fff;
  color:var(--cookie-text);
  font-size:1.35rem;
  cursor:pointer;
  transition:.2s ease;
}

.cookie-consent__close:hover{
  color:var(--cookie-primary-dark);
  border-color:var(--cookie-primary);
  transform:rotate(5deg) scale(1.04);
}

.cookie-consent__intro{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding-right:34px;
}

.cookie-consent__icon{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:var(--cookie-primary-light);
  font-size:2rem;
  box-shadow:inset 0 0 0 1px rgba(24,198,195,.12);
}

.cookie-consent__eyebrow{
  display:block;
  margin-bottom:6px;
  color:var(--cookie-primary-dark);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.cookie-consent__intro h2{
  margin:0 0 12px;
  color:var(--cookie-text);
  font-size:clamp(1.7rem,4vw,2.25rem);
  line-height:1.12;
  letter-spacing:-.04em;
}

.cookie-consent__intro p{
  margin:0 0 12px;
  color:var(--cookie-muted);
  font-size:.98rem;
  line-height:1.75;
}

.cookie-consent__intro a{
  color:var(--cookie-primary-dark);
  font-size:.9rem;
  font-weight:800;
  text-decoration:none;
}

.cookie-consent__intro a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

.cookie-consent__settings{
  display:grid;
  gap:14px;
  margin-top:26px;
  padding-top:24px;
  border-top:1px solid var(--cookie-border);
}

.cookie-consent__settings[hidden]{display:none!important}

.cookie-consent__option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px;
  border:1px solid var(--cookie-border);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  transition:.2s ease;
}

.cookie-consent__option:hover{
  border-color:rgba(24,198,195,.35);
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}

.cookie-consent__option strong{
  display:block;
  margin-bottom:4px;
  color:var(--cookie-text);
  font-size:.96rem;
}

.cookie-consent__option p{
  margin:0;
  color:var(--cookie-muted);
  font-size:.84rem;
  line-height:1.55;
}

.cookie-switch{
  position:relative;
  flex:0 0 auto;
  width:52px;
  height:30px;
  cursor:pointer;
}

.cookie-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.cookie-switch__slider{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#CBD5E1;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
  transition:.24s ease;
}

.cookie-switch__slider::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  left:4px;
  top:4px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.18);
  transition:.24s ease;
}

.cookie-switch input:checked + .cookie-switch__slider{
  background:linear-gradient(135deg,var(--cookie-primary),#5ED9D6);
}

.cookie-switch input:checked + .cookie-switch__slider::before{
  transform:translateX(22px);
}

.cookie-switch input:disabled + .cookie-switch__slider{
  opacity:.72;
  cursor:not-allowed;
}

.cookie-consent__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:28px;
}

.cookie-consent__button{
  min-height:50px;
  padding:14px 18px;
  border:0;
  border-radius:999px;
  font:inherit;
  font-size:.91rem;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}

.cookie-consent__button[hidden]{display:none!important}

.cookie-consent__button--primary{
  color:#fff;
  background:linear-gradient(135deg,var(--cookie-primary),#59D7D4);
  box-shadow:0 12px 28px rgba(24,198,195,.24);
}

.cookie-consent__button--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(24,198,195,.3);
}

.cookie-consent__button--secondary{
  color:var(--cookie-text);
  background:#fff;
  border:1px solid var(--cookie-border);
}

.cookie-consent__button--secondary:hover{
  color:var(--cookie-primary-dark);
  border-color:var(--cookie-primary);
  transform:translateY(-2px);
}

.cookie-consent__button--text{
  grid-column:1/-1;
  min-height:auto;
  padding:8px 12px;
  color:var(--cookie-primary-dark);
  background:transparent;
}

.cookie-consent__button--text:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

.cookie-consent__button#cookieSave{grid-column:1/-1}

.cookie-settings-button{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:99990;
  min-height:44px;
  padding:11px 18px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--cookie-text);
  box-shadow:0 12px 34px rgba(15,23,42,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font:inherit;
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
  transition:.22s ease;
}

.cookie-settings-button:hover{
  color:var(--cookie-primary-dark);
  border-color:var(--cookie-primary);
  transform:translateY(-2px);
}

@keyframes cookieOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes cookiePanelIn{
  from{opacity:0;transform:translateY(26px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:640px){
  .cookie-consent{
    place-items:end center;
    padding:12px;
  }

  .cookie-consent__panel{
    width:100%;
    max-height:92vh;
    padding:26px 20px 22px;
    border-radius:26px;
  }

  .cookie-consent__intro{
    grid-template-columns:1fr;
    gap:16px;
    padding-right:0;
    text-align:center;
  }

  .cookie-consent__icon{
    width:64px;
    height:64px;
    margin-inline:auto;
    border-radius:20px;
    font-size:1.7rem;
  }

  .cookie-consent__close{
    top:14px;
    right:14px;
  }

  .cookie-consent__option{
    align-items:flex-start;
    padding:16px;
  }

  .cookie-consent__actions{
    grid-template-columns:1fr;
  }

  .cookie-consent__button--text,
  .cookie-consent__button#cookieSave{
    grid-column:auto;
  }

  .cookie-settings-button{
    left:14px;
    bottom:14px;
    padding:10px 15px;
    font-size:.76rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .cookie-consent__overlay,
  .cookie-consent__panel{
    animation:none;
  }

  .cookie-consent *,
  .cookie-settings-button{
    transition:none!important;
  }
}