/* ═══════════════════════════════════════════════════
   CIBO DIET — arabic.css
   Loaded only on Arabic pages via header-ar.php
═══════════════════════════════════════════════════ */

/* ── Base ── */
body.ar { direction: rtl; font-family: 'Cairo', sans-serif; line-height: 1.8; }
body.ar h1, body.ar h2, body.ar h3,
body.ar h4, body.ar h5, body.ar h6 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    text-align: right;
}
body.ar p, body.ar li, body.ar span, body.ar label { direction: rtl; }

/* ── Keep centred sections centred ── */
body.ar .centered h1, body.ar .centered h2,
body.ar .centered h3, body.ar .centered p,
body.ar .centered .s-title, body.ar .centered .s-sub {
    text-align: center;
}
body.ar .rv.centered, body.ar .rv.centered .eyebrow {
    justify-content: center;
}

/* ── Nav RTL ── */
body.ar #nav {
  direction: ltr !important;
}
body.ar #nav .nav-right {
  order: 1 !important;
}
body.ar #nav .nav-links {
  order: 2 !important;
  flex-direction: row-reverse !important;
}
body.ar #nav .logo {
  order: 3 !important;
}
body.ar .nav-drop {
  right: 0 !important;
  left: auto !important;
  text-align: right !important;
}

/* ── Hero RTL ── */
body.ar .hero-section { flex-direction: row !important; justify-content: flex-end !important; min-height: 85vh !important; }
body.ar .hero-left {
  display: flow !important;
  direction: rtl !important;
  text-align: right !important;
  align-items: flex-end !important;
  padding: 140px 5% 160px 4% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  max-width: 680px !important;
}
body.ar .hero-left * {
  text-align: right !important;
  direction: rtl !important;
}
body.ar .hero-left h1,
body.ar .hero-left p,
body.ar .hero-left .hero-desc { text-align: right !important; }
body.ar .hero-badge { justify-content: flex-end !important; align-self: flex-end !important; }
body.ar .hero-btns {
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
}
body.ar .hero-stats { flex-direction: row-reverse !important; align-self: flex-end !important; }
body.ar .hero-overlay {
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(10,20,10,0.15) 35%,
    rgba(10,20,10,0.65) 60%,
    rgba(10,20,10,0.88) 100%
  ) !important;
}

/* ── Page banners ── */
body.ar .page-banner-content { direction: rtl !important; text-align: right !important; }
body.ar .page-banner-content h1,
body.ar .page-banner-content p { text-align: right !important; direction: rtl !important; }
body.ar .banner-btns { flex-direction: row-reverse !important; justify-content: flex-start !important; }

/* ── Eyebrow labels ── */
body.ar .eyebrow { justify-content: flex-start; }
body.ar .s-title, body.ar .s-sub { text-align: right; direction: rtl; }

/* ── Split sections ── */
body.ar .split { flex-direction: row-reverse; }

/* ── CTA section ── */
body.ar .cta-split-section { flex-direction: row-reverse; }
body.ar .cta-split-text { direction: rtl; text-align: right; }

/* ── Stats ── */
body.ar .stats-row { flex-direction: row-reverse; }
body.ar .stat { text-align: center; }

/* ── Cards ── */
body.ar .svc-card, body.ar .svc-body { direction: rtl; text-align: right; }
body.ar .plan-item { direction: rtl; text-align: right; }
body.ar .tcard, body.ar .tcard-body { direction: rtl; text-align: right; }
body.ar .tcard-meta { flex-direction: row-reverse; }
body.ar .blog-card-body { direction: rtl; text-align: right; }
body.ar .brc { direction: rtl; text-align: right; }
body.ar .val, body.ar .val-grid { direction: rtl; text-align: right; }

/* ── Hours ── */
body.ar .hrs-row { flex-direction: row-reverse; }

/* ── FAQ ── */
body.ar .faq-item { direction: rtl; }
body.ar .faq-q {
    flex-direction: row-reverse !important;
    text-align: right;
}
body.ar .faq-a {
    direction: rtl;
    text-align: right;
    padding-right: 16px;
    padding-left: 0;
}
body.ar .faq-icon {
    margin-left: 0;
    margin-right: auto;
}

/* ── HIW ── */
body.ar .hiw-img-body { direction: rtl; text-align: right; }
body.ar .hiw-step-badge { left: auto; right: -12px; }
body.ar .hiw-step { direction: rtl; text-align: right; }
body.ar .hiw-img-grid { direction: rtl; }

/* ── Dish cards ── */
body.ar .dish-body { direction: rtl; text-align: right; }
body.ar .dish-name, body.ar .dish-desc { direction: rtl; text-align: right; }
body.ar .dish-foot { flex-direction: row-reverse !important; }
body.ar .mac-row { flex-direction: row-reverse !important; }
body.ar .mac-item { text-align: center; }

/* ── Plan feature lists ── */
body.ar .plan-features, body.ar .plan-feature { direction: rtl; text-align: right; }

/* ── Branch cards ── */
body.ar .brc-info { direction: rtl; text-align: right; }
body.ar .brc-row { flex-direction: row-reverse; }

/* ── Menu sidebar RIGHT in Arabic ── */
body.ar #menuWrap { flex-direction: row-reverse !important; }

/* ── Forms ── */
body.ar input, body.ar textarea, body.ar select { direction: rtl; text-align: right; font-family: 'Cairo', sans-serif; }
body.ar input[type="tel"], body.ar input[type="email"] { direction: ltr; text-align: left; }

/* ── Footer ── */
body.ar footer { direction: rtl; }
body.ar .ft-grid { direction: rtl; flex-direction: row-reverse; }
body.ar .ft-col { text-align: right; direction: rtl; }
body.ar .ft-col ul { padding-right: 0; }
body.ar .ft-bot { direction: rtl; flex-direction: row-reverse; }
body.ar .socials { justify-content: flex-start; }
body.ar .ft-brand { text-align: right; }

/* ── Buttons ── */
body.ar .btn { font-family: 'Cairo', sans-serif; }

/* ── Mobile ── */
@media (max-width: 900px) {
    body.ar .hero-section { flex-direction: column !important; justify-content: flex-end !important; }
    body.ar .hero-left {
        padding: 120px 6% 80px !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        align-items: flex-start !important;
    }
    body.ar .hero-left * { text-align: right !important; }
    body.ar .hero-btns { justify-content: flex-start !important; flex-direction: row-reverse !important; }
    body.ar .hero-stats { align-self: auto !important; width: 100% !important; }
}
@media (max-width: 768px) {
    body.ar .hero-left { padding: 100px 5% 60px !important; }
    body.ar .split { flex-direction: column; }
    body.ar .banner-btns { justify-content: flex-start; }
    body.ar .hero-stats { overflow-x: auto; }
}
@media (max-width: 480px) {
    body.ar .hero-left { padding: 80px 4% 48px !important; }
    body.ar .hero-h1 { font-size: clamp(2.2rem,8vw,3.4rem) !important; }
    body.ar .hero-btns { flex-direction: column !important; gap: 10px !important; }
    body.ar .hero-btns .btn { width: 100%; justify-content: center; }
}

/* ── AI Chat — LEFT side for RTL ── */
body.ar #chatDrawer {
    right: auto !important;
    left: 24px !important;
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', sans-serif;
}
body.ar #chatBtn,
body.ar .chat-fab,
body.ar [onclick="toggleChat()"] {
    right: auto !important;
    left: 24px !important;
}

/* ── Bullets & Checklists RTL ── */
body.ar .check-list { direction: rtl !important; }
body.ar .check {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: flex-start !important;
  text-align: right !important;
  gap: 10px !important;
}
body.ar .check-icon {
  order: 2 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
}
body.ar .check > span,
body.ar .check > p {
  order: 1 !important;
  text-align: right !important;
  flex: 1 !important;
}
body.ar ul:not(.nav-links):not(.mob-list):not(.ft-col ul) {
  padding-right: 18px !important;
  padding-left: 0 !important;
  direction: rtl !important;
}
body.ar ul:not(.nav-links):not(.mob-list) > li {
  text-align: right !important;
}

/* ── Testimonial Slider RTL ── */
body.ar .tcard { direction: rtl; text-align: right; }
body.ar .tcard-body { direction: rtl; text-align: right; }
body.ar .tcard-meta { flex-direction: row-reverse !important; }
body.ar .tcard-rating { margin-left: 0; margin-right: auto; }
body.ar .tslider-controls { flex-direction: row-reverse !important; }
body.ar .tslider { direction: rtl; }

/* ── Stats separators: flip border side for RTL ── */
body.ar .hstat {
  border-right: none !important;
  border-left: 1px solid rgba(255,255,255,0.15) !important;
}
body.ar .hstat:last-child { border-left: none !important; }

/* ── Lang switcher visibility ── */
body.ar #nav .lbtn {
  color: var(--ink2) !important;
  border-color: var(--border) !important;
  background: transparent !important;
}
body.ar #nav .lbtn.on {
  background: var(--green) !important;
  border-color: var(--green) !important;
  color: #fff !important;
}

/* ── Arabic mobile grid fixes ── */
@media(max-width:768px) {
  .blog-ar-grid { grid-template-columns: 1fr !important; }
  .ar-split { grid-template-columns: 1fr !important; }
  .split-img { min-height: 260px !important; height: 400px !important; }
  .split-img-wrap { min-height: 260px !important; height: 400px !important; }
  .split-img img,
  .split-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}
@media(max-width:480px) {
  .split-img,
  .split-img-wrap { min-height: 260px !important; height: 360px !important; }
}

/* ── Arabic Mobile: Chat + WhatsApp button alignment ── */
@media(max-width:768px) {
  body.ar #chatFab { left: 20px; right: auto; }
  body.ar #waFab   { left: 20px; right: auto; }
  body.ar #chatDrawer { left: 12px; right: 12px; }
}