/* Atlas SkyBlue Theme (overlay)
   - Designed to sit AFTER all other CSS files
   - Uses !important to override atlas_ai_1_2_3.css
*/

:root{
  --sky-primary: #2aa7c9;
  --sky-primary-2: #4bd0ff;
  --sky-primary-rgb: 42, 167, 201;

  --sky-bg-overlay: rgba(3, 20, 35, 0.45);
  --sky-surface: rgba(255,255,255,0.12);
  --sky-surface-2: rgba(255,255,255,0.18);
  --sky-border: rgba(255,255,255,0.22);
  --sky-text: rgba(255,255,255,0.92);
  --sky-muted: rgba(255,255,255,0.70);

  --sky-shadow: 0 10px 30px rgba(0,0,0,0.25);
  --sky-radius: 18px;
}

/* ---------- Global background - OVERRIDE ALL ---------- */
body.theme-skyblue,
body.theme-skyblue.atlas-ui,
body.theme-skyblue.atlas12,
.theme-skyblue.atlas-app,
.theme-skyblue .atlas-main {
  min-height: 100vh;
  background:
    linear-gradient(180deg, var(--sky-bg-overlay), rgba(3, 20, 35, 0.72)),
    url("../img/hero_city.webp") center/cover no-repeat fixed !important;
  color: var(--sky-text) !important;
}

/* Auth/login background - stronger selector */
body.auth-skyblue,
body.auth-skyblue.atlas-ui,
body.auth-skyblue.atlas12,
body.auth-skyblue.bg-light {
  background:
    linear-gradient(180deg, rgba(3, 20, 35, 0.55), rgba(3, 20, 35, 0.78)),
    url("../img/atlas_skyblue_login_bg.webp") center/cover no-repeat fixed !important;
  background-color: transparent !important;
}

/* Override any conflicting background */
.theme-skyblue .atlas-content,
.theme-skyblue .atlas-page-content,
.theme-skyblue .container,
.theme-skyblue .container-fluid {
  background: transparent !important;
}

/* ---------- Glass surfaces ---------- */
.theme-skyblue .card,
.theme-skyblue .atlas-card,
.theme-skyblue .atlas-content-card,
.theme-skyblue .modal-content,
.theme-skyblue .dropdown-menu,
.theme-skyblue .toast,
.theme-skyblue .list-group-item,
.theme-skyblue .auth-card {
  background: var(--sky-surface) !important;
  border: 1px solid var(--sky-border) !important;
  border-radius: var(--sky-radius) !important;
  box-shadow: var(--sky-shadow) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Tables: keep readability */
.theme-skyblue .table,
.theme-skyblue .table td,
.theme-skyblue .table th {
  color: var(--sky-text) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.theme-skyblue .table thead th {
  color: var(--sky-text) !important;
  background: rgba(255,255,255,0.10) !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

/* Inputs */
.theme-skyblue .form-control,
.theme-skyblue .form-select,
.theme-skyblue input[type="text"],
.theme-skyblue input[type="email"],
.theme-skyblue input[type="password"],
.theme-skyblue textarea {
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  color: var(--sky-text) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.theme-skyblue .form-control::placeholder,
.theme-skyblue input::placeholder {
  color: rgba(255,255,255,0.60) !important;
}
.theme-skyblue .form-control:focus,
.theme-skyblue .form-select:focus,
.theme-skyblue input:focus {
  border-color: rgba(var(--sky-primary-rgb), 0.65) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--sky-primary-rgb), 0.22) !important;
}

/* ---------- Sidebar ---------- */
.theme-skyblue .atlas-sidebar,
.theme-skyblue .atlas12-sidebar {
  background: rgba(255,255,255,0.10) !important;
  border-right: 1px solid rgba(255,255,255,0.16) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.theme-skyblue .atlas-sidebar-header,
.theme-skyblue .atlas12-sidebar-header {
  background: rgba(255,255,255,0.10) !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
}
.theme-skyblue .atlas-sidebar-brand,
.theme-skyblue .atlas-nav-link,
.theme-skyblue .atlas-nav-sublink,
.theme-skyblue .atlas12-brand,
.theme-skyblue .nav-link {
  color: var(--sky-text) !important;
}
.theme-skyblue .atlas-nav-link:hover,
.theme-skyblue .atlas-nav-sublink:hover,
.theme-skyblue .nav-link:hover {
  background: rgba(255,255,255,0.10) !important;
}
.theme-skyblue .atlas-nav-link.active,
.theme-skyblue .nav-link.active {
  background: rgba(var(--sky-primary-rgb), 0.18) !important;
  border-left: 3px solid rgba(var(--sky-primary-rgb), 0.90) !important;
}

/* ---------- Buttons ---------- */
.theme-skyblue .btn-primary,
.theme-skyblue .atlas-btn-primary {
  background: linear-gradient(135deg, rgba(var(--sky-primary-rgb),0.95), rgba(75,208,255,0.85)) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: 0 10px 24px rgba(var(--sky-primary-rgb), 0.20) !important;
  color: white !important;
}
.theme-skyblue .btn-primary:hover,
.theme-skyblue .atlas-btn-primary:hover {
  filter: brightness(1.05);
}
.theme-skyblue .btn-outline-primary {
  color: var(--sky-text) !important;
  border-color: rgba(var(--sky-primary-rgb), 0.55) !important;
  background: transparent !important;
}
.theme-skyblue .btn-outline-primary:hover {
  background: rgba(var(--sky-primary-rgb), 0.18) !important;
  border-color: rgba(var(--sky-primary-rgb), 0.80) !important;
}

/* Links */
.theme-skyblue a {
  color: rgba(120, 225, 255, 0.95) !important;
}
.theme-skyblue a:hover {
  color: rgba(170, 240, 255, 0.98) !important;
}

/* Text colors */
.theme-skyblue .text-muted,
.theme-skyblue .form-label,
.theme-skyblue label {
  color: var(--sky-muted) !important;
}
.theme-skyblue .atlas-page-title,
.theme-skyblue h1,
.theme-skyblue h2,
.theme-skyblue h3,
.theme-skyblue h4,
.theme-skyblue h5,
.theme-skyblue h6,
.theme-skyblue p,
.theme-skyblue span,
.theme-skyblue .fw-semibold {
  color: var(--sky-text) !important;
}

/* Logo circle override */
.theme-skyblue .atlas12-logo-circle {
  background: linear-gradient(135deg, var(--sky-primary), var(--sky-primary-2)) !important;
  box-shadow: 0 0 20px rgba(var(--sky-primary-rgb), 0.4) !important;
}

/* Alert boxes */
.theme-skyblue .alert {
  background: var(--sky-surface) !important;
  border-color: var(--sky-border) !important;
  color: var(--sky-text) !important;
}