/*
 * RTL overrides for Urdu (dir="rtl"). Loaded only when is_rtl() is true, on
 * top of bootstrap.rtl.min.css (which already mirrors grid/nav/forms/dropdowns).
 * This file only patches the project's own custom CSS (marketing.css/app.css)
 * where it uses hard left/right values that Bootstrap's RTL build can't know
 * about. Scope: public/candidate-facing pages only (Phase 1).
 *
 * Deliberately NOT mirrored: phone numbers, emails, URLs, Card IDs, QR
 * codes, photo/crop previews — these use .ltr-content (direction:ltr) at
 * the markup level instead of being handled here.
 */

/* Nav active-underline, which is set with left/right for the LTR animation */
[dir="rtl"] .marketing-nav a:after{left:50%;right:50%}
[dir="rtl"] .marketing-nav a:hover:after,[dir="rtl"] .marketing-nav a.active:after{left:0;right:0}

/* Hero benefit dividers use a left border as a visual rule, not directional meaning */
[dir="rtl"] .marketing-hero-benefits span{border-left:0;border-right:3px solid var(--mk-blue)}
[dir="rtl"] .marketing-hero-benefits span:nth-child(2){border-color:var(--mk-green)}
[dir="rtl"] .marketing-hero-benefits span:nth-child(3){border-color:#7b4dff}

/* Checklist ticks */
[dir="rtl"] .marketing-partner li:before{margin-right:0;margin-left:.55rem}

/* Directory / organization cards: force start-alignment instead of hard "left" */
[dir="rtl"] .directory-card,[dir="rtl"] .organization-unit-card{align-items:flex-start;text-align:right}
[dir="rtl"] .directory-card p,[dir="rtl"] .organization-unit-card>p{text-align:right}

/* Verification result detail grid: swap which side gets the divider */
[dir="rtl"] .verification-details div:nth-child(odd){border-right:0;border-left:1px solid var(--mk-line)}
[dir="rtl"] .verification-details{text-align:right}

/* Contact / info definition lists */
[dir="rtl"] .contact-panel dl,[dir="rtl"] .organization-contact dl{text-align:right}

/* Candidate photo source buttons and secure-notice icon spacing */
[dir="rtl"] .secure-submission-notice{flex-direction:row-reverse;text-align:right}
[dir="rtl"] .choice-group .form-check{text-align:right}

/* Footer grid should still read start-to-end naturally under RTL */
[dir="rtl"] .marketing-footer-grid{text-align:right}
[dir="rtl"] .marketing-footer-bottom{text-align:right}

/* Language toggle + header actions keep a sensible order either direction */
[dir="rtl"] .marketing-header-top{flex-direction:row-reverse}
[dir="rtl"] .marketing-actions{flex-direction:row-reverse}

/*
 * Utility: force left-to-right rendering for content that must never mirror
 * or reflow — phone numbers, emails, URLs, Card IDs/reference numbers, QR
 * payload text. Views apply this class explicitly around such values.
 */
.ltr-content{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Urdu font: apply broadly but keep numerals/Latin brand terms crisp */
[dir="rtl"] body{font-family:'Noto Naskh Arabic',Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
[dir="rtl"] .marketing-hero h1,[dir="rtl"] .organization-hero h1{line-height:1.4;letter-spacing:0}