/* ============================================================
   navbar.css — IceCode Solutions | Shared Navbar Styles
   Used by every page in both /en/ and /ar/
   ============================================================ */

:root {
  --ice-blue:      #38bdf8;
  --ice-blue-dark: #0284c7;
  --ice-navy:      #0f172a;
  --ice-border:    #e0f2fe;
  --text-muted:    #64748b;
}

/* ── Navbar Shell ── */
.navbar {
  background: #fff !important;
  border-bottom: 1px solid var(--ice-border);
  padding: 14px 0;
}

/* ── Brand ── */
.brand-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.navbar-brand span {
  color: var(--ice-navy);
  font-size: 18px;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
}

/* ── Nav Links ── */
.nav-link {
  color: var(--text-muted) !important;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Cairo', sans-serif;
  transition: color .2s;
  padding: 6px 4px !important;
}
.nav-link:hover,
.nav-link.active {
  color: var(--ice-blue) !important;
}

/* ── Buttons ── */
.btn-ice {
  background: var(--ice-blue);
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-family: 'Cairo', sans-serif;
  padding: 8px 22px;
  font-size: 14px;
  transition: background .2s, transform .15s;
  text-decoration: none;
  display: inline-block;
}
.btn-ice:hover {
  background: var(--ice-blue-dark);
  color: #fff !important;
  transform: translateY(-1px);
}

.btn-ice-outline {
  background: transparent;
  color: var(--ice-blue) !important;
  border: 1.5px solid var(--ice-blue);
  border-radius: 10px;
  font-weight: 700;
  font-family: 'Cairo', sans-serif;
  padding: 8px 22px;
  font-size: 14px;
  transition: all .2s;
  text-decoration: none;
  display: inline-block;
}
.btn-ice-outline:hover {
  background: var(--ice-blue);
  color: #fff !important;
}

/* ── Mobile Toggler ── */
.navbar-toggler {
  border: 1.5px solid var(--ice-border);
  border-radius: 8px;
  padding: 6px 10px;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 3px rgba(56,189,248,0.15);
}

/* ── Mobile Dropdown ── */
@media (max-width: 991px) {
  .navbar-collapse {
    padding: 16px 0 8px;
    border-top: 1px solid var(--ice-border);
    margin-top: 12px;
  }
  .nav-link {
    padding: 10px 4px !important;
    border-bottom: 1px solid var(--ice-border);
  }
  .nav-link:last-child {
    border-bottom: none;
  }
  .d-flex.gap-2 {
    margin-top: 12px;
    padding-top: 12px;
  }
}