/* ================================================================
   brands.css — Page-exclusive styles for brands.html (Arabic RTL)
   Depends on: shared.css, site-shell.css
   This file contains ONLY rules unique to this page.
   ================================================================ */

/* ── Hero — tech background ── */
.bg-tech {
  background:
    linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)),
    url('../assets/gallery/0.webp') center / cover no-repeat fixed;
}

/* ── Glass nav — brands-specific border override ── */
.glass-nav {
  border-bottom: 3px solid #1e40af;
}

/* ── Partner brand cards ── */
.brand-card {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
              box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
              border-color 0.4s ease;
  border: 1px solid #f1f5f9;
  position: relative;
}

.brand-card:hover {
  transform: translateY(-15px);
  box-shadow: 0 20px 40px -15px rgba(30, 58, 138, 0.3);
  border-color: #2563eb;
}

/* ── Country flag tag (RTL: top-left) ── */
.flag-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(255, 255, 255, 0.9);
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 800;
  border: 1px solid #e2e8f0;
}

/* ── Slider container — brands-specific background ── */
.slider-container {
  background: #f9fbff;
}