/* SEO expansion (Sept 2026): optimized logo, service regions, language switch, related links and English (LTR) support. */
.monogram{background-image:url('/assets/monogram.webp');background-size:cover;background-position:center}
.topbar-lang{font-weight:500}
.region-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.region-chips li{margin:0}
.region-chips a,.region-chips span{display:inline-block;border:1px solid #cbd3de;padding:6px 14px;font-size:.875rem;line-height:1.9;background:#fff;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.region-chips a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.region-chips-lg{margin-top:0}
.region-chips-lg a{padding:9px 18px;font-size:.93rem}
.regions-home{background:#fff;border-top:1px solid var(--line)}
.regions-home .text-link{margin-top:30px}
.steps-list{margin:18px 0 0;padding-inline-start:24px;display:grid;gap:12px}
.steps-list li{font-size:1rem;line-height:2.1;color:#4b5b70;padding-inline-start:6px}
.steps-list li::marker{color:var(--gold-dark);font-weight:600}
.steps-list strong{color:var(--ink);font-weight:600}
.related-articles .detail-list a{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.related-articles .detail-list a:hover{color:var(--gold-dark)}
.footer-regions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-block:0 22px;font-size:.8125rem;color:#aebbcf;line-height:2}
.footer-regions span{color:#d5dce5}
.footer-regions a:hover{color:var(--gold)}
.region-card h3{font-size:1.15rem}
.region-block{padding-bottom:30px;border-bottom:1px solid var(--line)}
.region-block:last-of-type{border-bottom:0}
.detail-copy>section.region-block+section.region-block{margin-top:34px}
.region-cities-en{font-weight:600;color:var(--gold-dark)!important;margin-bottom:6px}
@media(min-width:951px){.regions-grid.resource-grid:has(>.resource-card){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:951px) and (max-height:900px){.detail-aside{position:static}}
@media(min-width:951px) and (max-width:1240px){.nav .nav-packages{display:none}}
@media(min-width:951px) and (max-width:1060px){.nav .nav-contact{display:none}}
@media(max-width:1150px){.topbar-regions{display:none}}
@media(max-width:700px){.region-chips a,.region-chips span{font-size:.8125rem;padding:5px 11px}.footer-regions{font-size:.75rem;gap:4px 12px}}
/* English pages (LTR) */
html[dir=ltr] .skip-link{right:auto;left:12px}
html[dir=ltr] .nav>a:after{right:auto;left:0}
html[dir=ltr] .scroll-cue{left:auto;right:45px}
html[dir=ltr] .floating-contact{left:auto;right:26px}
html[dir=ltr] .hero-license bdi{margin-right:0;margin-left:4px}
html[dir=ltr] .package-badge{right:auto;left:28px}
html[dir=ltr] .button .icon,html[dir=ltr] .text-link .icon,html[dir=ltr] .service-card>a .icon{transform:scaleX(-1)}
html[dir=ltr] .hero-riyadh .hero-shade{background:linear-gradient(90deg,#101f36f7 0%,#101f36dc 33%,#101f3690 57%,#101f3626 100%),linear-gradient(0deg,#101f36b8 0%,#14253f26 75%)}
html[dir=ltr] h1,html[dir=ltr] h2{letter-spacing:-.015em}
html[dir=ltr] .hero-riyadh h1{line-height:1.25}
html[dir=ltr] .hero-riyadh h1 span{margin-bottom:10px}
@media(max-width:700px){html[dir=ltr] .floating-contact{right:17px;left:auto}html[dir=ltr] .hero-riyadh .hero-shade{background:linear-gradient(180deg,#101f36 0%,#101f36 49%,#101f36ef 56%,#101f3659 75%,#101f3626 86%,#101f36aa)}}
.brand .monogram{background-size:contain;background-position:center}
