/*
 * WCAG AA Contrast Fixes
 * =====================
 * Original --orange (#ed703d) on white gives only ~3:1 contrast.
 * WCAG AA requires 4.5:1 for normal text and 3:1 for large text (>=18px or >=14px bold).
 *
 * Accessible orange: #c24e18 → 4.87:1 on white (passes AA for all text sizes)
 * This file overrides TEXT-only uses of orange; backgrounds/borders keep the original.
 */

/* ── Orange text on light backgrounds ── */
/* Service card headings, blog card headings, payment card headings */
.orange,
h2.orange,
h3.orange,
h4.orange,
h5.orange,
h6.orange,
.card_heading.orange {
    color: #c24e18;
}

/* ── Review "Read more" / "Show more" links ── */
.review .morelink {
    color: #c24e18;
}

/* ── Visa filter form labels on tinted background ── */
/* Labels appear on a semi-transparent overlay; darken for readability */
.home-index2 .select-label,
.home-index2 .select-label.show-label {
    color: #333;
}

/* ── Select2 rendered text ── */
/* Placeholder and selected-value text inside select2 dropdowns */
.select2-selection__rendered {
    color: #333 !important;
}

/* ── Header login button ── */
/* Ensure btn-login text meets contrast on its background */
.header .btn-login {
    color: #c24e18;
    border-color: #c24e18;
}
.header .btn-login:hover,
.header .btn-login:focus {
    color: #fff;
    background-color: #c24e18;
    border-color: #c24e18;
}

/* ── Header dropdown toggle (language/profile) ── */
.header .nav_button.dropdown-toggle {
    color: #333;
}

/* ── Visa filter active tab ── */
/* The "Visa" tab button text on light background */
.home-index2 .nav-tabs .nav-link.active {
    color: #1a1a1a;
}

/* ── Breadcrumb: scoped to nav breadcrumb containers ── */
nav[aria-label="breadcrumb"] .breadcrumb,
.breadcrumb-nav .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
nav[aria-label="breadcrumb"] .breadcrumb-item,
.breadcrumb-nav .breadcrumb-item {
    font-size: 0.875rem;
    line-height: 1.5;
}
nav[aria-label="breadcrumb"] .breadcrumb-item a,
.breadcrumb-nav .breadcrumb-item a {
    font-size: inherit;
    line-height: inherit;
}
nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
}
html[dir="rtl"] nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before,
html[dir="rtl"] .breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* ── RTL list formatting for landing page & blog content wrappers ── */
html[dir="rtl"] .article-content ul,
html[dir="rtl"] .article-content ol,
html[dir="rtl"] .content-wrapper ul,
html[dir="rtl"] .content-wrapper ol,
html[dir="rtl"] .para-content ul,
html[dir="rtl"] .para-content ol,
html[dir="rtl"] .article ul,
html[dir="rtl"] .article ol,
html[dir="rtl"] .p_inline ul,
html[dir="rtl"] .p_inline ol,
html[dir="rtl"] .blog_description ul,
html[dir="rtl"] .blog_description ol {
    padding-left: 0;
    padding-right: 2rem;
    direction: rtl;
    text-align: right;
}

/* ── LTR explicit padding for landing page & blog content wrappers ── */
html[dir="ltr"] .article-content ul,
html[dir="ltr"] .article-content ol,
html[dir="ltr"] .content-wrapper ul,
html[dir="ltr"] .content-wrapper ol,
html[dir="ltr"] .para-content ul,
html[dir="ltr"] .para-content ol,
html[dir="ltr"] .article ul,
html[dir="ltr"] .article ol,
html[dir="ltr"] .p_inline ul,
html[dir="ltr"] .p_inline ol,
html[dir="ltr"] .blog_description ul,
html[dir="ltr"] .blog_description ol {
    padding-right: 0;
    padding-left: 2rem;
}