/* ============================================
   RESPONSIVE BREAKPOINTS
   Adeegsame Group Holding
   ============================================ */

/* ── Tablet (≤1024px) ── */
@media (max-width: 1024px) {
  :root {
    --text-6xl: 2.75rem;
    --text-5xl: 2.25rem;
    --text-4xl: 1.875rem;
    --text-3xl: 1.5rem;
  }

  .container { padding: 0 var(--space-5); }
  .section { padding: var(--space-16) 0; }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--services { grid-template-columns: repeat(2, 1fr); }
  .grid--industries { grid-template-columns: repeat(2, 1fr); }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .partner-grid { grid-template-columns: repeat(3, 1fr); }
  .culture-grid { grid-template-columns: repeat(2, 1fr); }

  .footer__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-8); }

  .hero__title { font-size: var(--text-5xl); }
  .hero__stats { gap: var(--space-5); flex-wrap: wrap; }
  .hero__float--map { display: none; }

  .ceo-section { grid-template-columns: 1fr; }
  .ceo-photo { position: static; max-width: 400px; }

  .gallery-masonry { columns: 2; }

  .nav__links { display: none; }
  .nav__mobile-toggle { display: flex; }
}

/* ── Small Tablet (≤768px) ── */
@media (max-width: 768px) {
  :root {
    --text-6xl: 2.25rem;
    --text-5xl: 1.875rem;
    --text-4xl: 1.5rem;
    --text-3xl: 1.25rem;
    --nav-height: 56px;
  }

  .section { padding: var(--space-12) 0; }
  .section--lg { padding: var(--space-16) 0; }
  .section-header { margin-bottom: var(--space-8); }
  .section-header h2 { font-size: var(--text-3xl); }

  .grid--2 { grid-template-columns: 1fr; }
  .grid--3 { grid-template-columns: 1fr; }
  .grid--services { grid-template-columns: 1fr; }
  .grid--industries { grid-template-columns: 1fr; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
  .partner-grid { grid-template-columns: repeat(2, 1fr); }
  .culture-grid { grid-template-columns: 1fr; }

  .hero { min-height: 85vh; }
  .hero__content { padding: calc(var(--nav-height) + var(--space-10)) 0 var(--space-10); }
  .hero__ctas { flex-direction: column; }
  .hero__ctas .btn { width: 100%; }
  .hero__stats { flex-direction: row; flex-wrap: wrap; gap: var(--space-4); }
  .hero__stat { flex: 1; min-width: 100px; }

  .page-header { padding: calc(var(--nav-height) + var(--space-10)) 0 var(--space-8); }
  .page-header h1 { font-size: var(--text-4xl); }

  .footer__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .footer__bottom { flex-direction: column; gap: var(--space-3); text-align: center; }

  .form-row { grid-template-columns: 1fr; }

  .event-card { flex-direction: column; }
  .event-card__date-block { 
    flex-direction: row; 
    gap: var(--space-2); 
    min-width: auto; 
    border-right: none;
    border-bottom: 1px solid var(--border-light);
  }

  .job-card { flex-direction: column; align-items: flex-start; gap: var(--space-3); }

  .subsidiary-card { flex-direction: column; }

  .cta-section__buttons { flex-direction: column; align-items: center; }
  .cta-section__buttons .btn { width: 100%; max-width: 300px; }

  .gallery-masonry { columns: 1; }

  .tabs { gap: 0; }
  .tab { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); }
  .about-section {display: flex;flex-direction: column;}
  .home-delight {display: flex;flex-direction: column;}
  .home-testimonials {display: flex;flex-direction: column;}
}

/* ── Mobile (≤480px) ── */
@media (max-width: 480px) {
  :root {
    --text-6xl: 1.875rem;
    --text-5xl: 1.625rem;
    --text-4xl: 1.375rem;
  }

  .container { padding: 0 var(--space-4); }

  .hero__label { font-size: 9px; }

  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-item { padding: var(--space-4); }
  .stat-item__value { font-size: var(--text-2xl); }

  .partner-grid { grid-template-columns: 1fr 1fr; }

  .btn--lg { padding: 11px 24px; font-size: var(--text-sm); }

  .nav__actions { gap: var(--space-1); }

  .whatsapp-float { width: 46px; height: 46px; bottom: var(--space-4); right: var(--space-4); }
  .back-to-top { bottom: calc(var(--space-4) + 54px); right: var(--space-4); width: 36px; height: 36px; }
}

/* ── Ultra-wide (≥1600px) ── */
@media (min-width: 1600px) {
  :root {
    --container-max: 1400px;
    --container-wide: 1600px;
  }
}