/* rtl.css — RTL layout overrides for Arabic mode */
/* Only applied when body has class 'rtl' */

@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

/* Arabic font for headings and serif elements */
body.rtl {
  direction: rtl;
}
body.rtl .hh,
body.rtl .sec-title,
body.rtl .ch,
body.rtl .feat-title,
body.rtl .cuis-title,
body.rtl .cta-title,
body.rtl .f-title,
body.rtl .auth-title,
body.rtl .browse-title,
body.rtl .hero-name,
body.rtl .hero-subtitle,
body.rtl .about-headline,
body.rtl .gallery-title,
body.rtl .services-title,
body.rtl .q-text,
body.rtl .done-title,
body.rtl h1, body.rtl h2, body.rtl h3 {
  font-family: 'Noto Naskh Arabic', 'Cormorant Garamond', Georgia, serif;
}

/* Flip flex directions */
body.rtl .nav-links,
body.rtl .nav-acts,
body.rtl .hctas,
body.rtl .hstats,
body.rtl .hero-meta,
body.rtl .auth-logo,
body.rtl .field-row,
body.rtl .browse-header,
body.rtl .browse-search-inner,
body.rtl .filter-bar,
body.rtl .results-bar,
body.rtl .perk,
body.rtl .perks,
body.rtl .bb-row,
body.rtl .srow,
body.rtl .f-acts,
body.rtl .auth-switch,
body.rtl .q-actions,
body.rtl .q-pills,
body.rtl .q-days,
body.rtl .header-right,
body.rtl .done-step {
  flex-direction: row-reverse;
}

/* Mirror text alignment */
body.rtl .cp,
body.rtl .sdesc,
body.rtl .fb-p,
body.rtl .auth-sub,
body.rtl .auth-switch,
body.rtl .field-label,
body.rtl .field-hint,
body.rtl .q-sub,
body.rtl .cta-body {
  text-align: right;
}

/* Center-aligned elements stay centered */
body.rtl .final,
body.rtl .f-lbl,
body.rtl .f-title,
body.rtl .f-sub,
body.rtl .f-acts,
body.rtl .done-inner {
  text-align: center;
}

/* Flip nav layout */
body.rtl nav {
  flex-direction: row-reverse;
}
body.rtl .nav-logo {
  flex-direction: row-reverse;
}

/* Flip hero grid */
body.rtl .hero-inner {
  direction: rtl;
}

/* Flip split grid columns */
body.rtl .split-grid {
  direction: rtl;
}

/* Flip padding/margin asymmetries */
body.rtl .scol:first-child { padding-left: 52px; padding-right: 0; }
body.rtl .scol:last-child { padding-right: 52px; padding-left: 0; }

/* Flip label decorators */
body.rtl .sec-lbl::before,
body.rtl .ctag::before,
body.rtl .htag::before,
body.rtl .bb-lbl::before,
body.rtl .about-label::before,
body.rtl .gallery-label::before,
body.rtl .services-label::before,
body.rtl .q-num::before {
  order: 1;
}

/* Flip browse back arrow */
body.rtl .browse-back::before {
  content: '→';
}

/* Flip browse user to left */
body.rtl .browse-user {
  margin-left: 0;
  margin-right: auto;
  flex-direction: row-reverse;
}

/* Flip search icon */
body.rtl .search-wrap::before {
  left: auto;
  right: 13px;
}
body.rtl .browse-search-input {
  padding-left: 13px;
  padding-right: 40px;
}

/* Flip card stack */
body.rtl .sc1 { left: auto; right: 0; }
body.rtl .sc2 { left: auto; right: 105px; }
body.rtl .sc3 { left: auto; right: 210px; }
body.rtl .av-pill { left: auto; right: -14px; }

/* Flip featured card elements */
body.rtl .ft-tag { left: auto; right: 11px; }
body.rtl .ft-ver { right: auto; left: 11px; }
body.rtl .ft-hbtn { right: auto; left: 14px; }

/* Flip browse card elements */
body.rtl .cc-badge { left: auto; right: 10px; }
body.rtl .cc-verified { right: auto; left: 10px; }

/* Flip proof quote mark */
body.rtl .pq { right: auto; left: 13px; }

/* Flip builder box corners */
body.rtl .bb-ctr { right: auto; left: -1px; border-right: none; border-left: 2px solid var(--gold); }
body.rtl .bb-cbl { left: auto; right: -1px; border-left: none; border-right: 2px solid var(--gold); }

/* Flip modal close button */
body.rtl .modal-close { right: auto; left: 18px; }

/* Flip auth divider */
body.rtl .auth-divider { direction: ltr; }

/* Flip hero book button margin */
body.rtl .hero-book { margin-left: 0; margin-right: auto; }

/* Flip about image corner decorations */
body.rtl .about-img-corner { right: auto; left: -1px; border-right: none; border-left: 2px solid var(--gold); }
body.rtl .about-img-corner-bl { left: auto; right: -1px; border-left: none; border-right: 2px solid var(--gold); }
body.rtl .about-badge { left: auto; right: -40px; }

/* Flip gallery cell gold tag */
body.rtl .gallery-cell-gold-tag { right: auto; left: 16px; }
body.rtl .gallery-cell-caption { left: auto; right: 20px; }

/* Flip service card elements */
body.rtl .service-card { text-align: right; }

/* Chef apply — flip header */
body.rtl .header { flex-direction: row-reverse; }
body.rtl .logo { flex-direction: row-reverse; }
body.rtl .back-btn { order: -1; }

/* Chef apply — input alignment */
body.rtl .q-input,
body.rtl .q-textarea {
  text-align: right;
}

/* Flip card opt check */
body.rtl .q-card-opt-check { right: auto; left: 8px; }

/* Chef apply — done screen */
body.rtl .done-step { flex-direction: row-reverse; text-align: right; }

/* Flip footer grid */
body.rtl .fi { direction: rtl; }
body.rtl .fb { flex-direction: row-reverse; }

/* Dashboard / Chef Dashboard RTL */
body.rtl .dash-nav,
body.rtl .dash-tabs,
body.rtl .stat-cards,
body.rtl .booking-card-actions {
  flex-direction: row-reverse;
}

/* Bottom credit */
body.rtl .bottom-credit { right: auto; left: 48px; }

/* Cuisine strip scroll */
body.rtl .cuis-strip { direction: rtl; }

/* Admin portal RTL */
body.rtl .admin-tabs { flex-direction: row-reverse; }
body.rtl .admin-stat-grid { direction: rtl; }

/* Upload done change button */
body.rtl .q-upload-done-change { margin-left: 0; margin-right: auto; }

/* Photo thumb remove */
body.rtl .q-photo-thumb-rm { right: auto; left: 3px; }

/* Booking modal RTL */
body.rtl .booking-modal { text-align: right; }
body.rtl .booking-modal label { text-align: right; }