/* ==========================================================================
   VERDI HERD — Responsive Refinements
   Breakpoints: 1920 / 1440 / 1200 / 992 / 768 / 576 / 375
   ========================================================================== */

/* Extra-large desktop polish */
@media (min-width: 1400px) {
  .container-vh { max-width: 1280px; }
  .vh-hero { min-height: 82vh; }
}

/* Large desktop / laptop (≤1200px) */
@media (max-width: 1199.98px) {
  .display-hero { font-size: 52px; }
  .headline-lg { font-size: 38px; }
}

/* Tablet landscape (≤991.98px) — nav collapses */
@media (max-width: 991.98px) {
  .vh-hero { min-height: 64vh; }
  .vh-section-pad { padding-block: 64px; }
  .vh-bento { aspect-ratio: 4 / 3; }
  .vh-footer .row > div { margin-bottom: 40px; }
  .vh-footer .row > div:last-child { margin-bottom: 0; }
}

/* Tablet portrait (≤767.98px) */
@media (max-width: 767.98px) {
  .display-hero { font-size: 38px; }
  .headline-lg { font-size: 30px; }
  .headline-md { font-size: 22px; }
  .vh-hero { min-height: 60vh; text-align: center; }
  .vh-hero-content .d-flex { justify-content: center; }
  .vh-cat-card { aspect-ratio: 1 / 1; }
  .vh-table-row { grid-template-columns: 32px 1fr; row-gap: 12px; }
  .vh-table-row .text-end { grid-column: 1 / -1; text-align: left !important; }
  .vh-whatsapp-float, .vh-back-to-top { width: 44px; height: 44px; font-size: 20px; }
}

/* Mobile landscape / large phones (≤575.98px) */
@media (max-width: 575.98px) {
  :root { --gutter: 20px; --section-gap: 64px; }
  .display-hero { font-size: 32px; line-height: 1.15; }
  .headline-lg { font-size: 26px; }
  .vh-stat-num { font-size: 36px; }
  .btn-vh { width: 100%; }
  .btn-vh.btn-vh-inline, .vh-product-card .btn-vh { width: auto; }
  .vh-hero { min-height: 56vh; }
  .vh-card-body, .vh-product-card .vh-product-body { padding: 14px; }
}

/* Small phones (≤375px) */
@media (max-width: 380px) {
  .display-hero { font-size: 28px; }
  .container-vh { padding-inline: 16px; }
  .vh-footer, .vh-section-pad { padding-block: 48px; }
}

/* ---------------------------------------------------------------------- */
/* RTL (Arabic) — mirrors directional spacing/icons handled via [dir="rtl"] */
/* ---------------------------------------------------------------------- */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] .font-display,
html[dir="rtl"] .display-hero,
html[dir="rtl"] .headline-lg,
html[dir="rtl"] .headline-md,
html[dir="rtl"] .body-lg,
html[dir="rtl"] .body-md,
html[dir="rtl"] .label-caps,
html[dir="rtl"] .navbar-brand,
html[dir="rtl"] .btn-vh {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
}

html[dir="rtl"] .label-caps,
html[dir="rtl"] .btn-vh,
html[dir="rtl"] .vh-nav-link,
html[dir="rtl"] .vh-overline {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir="rtl"] .vh-overline::before { order: 2; }
html[dir="rtl"] .btn-vh .bi-arrow-right::before { content: "\f12e"; } /* mirror to arrow-left glyph */
html[dir="rtl"] .vh-nav-link { margin-inline: 16px; }
html[dir="rtl"] .vh-table-row { grid-template-columns: 48px 1fr auto; }

/* Print */
@media print {
  .vh-header, .vh-footer, .vh-back-to-top, .vh-whatsapp-float, .navbar-toggler { display: none !important; }
}