/* =============================================
   SERVIRIS - Global Styles
   ============================================= */

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Glass Navigation */
.glass-nav {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Gradient Text */
.gradient-text {
  background: linear-gradient(135deg, #000000 0%, #434343 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hide Scrollbar */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Override browser autofill background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: rgb(0, 0, 0) !important;
}

/* Premium Shadow */
.shadow-premium {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Dialog Backdrop */
dialog::backdrop {
  background: transparent;
}

/* =============================================
   Toast Notifications (Toastify)
   ============================================= */

.toastify {
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.toast-success {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.3),
    0 8px 10px -6px rgba(16, 185, 129, 0.2) !important;
}

.toast-error {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 25px -5px rgba(239, 68, 68, 0.3),
    0 8px 10px -6px rgba(239, 68, 68, 0.2) !important;
}

.toast-info {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.3),
    0 8px 10px -6px rgba(59, 130, 246, 0.2) !important;
}

.toast-warning {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.3),
    0 8px 10px -6px rgba(245, 158, 11, 0.2) !important;
}

.toastify .toast-close {
  color: white !important;
  opacity: 0.6;
  padding: 0 !important;
  margin-left: auto !important;
  padding-left: 12px !important;
  font-size: 13px !important;
  cursor: pointer;
  transition: opacity 0.2s ease;
  line-height: 1;
  font-weight: 300;
  flex-shrink: 0;
  order: 2 !important;
}

.toastify .toast-close:hover {
  opacity: 1;
}

/* =============================================
   Language Modal Styles
   ============================================= */

.lang-item .arrow-icon {
  display: block;
}

.lang-item .check-icon {
  display: none;
}

.lang-item.active .arrow-icon {
  display: none;
}

.lang-item.active .check-icon {
  display: block;
}

.lang-item.active {
  background-color: #f3f4f6;
}