/* ============================================================
   QONWA COMPANY — Responsive Stylesheet v2.0
   ============================================================ */

/* ── LARGE DESKTOP (1920px) ─────────────────────────────────── */
@media (min-width: 1600px) {
  .nav-inner {
    max-width: 1440px;
  }

  .container {
    max-width: 1360px;
  }
}

/* ── DESKTOP (1440px) ───────────────────────────────────────── */
@media (max-width: 1440px) {
  .feature-bar-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* ── DESKTOP (1280px) ───────────────────────────────────────── */
@media (max-width: 1280px) {
  .nav-links a {
    padding: 8px 10px;
    font-size: 0.85rem;
  }

  .feature-bar-item {
    padding: 20px 14px;
    gap: 10px;
  }

  .feature-bar-text h4 { font-size: 0.75rem; }
  .feature-bar-text p  { font-size: 0.68rem; }
}

/* ── LAPTOP (1024px) ────────────────────────────────────────── */
@media (max-width: 1024px) {
  /* Navigation */
  .nav-links       { display: none; }
  .hamburger       { display: flex; }
  .nav-contact-btn { display: none !important; }

  .nav-right .lang-switcher { display: inline-flex; }

  /* Feature bar: 3 cols */
  .feature-bar-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .feature-bar-item:nth-child(3) {
    border-right: none;
  }

  [dir="rtl"] .feature-bar-item:nth-child(3) {
    border-left: none;
  }

  /* Hero */
  .hero-title  { font-size: 2.8rem; }
  .hero-desc   { font-size: 1rem; }

  /* About */
  .about-img-wrap img { min-height: 380px; }

  /* Values */
  .values-grid { grid-template-columns: repeat(2, 1fr); }

  /* Gallery grids */
  .gallery-grid       { grid-template-columns: repeat(2, 1fr); }
  .gallery-full-grid  { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid .gallery-item:first-child { grid-column: span 2; }

  /* Service images */
  .service-images-grid { grid-template-columns: repeat(3, 1fr); }

  /* Contact form */
  .contact-form-card { padding: 32px; }

  /* Spacing */
  .section-pad    { padding: 70px 0; }
  .section-pad-lg { padding: 90px 0; }
}

/* ── TABLET (768px) ─────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Topbar */
  #topbar .topbar-contact {
    flex-wrap: wrap;
    gap: 10px;
  }

  #topbar .topbar-contact span:last-child {
    display: none;
  }

  /* Feature bar: 2 cols */
  .feature-bar-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .feature-bar-item:nth-child(even) {
    border-right: none;
  }

  [dir="rtl"] .feature-bar-item:nth-child(even) {
    border-left: none;
  }

  /* Hero */
  #hero           { min-height: 80vh; }
  .hero-title     { font-size: 2.2rem; }
  .hero-desc      { font-size: 0.95rem; }
  .hero-buttons   { flex-direction: column; align-items: flex-start; }
  .scroll-indicator { display: none; }

  /* About */
  .about-img-wrap img { min-height: 300px; }
  .vm-card            { margin-bottom: 16px; }

  /* Why cards */
  .why-card  { padding: 24px 20px; }

  /* Services grid */
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* Stats */
  .stat-card { padding: 28px 16px; }
  .stat-number { font-size: 2.2rem; }

  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-grid .gallery-item:first-child { grid-column: span 1; }
  .gallery-full-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .footer-logo     { margin-bottom: 16px; }

  /* Spacing */
  .section-pad    { padding: 55px 0; }
  .section-pad-sm { padding: 40px 0; }
  .section-pad-lg { padding: 70px 0; }

  /* Page hero */
  .page-hero { padding: 70px 0 50px; }
  .page-hero-content h1 { font-size: 2rem; }

  /* Lightbox */
  .lightbox-prev { left: -44px; }
  .lightbox-next { right: -44px; }

  /* Service images */
  .service-images-grid { grid-template-columns: repeat(2, 1fr); }

  /* Contact */
  .contact-form-card { padding: 24px; }

  /* Floating buttons */
  .floating-contact { bottom: 60px; right: 16px; }
  [dir="rtl"] .floating-contact { right: auto; left: 16px; }
  .float-btn { width: 46px; height: 46px; font-size: 1.05rem; }
  .float-btn-tooltip { display: none; }
}

/* ── MOBILE (600px) ─────────────────────────────────────────── */
@media (max-width: 600px) {
  /* Feature bar: 1 col */
  .feature-bar-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Nav */
  .nav-inner      { height: 64px; padding: 0 16px; }
  .nav-brand-logo { height: 38px !important; }
  .logo-text      { font-size: 0.95rem !important; }
  .logo-sub       { font-size: 0.55rem !important; }

  /* Hero */
  #hero         { min-height: 75vh; }
  .hero-title   { font-size: 1.9rem; }
  .hero-content { padding: 60px 0 50px; }
  .btn-primary-qonwa,
  .btn-outline-qonwa  { padding: 12px 24px; font-size: 0.85rem; }

  /* Services grid: 1 col */
  .services-grid { grid-template-columns: 1fr; }

  /* Gallery */
  .gallery-full-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stat-card { padding: 24px 16px; }

  /* Values */
  .values-grid { grid-template-columns: 1fr; }

  /* Footer */
  #footer { padding-top: 50px; }

  /* Parallax */
  .parallax-bg { background-attachment: scroll; }

  /* Page hero */
  .page-hero { padding: 60px 0 40px; }
  .page-hero-content h1 { font-size: 1.7rem; }

  /* Lightbox */
  .lightbox-prev { left: -35px; }
  .lightbox-next { right: -35px; }
}

/* ── SMALL MOBILE (480px) ───────────────────────────────────── */
@media (max-width: 480px) {
  /* Nav inner */
  .nav-inner { padding: 0 12px; }

  /* Feature bar: 2 still but compact */
  .feature-bar-item { padding: 16px 10px; gap: 8px; }
  .feature-bar-icon { width: 36px; height: 36px; }
  .feature-bar-icon i { font-size: 0.85rem; }
  .feature-bar-text h4 { font-size: 0.7rem; }
  .feature-bar-text p  { display: none; }

  /* Hero */
  .hero-title     { font-size: 1.65rem; }
  .hero-label     { font-size: 0.68rem; }

  /* Service card image height */
  .service-card-img { height: 190px; }

  /* Gallery */
  .gallery-grid,
  .gallery-full-grid { grid-template-columns: 1fr; }
  .gallery-grid .gallery-item:first-child { grid-column: span 1; }

  /* Section title */
  .section-title { font-size: 1.65rem; }

  /* Floating */
  .float-btn { width: 42px; height: 42px; font-size: 0.95rem; }
  .floating-portal-btn span { display: none; }
}

/* ── TINY MOBILE (375px) ────────────────────────────────────── */
@media (max-width: 375px) {
  .hero-title  { font-size: 1.5rem; }
  .nav-inner   { height: 60px; }

  .feature-bar-grid { grid-template-columns: 1fr; }
  .feature-bar-item:last-child { border-right: none; border-bottom: none; }
}

/* ── RTL Specific ───────────────────────────────────────────── */
[dir="rtl"] {
  text-align: right;
}

[dir="rtl"] .hero-arrow-prev { left: auto; right: 30px; }
[dir="rtl"] .hero-arrow-next { right: auto; left: 30px; }

[dir="rtl"] .about-image-badge { left: auto; right: 24px; }

[dir="rtl"] .service-card-link i {
  transform: scaleX(-1);
}

[dir="rtl"] .contact-item:hover { transform: translateX(-6px); }

[dir="rtl"] .footer-links a:hover { transform: translateX(-4px); }

[dir="rtl"] .gallery-filter-btn { direction: rtl; }

[dir="rtl"] .breadcrumb-qonwa .sep { transform: scaleX(-1); display: inline-block; }

/* RTL Lightbox */
@media (max-width: 576px) {
  [dir="rtl"] .lightbox-prev { right: -40px; left: auto; }
  [dir="rtl"] .lightbox-next { left: -40px; right: auto; }
}

/* ── Arabic Font Overrides ──────────────────────────────────── */
[dir="rtl"] body {
  font-family: var(--font-ar);
}

[dir="rtl"] .nav-links a { letter-spacing: 0; }
[dir="rtl"] .section-label { letter-spacing: 0; }
[dir="rtl"] .hero-label { letter-spacing: 0; }
[dir="rtl"] .stat-label { letter-spacing: 0; }

/* ── Print ──────────────────────────────────────────────────── */
@media print {
  #topbar,
  #navbar,
  .floating-contact,
  .floating-portal-btn,
  .hero-arrows,
  .hero-indicators,
  .scroll-indicator {
    display: none !important;
  }

  body { font-size: 12pt; }
  .section-pad,
  .section-pad-sm { padding: 20pt 0; }
}