/* Tia MultiLang – language switcher */
.tml-switcher{--tml-bg:#0b2a4a;--tml-fg:#fff;--tml-accent:#f5b400;position:relative;z-index:9990;font-size:13px;line-height:1.2;font-weight:500;-webkit-font-smoothing:antialiased}
.tml-switcher *{box-sizing:border-box}
.tml-switcher ul,.tml-switcher li{list-style:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.tml-switcher li:before,.tml-switcher li:after{display:none!important}
.tml-switcher a,.tml-switcher button{font:inherit;text-decoration:none!important;box-shadow:none;outline-offset:2px}

/* Flags */
.tml-flag{display:inline-block;flex:0 0 auto;width:22px;height:15px;border-radius:3px;overflow:hidden;line-height:0;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.18)}
.tml-flag svg{display:block;width:100%;height:100%}
.tml-label{white-space:nowrap;letter-spacing:.02em}

/* ---------- Bar (default) ---------- */
.tml-style-bar{background:var(--tml-bg);color:var(--tml-fg);border-bottom:1px solid rgba(255,255,255,.08)}
.tml-style-bar .tml-inner{display:flex;align-items:center;gap:10px;max-width:1260px;margin:0 auto;padding:5px 15px;min-height:38px}
.tml-style-bar.tml-align-start .tml-inner{justify-content:flex-start}
.tml-style-bar.tml-align-center .tml-inner{justify-content:center}
.tml-style-bar.tml-align-end .tml-inner{justify-content:flex-end}
.tml-globe{display:inline-flex;opacity:.7;color:var(--tml-fg)}
.tml-style-bar .tml-list{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}
.tml-style-bar .tml-list::-webkit-scrollbar{display:none}
.tml-style-bar .tml-item{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;color:var(--tml-fg)!important;opacity:.88;transition:background-color .18s ease,opacity .18s ease,transform .18s ease}
.tml-style-bar .tml-item:hover,.tml-style-bar .tml-item:focus-visible{background:rgba(255,255,255,.13);opacity:1}
.tml-style-bar .tml-item.is-active{background:var(--tml-accent);color:var(--tml-bg)!important;opacity:1;font-weight:700}
.tml-style-bar .tml-item.is-active .tml-flag{box-shadow:0 0 0 1px rgba(0,0,0,.25)}

/* ---------- Dropdown & floating ---------- */
.tml-style-dropdown{background:var(--tml-bg);color:var(--tml-fg)}
.tml-style-dropdown .tml-inner{display:flex;align-items:center;max-width:1260px;margin:0 auto;padding:5px 15px;min-height:38px}
.tml-style-dropdown.tml-align-start .tml-inner{justify-content:flex-start}
.tml-style-dropdown.tml-align-center .tml-inner{justify-content:center}
.tml-style-dropdown.tml-align-end .tml-inner{justify-content:flex-end}
.tml-dd{position:relative}
.tml-switcher .tml-dd-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--tml-fg)!important;cursor:pointer;line-height:1.2;text-transform:none;letter-spacing:normal;min-height:0;width:auto}
.tml-switcher .tml-dd-btn:focus:not(:focus-visible){outline:none}
.tml-switcher .tml-dd-btn:hover{background:rgba(255,255,255,.16)}
.tml-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.8;transition:transform .2s}
.tml-dd.is-open .tml-caret{transform:rotate(180deg)}
.tml-switcher .tml-dd-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:180px;background:#fff!important;border-radius:12px!important;box-shadow:0 12px 32px rgba(10,25,45,.22),0 2px 6px rgba(10,25,45,.12)!important;padding:6px!important;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:99999}
.tml-dd.is-open .tml-dd-menu,.tml-dd:focus-within .tml-dd-menu{opacity:1;visibility:visible;transform:none}
.tml-dd-menu .tml-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#1b2b3a!important;font-weight:500}
.tml-dd-menu .tml-item:hover{background:#f1f5f9}
.tml-dd-menu .tml-item.is-active{background:#eef4fb;color:var(--tml-bg)!important;font-weight:700}
.tml-dd-menu .tml-item.is-active:after{content:"";margin-inline-start:auto;width:6px;height:10px;border:solid var(--tml-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}
.tml-dd-menu .tml-label{display:inline!important}

.tml-style-floating{position:fixed;bottom:18px;inset-inline-start:18px;z-index:99990}
.tml-switcher.tml-style-floating .tml-dd-btn{background:var(--tml-bg)!important;border-color:transparent;box-shadow:0 8px 24px rgba(10,25,45,.28);padding:9px 14px}
.tml-switcher.tml-style-floating .tml-dd-menu{top:auto;bottom:calc(100% + 10px);inset-inline-end:auto;inset-inline-start:0;transform:translateY(6px)}

/* ---------- Mobile ---------- */
@media (max-width:767px){
	.tml-switcher{font-size:12px}
	.tml-style-bar .tml-inner{justify-content:center!important;padding:4px 8px;min-height:36px;gap:6px}
	.tml-style-bar .tml-globe{display:none}
	.tml-style-bar .tml-item{padding:5px 7px;gap:5px}
	.tml-style-bar .tml-item:not(.is-active) .tml-label{display:none}
	.tml-flag{width:24px;height:16px}
	.tml-style-dropdown .tml-inner{justify-content:center!important}
	.tml-style-floating{bottom:14px;inset-inline-start:12px}
}
@media (max-width:360px){
	.tml-style-bar .tml-item{padding:5px 5px}
	.tml-style-bar .tml-item.is-active .tml-label{display:none}
}
@media (prefers-reduced-motion:reduce){.tml-switcher *{transition:none!important}}
@media print{.tml-switcher{display:none!important}}

/* ---------- Header button (default) ---------- */
.components>li.tml-component,li.tml-component{display:flex!important;align-items:center;align-self:stretch;float:none;padding:0 4px!important;margin:0!important;list-style:none!important;background:none!important;border:0!important}
.tml-style-header{display:inline-flex;align-items:center;height:100%;font-size:13px;line-height:1}
.tml-style-header .tml-dd{display:inline-flex;align-items:center}
.tml-switcher .tml-hbtn{display:inline-flex!important;align-items:center;gap:6px;height:34px;padding:0 10px 0 8px!important;margin:0!important;border-radius:999px!important;border:1px solid rgba(128,128,128,.35)!important;background:transparent!important;color:inherit!important;font-weight:700;font-size:12.5px;line-height:1;cursor:pointer;box-shadow:none!important;transition:background-color .18s,border-color .18s}
.tml-switcher .tml-hbtn:hover,.tml-dd.is-open .tml-hbtn{background:rgba(128,128,128,.12)!important;border-color:rgba(128,128,128,.55)!important}
.tml-hbtn .tml-globe{display:inline-flex;opacity:.75;color:inherit}
.tml-hbtn .tml-flag{width:20px;height:14px}
.tml-hbtn .tml-code{letter-spacing:.04em;color:inherit}
.tml-hbtn .tml-caret{margin-inline-start:1px}
.tml-style-header .tml-dd-menu{min-width:200px}
.tml-switcher .tml-dd-menu.tml-fixed{position:fixed!important;top:0;left:0;right:auto!important;inset-inline-end:auto;z-index:2147483000}
@media (max-width:767px){
	li.tml-component.tml-mobile{padding:0 6px!important}
	.tml-switcher .tml-hbtn{height:30px;padding:0 9px 0 7px!important;gap:5px;font-size:12px;border-color:rgba(128,128,128,.3)!important}
	.tml-hbtn .tml-globe{display:none}
	.tml-hbtn .tml-flag{width:18px;height:13px}
}

/* Translated pages: form fields left-to-right */
body.tml-ltr input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),body.tml-ltr textarea,body.tml-ltr select{direction:ltr!important;text-align:left!important}

/* Mobile header: menu icon + language button on one line (all languages) */
li.tml-component.tml-mobile{margin:0!important;padding:0 4px!important}
/* Translated pages: same header geometry as the Arabic site (logo stays where it is) */
body.tml-mirror .tml-mrow{display:flex!important;flex-direction:row-reverse!important;direction:ltr!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}
body.tml-mirror .tml-mrow>.tml-mlogo{order:-1;position:static!important;float:none!important;margin:0!important;width:auto!important;max-width:65%;flex:0 1 auto;text-align:right}
body.tml-mirror .tml-mrow>.tml-marea{order:99;position:static!important;float:none!important;margin:0!important;width:auto!important;flex:0 0 auto;transform:none!important;inset:auto!important}

/* Jannah mobile icons: the theme link is 30px of icon + 15px padding under it, so the
   language button is lined up with the top 30px (the icon line), not with the whole box. */
.mobile-header-components .components>li.tml-mobile{align-self:center!important;vertical-align:middle!important;height:auto!important;line-height:1}
.mobile-header-components .components>li.tml-mobile .tml-switcher{height:30px}

/* Same design as the Arabic site: only the text runs left-to-right */
body.tml-keep #content :is(p,h1,h2,h3,h4,h5,h6,blockquote,figcaption,dd,dt,td,th,label,.post-title,.entry-title,.post-excerpt,.entry-content li,.comment-content li),
body.tml-keep :is(.site-content,.main-content,article,.widget) :is(p,h1,h2,h3,h4,h5,h6,blockquote,figcaption,dd,dt,td,th,label,.entry-content li),
body.tml-keep #footer :is(p,h1,h2,h3,h4,h5,h6,.widget-title,.post-title),
body.tml-keep footer :is(p,h1,h2,h3,h4,h5,h6){direction:ltr;text-align:left}
body.tml-keep #content :is(ul,ol).wp-block-list,body.tml-keep .entry-content :is(ul,ol){direction:ltr;text-align:left}
.tml-switcher .tml-hbtn{direction:ltr!important}

/* Header button: identical size and font in every language (the page language can change
   the browser font), so the header looks exactly the same after switching. */
.tml-switcher .tml-hbtn{width:78px!important;min-width:78px!important;max-width:78px!important;justify-content:center!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:12.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:uppercase}
.tml-switcher .tml-hbtn .tml-code{display:inline-block;width:2.1em;text-align:center;font-variant-numeric:tabular-nums}
.tml-switcher .tml-hbtn .tml-flag{flex:0 0 auto}
.tml-switcher .tml-dd-menu,.tml-switcher .tml-dd-menu a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans SC","PingFang SC",sans-serif!important}
@media (max-width:767px){
	.tml-switcher .tml-hbtn{width:66px!important;min-width:66px!important;max-width:66px!important;height:30px!important;padding:0 6px!important;gap:4px!important;font-size:12px!important}
}

/* Open header list (moved to the end of the page while open) */
.tml-switcher.tml-portal{position:static!important;display:block!important;height:0!important;width:0!important;margin:0!important;padding:0!important;top:auto!important}
.tml-portal .tml-dd-menu{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}