/* FONT + RESET */
.gsp-hidden { display:none!important; }
body { font-family:"Roboto", sans-serif; }

/* ==========================
   BANERIS – pagrindinis blokas
   ========================== */
.gsp-banner {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 999999;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 26px 18px 22px; /* daugiau erdvės */
  background: rgba(4,6,8,0.92);
  color: #f5f7fa;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.45);
  font-size: 14px;
}

.gsp-banner__text {
  flex: 1;
  max-width: 72%; /* daugiau vietos tekstui */
}
.gsp-banner__text strong { font-weight:700; }
.gsp-banner__text span { opacity:.85; }

.gsp-link {
  color:#09919e;
  text-decoration: underline;
}

/* ==========================
   Mygtukai
   ========================== */
.gsp-banner__actions {
  display:flex;
  gap:10px;
  margin-right: 40px; /* X mygtuko atstumas */
}

.gsp-btn {
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight:600;
  cursor:pointer;
  transition:.15s;
  border: none;
}

.gsp-btn--primary { background:#adc63b; color:#040405; }
.gsp-btn--primary:hover { opacity:.85; }

.gsp-btn--secondary { background:#09919e; color:#fff; }
.gsp-btn--secondary:hover { opacity:.85; }

.gsp-btn--ghost {
  background:transparent;
  border:1px solid #f5f7fa;
  color:#f5f7fa;
}
.gsp-btn--ghost:hover { background:rgba(255,255,255,0.1); }

/* ==========================
   X MYGTUKAS
   ========================== */
.gsp-close {
  position:absolute;
  top: 14px !important;      /* didesnis tarpas */
  right: 18px !important;    /* didesnis tarpas */
  width:22px !important;
  height:22px !important;
  background:none!important;
  border:none!important;
  cursor:pointer;
  z-index:999999!important;
}

.gsp-close::before {
  content:"✕";
  color:#fff !important;
  font-size:20px !important;
  font-weight:400;
  line-height:1;
}

/* ==========================
   Overlay
   ========================== */
.gsp-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.55);
  z-index:999998;
}

/* ==========================
   MODAL
   ========================== */
.gsp-modal {
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:min(720px,92vw);
  background:#0b202d;
  color:#f5f7fa;
  border-radius:14px;
  z-index:999999;
  overflow:hidden;
}

.gsp-modal__header,
.gsp-modal__footer {
  padding:16px 20px;
  background:rgba(255,255,255,0.05);
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.gsp-modal__body {
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  gap:14px;
  max-height:60vh;
  overflow:auto;
}

/* ==========================
   KATEGORIJŲ BLOKAI
   ========================== */
.gsp-cat {
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
  border-radius:12px;
  padding:14px;
}

.gsp-cat__head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}

.gsp-cat__head strong {
  font-size:16px;
  font-weight:700;
}

.gsp-cat p {
  opacity:.9;
  font-size:14px;
}

/* ==========================
   SWITCH (jungiklis)
   ========================== */
.gsp-switch { position:relative; width:48px; height:26px; }
.gsp-switch input { opacity:0; width:0; height:0; }

.gsp-slider {
  position:absolute;
  inset:0;
  background:#666;
  border-radius:20px;
  cursor:pointer;
  transition:.2s;
}

.gsp-slider::before {
  content:"";
  width:20px;
  height:20px;
  left:3px;
  top:3px;
  position:absolute;
  background:white;
  border-radius:50%;
  transition:.2s;
}

.gsp-switch input:checked + .gsp-slider {
  background:#adc63b;
}

.gsp-switch input:checked + .gsp-slider::before {
  transform:translateX(20px);
}

/* ==========================
   RESPONSIVE (MOBILE)
   ========================== */
@media (max-width:900px){

  .gsp-banner {
    flex-direction:column;
    padding:16px 18px;
  }

  .gsp-banner__text {
    max-width:100%;
  }

  .gsp-banner__actions {
    width:100%;
    flex-direction:column;
    margin-right:0;
  }

  .gsp-btn {
    width:100%;
  }

  .gsp-modal__footer {
    flex-direction:column;
    gap:10px;
  }

  .gsp-modal__btns {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
}

/* ==========================
   Shortcode nuoroda
   ========================== */
.gsp-cookie-settings {
  color:#09919e;
  cursor:pointer;
  text-decoration:underline;
}
.gsp-cookie-settings:hover { color:#adc63b; }
