/*
 * JETMECH Arabic page typography — 2026-07-26
 * Text direction and type only. Existing widths, heights, spacing, grids,
 * buttons, cards, images, and interaction geometry remain unchanged.
 */

body.page-ar {
  direction: ltr;
  font-family: Tahoma, Arial, sans-serif;
}

/*
 * A legacy RTL selector in the shared stylesheet turns the entire header into
 * an old grid. Restore the current English header container before applying
 * Arabic text direction; this keeps the established header geometry intact.
 */
.page-ar .site-header[data-header] {
  display: block !important;
  padding: 0 clamp(20px, 3.2vw, 44px) !important;
  background: rgba(246, 250, 255, 0.94) !important;
  border-bottom-color: rgba(24, 67, 119, 0.12) !important;
}

.page-ar .site-header[data-header] .brand {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: auto !important;
}

.page-ar .site-header[data-header] .site-nav {
  gap: clamp(8px, 1vw, 14px) !important;
}

.page-ar .site-header[data-header] .header-whatsapp {
  flex: 0 0 146px !important;
  width: 146px !important;
  min-width: 146px !important;
  max-width: 146px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 5px 8px !important;
  gap: 1px !important;
  border-radius: 10px !important;
}

.page-ar .site-header[data-header] .header-whatsapp span {
  font-size: 8px !important;
  line-height: 1 !important;
}

.page-ar .site-header[data-header] .header-whatsapp strong {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.page-ar .site-language-option {
  font-family: var(--font-sans);
}

.page-ar :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  dt,
  dd,
  figcaption,
  label,
  .eyebrow,
  .product-label,
  .detail-summary span,
  .spec-highlight-grid span,
  .spec-table span,
  .spec-table p,
  .company-focus-title strong,
  .quote-form-heading span,
  .quote-form-heading strong,
  .quote-form-note
) {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
  letter-spacing: 0;
}

.page-ar :where(
  .site-nav a,
  .button,
  .product-tab,
  .quote-submit,
  .footer-links a,
  .footer-contact a,
  .header-whatsapp span
) {
  direction: rtl;
  unicode-bidi: plaintext;
  letter-spacing: 0;
}

.page-ar :where(
  .button,
  .product-tab,
  .quote-submit,
  .site-language-option
) {
  text-align: center;
}

.page-ar .button {
  line-height: 1.2;
}

.page-ar .hero-content,
.page-ar .section-header,
.page-ar .detail-header,
.page-ar .detail-section-title > div,
.page-ar .product-copy,
.page-ar .visual-card-body,
.page-ar .company-panel,
.page-ar .contact-copy,
.page-ar .contact-side,
.page-ar .footer-brand,
.page-ar .footer-links,
.page-ar .footer-contact {
  text-align: right;
}

.page-ar .hero h1 {
  font-size: clamp(38px, 4.6vw, 60px);
  line-height: 1.14;
  text-wrap: balance;
}

.page-ar .section-header h2,
.page-ar .company-panel h2,
.page-ar .contact-copy h2 {
  line-height: 1.24;
  text-wrap: balance;
}

.page-ar .detail-section-title h4,
.page-ar .visual-config-heading h4,
.page-ar .spec-block h4 {
  line-height: 1.32;
  text-wrap: balance;
}

.page-ar .product-tab span {
  direction: rtl;
  unicode-bidi: isolate;
  text-align: center;
  letter-spacing: 0;
}

.page-ar .product-tab strong,
.page-ar [data-mobile-switch-label],
.page-ar .spec-highlight-grid strong,
.page-ar .machine-model,
.page-ar [data-site-visit-count] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: inherit;
}

.page-ar .quote-form input,
.page-ar .quote-form select {
  direction: rtl;
  text-align: right;
}

.page-ar .quote-form input::placeholder {
  direction: rtl;
  text-align: right;
}

.page-ar .contact-company-info {
  direction: ltr;
}

.page-ar .contact-company-info dt,
.page-ar .contact-company-info dd {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

.page-ar .contact-company-info .contact-factory-name dd,
.page-ar .footer-contact,
.page-ar .footer-contact a,
.page-ar .footer-contact span,
.page-ar .header-whatsapp strong {
  direction: ltr;
  unicode-bidi: isolate;
}

.page-ar .site-language-row,
.page-ar .site-language-option {
  direction: ltr;
}

.page-ar .site-language-option[lang="ar"] {
  direction: rtl;
}

/*
 * Preserve the established left-hand sticky specification label column.
 * The Arabic label itself is right-aligned; model values remain LTR.
 */
.page-ar .shedding-spec-table {
  direction: ltr;
}

.page-ar .shedding-spec-table thead th:first-child,
.page-ar .shedding-spec-table tbody th,
html[dir="rtl"] .page-ar .shedding-spec-table thead th:first-child,
html[dir="rtl"] .page-ar .shedding-spec-table tbody th {
  right: auto;
  left: 0;
  inset-inline-start: auto;
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
  box-shadow: 7px 0 12px -10px rgba(9, 42, 99, 0.62);
}

.page-ar .shedding-spec-table thead th:not(:first-child),
.page-ar .shedding-spec-table tbody td {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: center;
}

html[dir="rtl"] .page-ar .shedding-table-scroll-cue--next::before {
  transform: rotate(45deg);
}

html[dir="rtl"] .page-ar .shedding-table-scroll-cue--previous::before {
  transform: rotate(-135deg);
}

@media (max-width: 900px) {
  .page-ar .site-header[data-header] {
    padding: 0 8px !important;
    background: rgba(247, 250, 255, 0.91) !important;
    border-bottom-color: rgba(149, 171, 204, 0.32) !important;
  }

  .page-ar .site-header[data-header] .header-whatsapp {
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding-inline: 6px !important;
    gap: 2px !important;
    border-radius: 8px !important;
  }

  .page-ar .site-header[data-header] .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: min(100%, 166px) !important;
    max-width: 166px !important;
  }

  .page-ar .site-header[data-header] .site-nav > a:not(.nav-whatsapp) {
    justify-content: flex-end !important;
    text-align: right;
  }

  .page-ar .site-header[data-header] .site-nav {
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: center !important;
    position: absolute !important;
    top: 100% !important;
    right: 10px !important;
    left: auto !important;
    width: min(300px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100svh - var(--header-height) - var(--site-language-row-space) - 12px) !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .page-ar .site-header[data-header] .site-nav.is-open,
  .page-ar .site-header[data-header] .site-nav[data-open="true"] {
    display: flex !important;
  }

  .page-ar .site-header[data-header] .header-whatsapp span {
    font-size: 7.2px !important;
    line-height: 1;
  }
}

@media (max-width: 390px) {
  .page-ar .site-header[data-header] .brand {
    width: 136px !important;
    max-width: 136px !important;
  }

  .page-ar .site-header[data-header] .header-whatsapp {
    flex-basis: 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    padding-inline: 5px !important;
  }
}

@media (max-width: 640px) {
  .page-ar .hero h1 {
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.18;
  }

  .page-ar .hero-actions .button,
  .page-ar .product-tab {
    font-size: 11px;
    line-height: 1.2;
  }

  .page-ar .detail-section-title h4,
  .page-ar .visual-config-heading h4,
  .page-ar .spec-block h4 {
    font-size: 0.94em;
  }
}

@media (min-width: 641px) {
  .page-ar .hero-actions .button {
    white-space: nowrap;
  }

  .page-ar .hero-actions .button:first-child {
    inline-size: 158.8px;
    font-size: 12.8px;
  }

  .page-ar .hero-actions .button:nth-child(2) {
    inline-size: 256.4px;
    font-size: 12.4px;
  }
}

/*
 * Arabic header physical-order lock — 2026-07-26
 * Keep the shared English header geometry and item positions at every
 * breakpoint. RTL applies to Arabic copy only, never to header placement.
 */
.page-ar .site-header[data-header],
.page-ar .site-header[data-header] .header-inner,
.page-ar .site-header[data-header] .site-nav,
.page-ar .site-header[data-header] .site-language-row {
  direction: ltr !important;
  unicode-bidi: isolate;
}

.page-ar .site-header[data-header] .site-language-option {
  direction: ltr !important;
  unicode-bidi: isolate;
}

.page-ar .site-header[data-header] .site-language-option[lang="ar"] {
  direction: rtl !important;
}

@media (min-width: 901px) and (max-width: 980px) {
  .page-ar .site-header[data-header] .header-whatsapp {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  .page-ar .site-header[data-header] .site-nav {
    right: 10px !important;
    left: auto !important;
    width: 250px !important;
    max-width: calc(100vw - 20px) !important;
  }
}

@media (max-width: 900px) {
  .page-ar .site-header[data-header] .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .page-ar .site-header[data-header] .header-whatsapp {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .page-ar .site-header[data-header] .menu-toggle {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .page-ar .site-header[data-header] .site-nav {
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;
  }
}