/**
 * REEMCO Single Product Page - Layout & Grid System
 * RTL-First, Logical Properties, Zero !important
 */

/* ═══ CSS RESET & BASE TYPOGRAPHY ═══ */
*, *::before, *::after {
  box-sizing: border-box;
}

body.single-product,
.rcp-pdp-body {
  margin: 0;
  padding: 0;
  background-color: var(--rcp-surface, #FFFFFF);
  color: var(--rcp-body, #334155);
  font-family: var(--rcp-font, "Cairo", system-ui, sans-serif);
  font-size: 16px;
  line-height: 1.9;
  direction: rtl;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ═══ ZERO-GAP FLUSH MOUNT TO SITE HEADER & MENU ═══ */
.single-product .site-header,
.single-product #ast-desktop-header,
.single-product #ast-mobile-header,
.single-product .ast-above-header,
.single-product .ast-primary-header,
.single-product .ast-below-header {
  display: none !important;
}

.single-product #content.site-content,
.single-product #content,
.single-product .site-content,
.single-product #primary,
.single-product #main,
.single-product .ast-container,
.single-product .ast-woocommerce-container,
.single-product article.type-product,
.single-product .entry-content,
.single-product .woocommerce-notices-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.single-product .site-content > .ast-container {
  padding-inline: 0 !important;
  max-width: 100% !important;
}

.single-product .woocommerce-breadcrumb,
.single-product .ast-breadcrumbs-wrapper,
.single-product .ast-woocommerce-breadcrumb {
  display: none !important;
}

/* Tabular numerals for all commercial & technical figures */
.rcp-num,
.rcp-price,
.rcp-sku,
.rcp-spec-val,
.rcp-stepper__val,
.rcp-calc-val {
  font-family: var(--rcp-font-num, "Rubik", "Cairo", sans-serif);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

/* LTR isolators for English tokens inside Arabic text */
.rcp-ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* ═══ PAGE WRAPPER & SECTIONS ═══ */
.rcp-pdp-wrapper {
  width: 100%;
  max-width: var(--rcp-max, 1280px);
  margin-inline: auto;
  padding-inline: var(--rcp-4, 16px);
}

.rcp-section {
  padding-block: var(--rcp-7, 48px);
  border-block-start: 1px solid var(--rcp-line, #E2E8F0);
}

.rcp-section--alt {
  background-color: var(--rcp-surface-2, #F8FAFB);
}

.rcp-section--dark {
  background-color: var(--rcp-green-deep, #1A3C2A);
  color: #FFFFFF;
}

/* ═══ SECTION HEADINGS ═══ */
.rcp-section__title {
  font-family: var(--rcp-font, "Cairo", sans-serif);
  font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  font-weight: 700;
  color: var(--rcp-ink, #1E293B);
  margin-block-start: 0;
  margin-block-end: var(--rcp-5, 24px);
  display: flex;
  align-items: center;
  gap: var(--rcp-3, 12px);
  position: relative;
  padding-inline-start: var(--rcp-4, 16px);
}

.rcp-section__title::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: var(--rcp-gold-grad, #D4AF37);
  border-radius: var(--rcp-r-pill, 999px);
}

.rcp-section--dark .rcp-section__title {
  color: #FFFFFF;
}

.rcp-section__subtitle {
  font-size: 14.5px;
  color: var(--rcp-muted, #64748B);
  margin-block-start: calc(var(--rcp-3, 12px) * -1);
  margin-block-end: var(--rcp-5, 24px);
  max-width: 68ch;
}

.rcp-section--dark .rcp-section__subtitle {
  color: rgba(255, 255, 255, 0.7);
}

/* ═══ BREADCRUMB RAIL ═══ */
.rcp-breadcrumbs {
  padding-block: var(--rcp-3, 12px);
  background: var(--rcp-surface, #FFFFFF);
  border-block-end: 1px solid var(--rcp-line, #E2E8F0);
  font-size: 13.5px;
}

.rcp-breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: var(--rcp-2, 8px);
  margin: 0;
  padding: 0;
  list-style: none;
  scrollbar-width: none;
}

.rcp-breadcrumbs__list::-webkit-scrollbar {
  display: none;
}

.rcp-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: var(--rcp-2, 8px);
  white-space: nowrap;
  color: var(--rcp-muted, #64748B);
}

.rcp-breadcrumbs__link {
  color: var(--rcp-muted, #64748B);
  text-decoration: none;
  transition: color 150ms ease;
}

.rcp-breadcrumbs__link:hover {
  color: var(--rcp-green, #2D6A4F);
}

.rcp-breadcrumbs__current {
  color: var(--rcp-ink, #1E293B);
  font-weight: 600;
}

.rcp-breadcrumbs__sep {
  color: var(--rcp-line-strong, #CBD5E1);
  font-size: 11px;
}

/* ═══ HERO SECTION GRID ═══ */
.rcp-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--rcp-6, 32px);
  padding-block: var(--rcp-4, 16px) var(--rcp-7, 48px);
  align-items: start;
}

@media (min-width: 1024px) {
  .rcp-hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: var(--rcp-7, 48px);
  }
}

/* ═══ BUYER MODE ADAPTIVE REORDERING (CSS ORDER ONLY, NO DOM REFLOW) ═══ */
.rcp-dynamic-sections {
  display: flex;
  flex-direction: column;
}

/* Default / B2C mode order */
.rcp-mode--b2c #sec-spec-highlights  { order: 1; }
.rcp-mode--b2c #sec-description      { order: 2; }
.rcp-mode--b2c #sec-calculator       { order: 3; }
.rcp-mode--b2c #sec-bundle           { order: 4; }
.rcp-mode--b2c #sec-compatibility    { order: 5; }
.rcp-mode--b2c #sec-howto            { order: 6; }
.rcp-mode--b2c #sec-compare          { order: 7; }
.rcp-mode--b2c #sec-faq              { order: 8; }
.rcp-mode--b2c #sec-reviews          { order: 9; }
.rcp-mode--b2c #sec-contractors      { order: 10; }
.rcp-mode--b2c #sec-rails            { order: 11; }
.rcp-mode--b2c #sec-policies         { order: 12; }

/* B2B / Contractor mode order (Promotes Specs, Tiers, Calculator, Sibling Compare & BOQ) */
.rcp-mode--b2b #sec-spec-highlights  { order: 1; }
.rcp-mode--b2b #sec-contractors      { order: 2; }
.rcp-mode--b2b #sec-compare          { order: 3; }
.rcp-mode--b2b #sec-calculator       { order: 4; }
.rcp-mode--b2b #sec-description      { order: 5; }
.rcp-mode--b2b #sec-compatibility    { order: 6; }
.rcp-mode--b2b #sec-bundle           { order: 7; }
.rcp-mode--b2b #sec-howto            { order: 8; }
.rcp-mode--b2b #sec-faq              { order: 9; }
.rcp-mode--b2b #sec-reviews          { order: 10; }
.rcp-mode--b2b #sec-rails            { order: 11; }
.rcp-mode--b2b #sec-policies         { order: 12; }