/* ===== Bilingual EN/AR toggle + RTL support for Wahj Baghdad site ===== */

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

/* Language visibility: default = English shown, Arabic hidden */
.ar-text { display: none; }

body.lang-ar .en-text { display: none !important; }
body.lang-ar .ar-text { display: block; }
body.lang-ar a.ar-text,
body.lang-ar span.ar-text,
body.lang-ar small.ar-text,
body.lang-ar i.ar-text { display: inline-block; }

body.lang-ar { direction: rtl; font-family: 'Cairo', 'Poppins', sans-serif; }
body.lang-ar h1, body.lang-ar h2, body.lang-ar h3, body.lang-ar h4,
body.lang-ar h5, body.lang-ar h6, body.lang-ar p, body.lang-ar a,
body.lang-ar span, body.lang-ar li, body.lang-ar small, body.lang-ar input,
body.lang-ar textarea, body.lang-ar button { font-family: 'Cairo', 'Poppins', sans-serif; }

/* Flip Bootstrap 4 directional utilities when Arabic is active */
body.lang-ar .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; }
body.lang-ar .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
body.lang-ar .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
body.lang-ar .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; }
body.lang-ar .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
body.lang-ar .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
body.lang-ar .pr-2 { padding-right: 0 !important; padding-left: .5rem !important; }
body.lang-ar .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
body.lang-ar .text-left { text-align: right !important; }
body.lang-ar .text-right { text-align: left !important; }
body.lang-ar .text-md-left { text-align: right !important; }
body.lang-ar .text-md-right { text-align: left !important; }
body.lang-ar .float-left { float: right !important; }
body.lang-ar .float-right { float: left !important; }
body.lang-ar .border-right { border-right: none !important; border-left: 1px solid; }
body.lang-ar .navbar-nav { padding-right: 0; }
body.lang-ar .dropdown-menu { text-align: right; right: 0; left: auto; }
body.lang-ar .navbar-toggler { margin-left: 0; margin-right: auto; }
body.lang-ar .icon-box i, body.lang-ar .fa, body.lang-ar .fab { direction: ltr; }

/* Language switch button */
.lang-switch-btn {
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 2px 10px;
    font-size: 12px;
    cursor: pointer;
    line-height: 1.6;
}
.lang-switch-btn:hover { opacity: .8; }