/* ==========================================================================
   EduBridge Child Theme – RTL Overrides
   Loaded after parent careerfy/css/rtl.css via functions.php
   Fixes elements the parent RTL misses: WPBakery columns, child-theme
   custom components, directional icon mirroring, and leaked LTR values.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. WPBakery Column Floats
   The parent rtl.css handles Bootstrap col-md-* but not WPBakery's
   vc_col-sm-*, wpb_column, or vc_column_container classes.
   -------------------------------------------------------------------------- */
[dir="rtl"] .wpb_column,
[dir="rtl"] .vc_column_container,
[dir="rtl"] .vc_col-sm-1,
[dir="rtl"] .vc_col-sm-2,
[dir="rtl"] .vc_col-sm-3,
[dir="rtl"] .vc_col-sm-4,
[dir="rtl"] .vc_col-sm-5,
[dir="rtl"] .vc_col-sm-6,
[dir="rtl"] .vc_col-sm-7,
[dir="rtl"] .vc_col-sm-8,
[dir="rtl"] .vc_col-sm-9,
[dir="rtl"] .vc_col-sm-10,
[dir="rtl"] .vc_col-sm-11,
[dir="rtl"] .vc_col-sm-12 {
    float: right !important;
}

/* --------------------------------------------------------------------------
   2. Header / Navigation Leaks
   The parent rtl.css covers many header variants but misses the base
   .careerfy-header-one and .careerfy-navigation classes.
   -------------------------------------------------------------------------- */
[dir="rtl"] .careerfy-header-one {
    float: right !important;
}

[dir="rtl"] .careerfy-navigation {
    float: right !important;
}

[dir="rtl"] .careerfy-main-content {
    float: right !important;
}

/* --------------------------------------------------------------------------
   3. EduBridge Child-Theme Components
   Custom classes from style.css that need RTL mirroring.
   -------------------------------------------------------------------------- */

/* Step cards – the parent RTL floats .edubridge-step via the
   bootstrap col classes, but the ::after separator uses `right: 0` */
[dir="rtl"] .edubridge-step:not(:last-child)::after {
    right: auto;
    left: 0;
}

/* Stats row – divider border is on the right in LTR */
[dir="rtl"] .edubridge-stats-row > .vc_column_container:not(:last-child) > .vc_column-inner {
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
}

/* CTA button icons – margin is on the right in LTR */
[dir="rtl"] .edubridge-btn-cta .fa,
[dir="rtl"] .edubridge-btn-cta-outline .fa,
[dir="rtl"] .edubridge-btn-primary .fa,
[dir="rtl"] .edubridge-btn-outline .fa {
    margin-right: 0;
    margin-left: 6px;
}

/* Institution card – ensure text starts from the right */
[dir="rtl"] .edubridge-institution-card,
[dir="rtl"] .edubridge-institution-card .edubridge-card-body {
    text-align: right;
}

/* Hero overlay gradient – flip direction for RTL visual flow */
[dir="rtl"] .edubridge-hero::before {
    background: linear-gradient(225deg,
            rgba(var(--eb-primary-rgb), 0.72) 0%,
            rgba(var(--eb-primary-dark-rgb), 0.72) 100%);
}

/* CTA banner gradient */
[dir="rtl"] .edubridge-cta-banner {
    background: linear-gradient(225deg,
            var(--eb-primary) 0%,
            var(--eb-primary-dark) 100%);
}

/* CTA feature list icons */
[dir="rtl"] .edubridge-cta-features .fa-check-circle {
    margin-right: 0;
    margin-left: 6px;
}

/* --------------------------------------------------------------------------
   4. Directional Icon Mirroring (Font Awesome)
   In RTL, right-pointing arrows should point left and vice versa.
   Uses FA unicode content swapping instead of CSS transforms so
   screen readers see the correct icon meaning.
   -------------------------------------------------------------------------- */
[dir="rtl"] .fa-arrow-right::before {
    content: "\f060" !important;
}

[dir="rtl"] .fa-arrow-left::before {
    content: "\f061" !important;
}

[dir="rtl"] .fa-chevron-right::before {
    content: "\f053" !important;
}

[dir="rtl"] .fa-chevron-left::before {
    content: "\f054" !important;
}

[dir="rtl"] .fa-angle-right::before {
    content: "\f104" !important;
}

[dir="rtl"] .fa-angle-left::before {
    content: "\f105" !important;
}

[dir="rtl"] .fa-long-arrow-right::before {
    content: "\f177" !important;
}

[dir="rtl"] .fa-long-arrow-left::before {
    content: "\f178" !important;
}

[dir="rtl"] .fa-caret-right::before {
    content: "\f0d9" !important;
}

[dir="rtl"] .fa-caret-left::before {
    content: "\f0da" !important;
}

/* Also handle FA6 fas/far prefix variants */
[dir="rtl"] .fas.fa-arrow-right::before,
[dir="rtl"] .far.fa-arrow-right::before {
    content: "\f060" !important;
}

[dir="rtl"] .fas.fa-arrow-left::before,
[dir="rtl"] .far.fa-arrow-left::before {
    content: "\f061" !important;
}

[dir="rtl"] .fas.fa-chevron-right::before,
[dir="rtl"] .far.fa-chevron-right::before {
    content: "\f053" !important;
}

[dir="rtl"] .fas.fa-chevron-left::before,
[dir="rtl"] .far.fa-chevron-left::before {
    content: "\f054" !important;
}

[dir="rtl"] .fas.fa-angle-right::before {
    content: "\f104" !important;
}

[dir="rtl"] .fas.fa-angle-left::before {
    content: "\f105" !important;
}

/* --------------------------------------------------------------------------
   5. Leaked LTR text-align Values
   -------------------------------------------------------------------------- */
[dir="rtl"] .jobsearch-user-showpass {
    text-align: right !important;
}

[dir="rtl"] .jobsearch-user-form-info {
    text-align: right !important;
}

/* --------------------------------------------------------------------------
   6. RTL Radii Flipping
   Some buttons and inputs have asymmetric border-radius.
   -------------------------------------------------------------------------- */
[dir="rtl"] .careerfy-banner-search input[type="text"] {
    border-radius: 0 4px 4px 0;
}

[dir="rtl"] .careerfy-banner-search button,
[dir="rtl"] .careerfy-banner-search input[type="submit"] {
    border-radius: 4px 0 0 4px;
}

/* --------------------------------------------------------------------------
   7. Mobile Header
   -------------------------------------------------------------------------- */
[dir="rtl"] .careerfy-mobilehder-strip {
    float: right !important;
}

[dir="rtl"] .mobile-hder-topcon {
    float: right !important;
}

[dir="rtl"] .jobsearch-responsive-logo {
    float: right !important;
}

[dir="rtl"] .mobile-navigation-togglebtn {
    float: left !important;
}

[dir="rtl"] .jobsearch-useracount-hdrbtn {
    float: left !important;
}

/* --------------------------------------------------------------------------
   8. EduBridge Redesign (edubridge-redesign-v1.css) Additions
   Elements from the redesign stylesheet not covered by its built-in
   .rtl prefixed rules.
   -------------------------------------------------------------------------- */

/* Card accent stripe for featured cards */
[dir="rtl"] .edubridge-card.accent-stripe::before {
    left: auto;
    right: 0;
}

/* Filter sidebar count badge */
[dir="rtl"] .listin-filters-sidebar .filter-post-count {
    float: left;
}

/* Search button in hero */
[dir="rtl"] .edubridge-search-btn {
    right: auto;
    left: 4px;
}

[dir="rtl"] .edubridge-search-input {
    padding-right: 12px;
    padding-left: 40px;
}

/* --------------------------------------------------------------------------
   9. Page-Specific Fixes (discovered via cross-page audit)
   -------------------------------------------------------------------------- */

/* Jobs listing – classic job item container leaked float: left */
[dir="rtl"] .jobsearch-joblisting-classic {
    float: right !important;
}

/* Jobs listing – job item figure inside classic listing */
[dir="rtl"] .jobsearch-joblisting-classic figure {
    float: right !important;
}

/* Institution listing – spec field text alignment */
[dir="rtl"] .user-employer-spec-field {
    text-align: right !important;
}

/* Login / registration – form field list items */
[dir="rtl"] .jobsearch-user-form li {
    text-align: right !important;
}

/* Login / registration – icon positioning inside form fields */
[dir="rtl"] .jobsearch-user-form i.jobsearch-icon {
    right: auto;
    left: 29px;
}

/* 404 / expired job page – center alignment for error content */
[dir="rtl"] .careerfy-404-wrap,
[dir="rtl"] .jobsearch-job-expired-wrap {
    text-align: center;
}

/* Pagination – list items with left margin in LTR */
[dir="rtl"] .jobsearch-pagination-blog ul li,
[dir="rtl"] .careerfy-pagination-blog ul li {
    margin-right: 0;
    margin-left: 22px;
}

[dir="rtl"] .jobsearch-pagination-blog ul li:last-child,
[dir="rtl"] .careerfy-pagination-blog ul li:last-child {
    margin-left: 0;
}

/* Breadcrumbs */
[dir="rtl"] .careerfy-breadcrumb ul li {
    float: right;
}

[dir="rtl"] .careerfy-breadcrumb ul li::before {
    left: auto;
    right: -2px;
}

/* Job listing plain view – left sidebar area */
[dir="rtl"] .careerfy-joblisting-plain-left {
    float: right;
}

[dir="rtl"] .careerfy-joblisting-plain-right {
    float: left;
}

/* Sort / filter toggle chevrons */
[dir="rtl"] .jobsearch-fltbox-title a::after {
    float: left;
}