/*
 * RTL overrides for the awo-blocks canvas (Arabic). Scoped under [dir="rtl"] so the file is inert
 * in LTR. Flexbox/grid direction and text-align follow `direction: rtl` (set on the body by
 * awo-core i18n), so only the physical left/right rules that do NOT auto-flip are mirrored here.
 * The [dir="rtl"] prefix raises specificity above the base rules, so load order does not matter.
 */

/* --- Header / topbar / nav --- */
[dir="rtl"] .topbar .lang { margin-left: 0; margin-right: -1.25rem; }
[dir="rtl"] .lang-menu { right: auto; left: 0; }
[dir="rtl"] .submenu { left: auto; right: -14px; }
[dir="rtl"] .mainnav > li:last-child .submenu { right: auto; left: 0; }
[dir="rtl"] .a11y { right: auto; left: min(10px, calc((var(--container) - 100vw) / 2 + 10px)); }
[dir="rtl"] .nselect__btn { text-align: right; }
[dir="rtl"] .subtoggle { margin-left: 0; margin-right: .15em; }

/* --- Pager arrows --- */
[dir="rtl"] .pager a.arrow--prev { margin-right: 0; margin-left: .5rem; }
[dir="rtl"] .pager a.arrow--next { margin-left: 0; margin-right: .5rem; }

/* --- Text/image split --- */
[dir="rtl"] .split__box { right: auto; left: 0; }
[dir="rtl"] .split--rev .split__img { margin-left: 0; margin-right: auto; }
[dir="rtl"] .split--rev .split__box { left: auto; right: 0; }

/* --- Einrichtung landing --- */
[dir="rtl"] .khero__box { right: auto; left: 0; }
[dir="rtl"] .acc details[open] .acc__body { padding-right: 0; padding-left: 3rem; }
[dir="rtl"] .oeff ul { padding-left: 0; padding-right: 1.2rem; }
[dir="rtl"] .koop__card { margin-left: 0; margin-right: 44px; }
[dir="rtl"] .koop__dots { margin-left: 0; margin-right: 44px; }
[dir="rtl"] .koop__arrow--prev { left: auto; right: -44px; }
[dir="rtl"] .koop__arrow--next { right: auto; left: -44px; }
/* Flip the carousel arrow glyphs so prev points right and next points left. */
[dir="rtl"] .koop__arrow { transform: scaleX(-1); }

/* --- Mobile (matches the 860px breakpoint used across the design) --- */
@media (max-width: 860px) {
	[dir="rtl"] .navtoggle { margin-left: 0; margin-right: auto; }
	[dir="rtl"] .subtoggle::after { left: auto; right: 14px; }
	[dir="rtl"] .mainnav > li:last-child .submenu { left: auto; }
	[dir="rtl"] .topbar a:not(.btn) { margin-right: 0; margin-left: 16px; }
	[dir="rtl"] .topbar .btn--red { margin-left: 0; margin-right: auto; }
	[dir="rtl"] .topbar__inner { padding-left: 0; padding-right: 2px; }
	[dir="rtl"] .lang-menu { right: auto; left: 0; }
	[dir="rtl"] .koop__card { margin-right: 0; }
	[dir="rtl"] .koop__arrow--prev { left: calc(50% + 21px); right: auto; }
	[dir="rtl"] .koop__arrow--next { left: calc(50% - 67px); right: auto; }
}

@media (max-width: 359px) {
	[dir="rtl"] .topbar a:not(.btn) { margin-right: 0; margin-left: 6px; }
}