/* ================================
   SWITCHER
================================ */

#gsskgeolocation-switcher {
  padding: 2px 2px;
  cursor: pointer;
  white-space: nowrap;
}


/* ================================
   OVERLAY
================================ */

#gsskgeolocation-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  display: none;
}


/* ================================
   POPUP CONTAINER
================================ */

#gsskgeolocation-popup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;

  width: 100%;
  max-width: 420px;

  display: none;
  pointer-events: auto;
}

.gsskgeolocation-popup {
  background: none;
}


/* ================================
   POPUP INNER
   (bez paddingu – pełna szerokość nagłówka)
================================ */

.gsskgeolocation-popup-inner {
  background: #fff;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  overflow: hidden; /* żeby tło nagłówka „szło” z zaokrągleniem */
}


/* ================================
   HEADER – NA CAŁĄ SZEROKOŚĆ
================================ */

.gsskgeolocation-popup-header {
  background: #f5f7fa;
  padding: 14px 20px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.gsskgeolocation-popup-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}


/* ================================
   BODY
================================ */

.gsskgeolocation-popup-body {
  padding: 20px;
}

.gsskgeolocation-popup-body .form-group {
  margin-bottom: 14px;
}

.gsskgeolocation-popup-body label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 13px;
}

.gsskgeolocation-popup-body select {
  width: 100%;
  height: 36px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
}


/* ================================
   SHARE LINK
================================ */

.gsskgeolocation-share-box {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}

.gsskgeolocation-checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  cursor: pointer;
}

.gsskgeolocation-share-link-wrapper {
  margin-top: 8px;
}

#gsskgeolocation-share-link {
  font-size: 12px;
  color: #2e7d32;
}


/* ================================
   FOOTER / BUTTONS
================================ */

.gsskgeolocation-popup-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 20px 20px; /* spójnie z body */
  margin-top: 0;
}

.gsskgeolocation-popup-footer .btn.gsskgeolocation-popup-close:hover {
  border-color: #ff9800 !important;
}


/* ================================
   RESPONSIVE
================================ */

@media (max-width: 480px) {
  #gsskgeolocation-popup {
    max-width: 94%;
  }

  .gsskgeolocation-popup-body {
    padding: 16px;
  }

  .gsskgeolocation-popup-footer {
    padding: 0 16px 16px 16px;
  }

  .gsskgeolocation-popup-header {
    padding: 12px 16px;
  }

  .gsskgeolocation-popup-header h3 {
    font-size: 16px;
  }
}


/* ================================
   LEFT ALIGN: COUNTRY / LANGUAGE /
   CURRENCY / CHECKBOX
================================ */

.gsskgeolocation-popup .form-group label {
  text-align: left !important;
}

.gsskgeolocation-popup select {
  text-align-last: left;
}

.gsskgeolocation-popup .gsskgeolocation-checkbox {
  justify-content: flex-start !important;
  text-align: left !important;
}