/* ==========================================================================
   HSG - Hamdy Salem Group | Responsive Refinements & Card Grid Layouts
   Targeted adjustments across breakpoint spectrum (320px to 1920px+).
   ========================================================================== */

/* Ultra Wide Screens (1600px+) */
@media (min-width: 1600px) {
  :root {
    --container-max: 1440px;
  }
}

/* Desktop & Laptop Adjustments (1200px - 1439px) */
@media (max-width: 1439px) {
  .company-card-desc {
    font-size: var(--text-base);
    line-height: 1.6;
  }
}

/* Tablet & Mid-range Devices (768px - 1024px) */
@media (max-width: 1024px) {
  :root {
    --header-height: var(--header-height-mobile);
  }

  .section-padding {
    padding-block: var(--space-xl);
  }

  .company-card {
    padding: var(--space-lg);
  }

  .company-card-title {
    font-size: var(--text-xl);
  }
}

/* Mobile Devices (under 768px) */
@media (max-width: 768px) {
  .section-padding {
    padding-block: var(--space-lg);
  }

  .company-card {
    padding: var(--space-md) var(--space-lg);
  }

  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
}

/* Small Mobile Phones (320px - 480px) */
@media (max-width: 480px) {
  .container {
    padding-inline: var(--space-sm);
  }

  .company-card {
    padding: var(--space-md);
  }

  .btn {
    width: 100%;
    padding: 12px 20px;
  }

  .lang-switcher {
    padding: 2px;
  }

  .lang-btn {
    padding: 3px 8px;
  }
}