/* =========================================================
   Tekmalia Arabic Overrides (RTL + Cairo)
   ========================================================= */

@import url('/Content/tekmalia.css');

html[dir="rtl"],
html[dir="rtl"] body { direction: rtl; }

html[dir="rtl"] body {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
  text-align: right;
}

/* Navbar alignment in RTL */
html[dir="rtl"] .navbar .navbar-nav {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[dir="rtl"] .navbar .dropdown-menu {
  text-align: right;
  left: auto;
  right: 0;
}

/* Lists with check icons */
html[dir="rtl"] .list-check li {
  padding-right: 28px;
  padding-left: 0;
}
html[dir="rtl"] .list-check li::before {
  right: 0;
  left: auto;
}

/* Footer spacing */
html[dir="rtl"] .footer-copy {
  margin-right: 8px;
  margin-left: 0;
}

    html[dir="rtl"] .navbar .navbar-nav {
        row-gap: 6px;
        column-gap: 14px;
    }

/* Always show full-height left accent (collapsed + expanded) */
/* Arabic-only version */
#proof-case-studies-ar .accordion-item.card-soft {
    position: relative;
    overflow: visible;
    border-radius: 12px;
}

    #proof-case-studies-ar .accordion-item.card-soft::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 4px;
        height: 100%;
        background: var(--gold);
        border-radius: 0 12px 12px 0;
        z-index: 3;
    }


/* Ensure header/content layers don't cover the line */
#proof-case-studies-ar .accordion-button {
    position: relative;
    z-index: 1;
    background-clip: padding-box;
    text-align: right;
}

/* Optional: align padding so text doesn't sit too close to the line */
#proof-case-studies-ar .accordion-button,
#proof-case-studies-ar .accordion-body {
    padding-right: 1.25rem;
}