/* ============================================================
   RTL — arabiankielisten sivujen peilaukset
   ============================================================
   Ladataan vain kun sivun suunta on rtl (functions.php, is_rtl()).
   Valitsin on [dir="rtl"] eikä body.rtl: suunta on dokumentin
   ominaisuus, ja se voi vaihtua kesken sivun (suomenkielinen
   paluulinkki valikossa on dir="ltr"). Luokkavalitsin ei osaisi
   sitä eroa.

   Tässä on VAIN ne kohdat, joissa theme.css tai kalenteri.css
   kirjoittaa suunnan fyysisenä (left/right) eikä loogisena
   (inline-start/inline-end). Kaikkea ei siis peilata täältä:
   suuri osa tyyleistä on jo valmiiksi suunnasta riippumatonta
   (flex, grid, margin-inline, inset-inline-start), ja ne
   kääntyvät itsestään dir-määreen mukana.

   Tarkistettu 8.9.2026 theme.css 2036 riviä + kalenteri.css 912
   riviä läpikäymällä. Arabiaksi julkaistaan kuusi sivua
   (kieliversiot-toteutus.md §4), joten katetut pinnat ovat
   ylätunniste, alatunniste, sisältösivujen leipäteksti,
   jumalanpalveluskalenteri ja etusivun osiot.

   HUOM. Kirjasin. Cormorant Garamondissa eikä Interissä ole
   arabialaisia merkkejä (assets/fonts/, latin + latin-ext +
   cyrillic + greek), joten arabia ladotaan järjestelmän
   varakirjasimella. Se on tietoinen välitila: oma arabialainen
   leikkaus on oma päätöksensä, ei tämän vaiheen. Rivinväli on
   silti korjattava, koska arabian ylä- ja alapidennykset
   leikkautuvat suomelle mitoitetulla lh:lla.
   ============================================================ */

/* --- Yleiset -------------------------------------------------- */

[dir="rtl"] {
	/* Arabian merkistö vaatii väljemmän rivin: ylä- ja alapidennykset
	   leikkautuvat suomelle mitoitetulla 1,55:llä. Vain leipätekstin
	   --lh-normal kasvaa; --lh-snug ja --lh-tight ovat otsikoiden ja
	   logon mittoja, joita arabia ei muuta. */
	--lh-normal: 1.85;
}

/* Suomenkielinen paluulinkki ja muut ltr-saarekkeet: teksti
   vasemmalle, vaikka ympärillä ladotaan oikealta. */
[dir="rtl"] [dir="ltr"] { text-align: left; }

/* --- Ylätunniste ---------------------------------------------- */

/* .site-menu { margin-left: auto } työntää valikon oikeaan
   laitaan; rtl:ssä oikea laita on rivin alku. */
[dir="rtl"] .site-menu { margin-left: 0; margin-right: auto; }

/* Alavalikkopaneeli on absoluuttisesti asemoitu vasemmasta
   reunasta; peilataan oikeaan. Sama koskee paneelin sisennystä
   mobiilivalikossa. */
@media (min-width: 1181px) {
	[dir="rtl"] .site-menu .subnav { left: auto; right: -18px; }
}
@media (max-width: 1180px) {
	[dir="rtl"] .menu-btn { margin-left: 0; margin-right: auto; }
	[dir="rtl"] .site-menu .subnav a { padding-left: var(--sp-2); padding-right: var(--sp-5); }
}

/* --- Sisältösivujen leipäteksti (.entry-content) --------------- */

/* Luettelomerkin sisennys vaihtaa puolta. Askel-, tarkistus- ja
   henkilölistoissa sisennystä ei ole (oma medaljonki paddingilla
   inline-start, joka kääntyy itsestään), joten ne nollataan. */
[dir="rtl"] .entry-content ul,
[dir="rtl"] .entry-content ol { padding-left: 0; padding-right: 1.4em; }
[dir="rtl"] .entry-content .ort-askeleet,
[dir="rtl"] .entry-content .ort-tarkistuslista,
[dir="rtl"] .entry-content .ort-henkilot { padding-right: 0; }

[dir="rtl"] .entry-content blockquote {
	border-left: 0; border-right: 3px solid var(--c-gold);
	padding-left: 0; padding-right: var(--sp-4);
}
[dir="rtl"] .entry-content th,
[dir="rtl"] .entry-content td { text-align: right; }
[dir="rtl"] .entry-content .wp-block-pullquote { text-align: right; }

/* Yksityiskohtalohkon kulmamerkki osoittaa suljettuna sisään
   päin, eli rtl:ssä vasemmalle. Kierto on peilikuva. */
[dir="rtl"] .entry-content .wp-block-details > summary::after {
	transform: rotate(135deg);
}
[dir="rtl"] .entry-content .wp-block-details[open] > summary::after {
	transform: rotate(-45deg);
}

/* --- Kortit ja napit ------------------------------------------ */

/* Palvelus- ja tapahtumakortin väkänen on oikeassa alakulmassa;
   rtl:ssä vasemmassa, ja tekstin varaus vaihtaa puolta. */
[dir="rtl"] .note-toggle { right: auto; left: var(--sp-2); }
[dir="rtl"] .svc-card.has-more .note-text,
[dir="rtl"] .ev-card.has-more .note-text { padding-right: 0; padding-left: 44px; }

/* Selain hoitaa itse sen, että edellinen-nappi siirtyy oikealle ja
   sen ‹ peilautuu (U+2039 on Bidi_Mirrored). Tässä riittää siirtää
   koko selain rivin loppuun: margin on fyysinen ominaisuus eikä
   käänny suunnan mukana. */
[dir="rtl"] .cards-toolbar .card-nav { margin-left: 0; margin-right: auto; }

/* Päivän pyhä: nappi kelluu oikealle ja teksti kiertää sen. */
[dir="rtl"] .saint-img .saint-toimet { right: auto; left: var(--sp-6); }
[dir="rtl"] .saint-img .txt > :has(+ .saint-toimet)::after {
	float: left; margin-left: 0; margin-right: var(--sp-5);
}

/* --- Uutisarkiston aikajana ----------------------------------- */

[dir="rtl"] .uutislista .uutis-tx {
	border-left: 0; border-right: 1px solid var(--border-gold);
	padding: var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-4);
}
[dir="rtl"] .uutislista .uutis-tx::before { left: auto; right: -3.5px; }
@media (max-width: 860px) {
	[dir="rtl"] .uutislista .uutis-pvm {
		text-align: right;
		border-left: 0; border-right: 1px solid var(--border-gold);
		padding: var(--sp-5) var(--sp-4) 0 0;
	}
	[dir="rtl"] .uutislista .uutis-pvm::before { left: auto; right: -3.5px; }
	[dir="rtl"] .uutislista .uutis-vuosi { margin: 0 .4em 0 0; }
	[dir="rtl"] .uutislista .uutis-tx {
		border-left: 0; border-right: 1px solid var(--border-gold);
		padding: var(--sp-2) var(--sp-4) var(--sp-5) 0;
	}
	[dir="rtl"] body:not(.paged) .uutislista > li:first-child .uutis-tx { border-right: 0; padding: 0; }
}

/* --- Sivutus -------------------------------------------------- */

/* Nuolet on kirjoitettu sisällöksi, joten ne on vaihdettava
   päittäin — muuten "seuraava" osoittaa taaksepäin. */
[dir="rtl"] a.wp-block-query-pagination-previous::before { content: "→"; }
[dir="rtl"] a.wp-block-query-pagination-next::after { content: "←"; }

/* --- Kartta ja selite ----------------------------------------- */

[dir="rtl"] .poi-card { text-align: right; }
[dir="rtl"] .poi--right .poi-card { right: auto; left: -10px; }
[dir="rtl"] .poi--left .poi-card { left: auto; right: -10px; }
[dir="rtl"] a.pyh-item { text-align: right; }

/* --- Haku ----------------------------------------------------- */

@media (max-width: 860px) {
	[dir="rtl"] dialog.search-dialog { border-left: 0; border-right: 0; }
}

/* --- Kalenteri (ort-kalenteri/assets/kalenteri.css) ------------ */

/* Merkintärivin kultareuna on aloitusreunassa. */
[dir="rtl"] .cal .entry {
	border-left: 1px solid var(--cal-line);
	border-right: 3px solid var(--cal-accent-2);
}
[dir="rtl"] .cal .entry:hover { border-right-color: var(--cal-accent); }
[dir="rtl"] .cal--dark .entry:not(.is-next) { border-right-color: var(--cal-line); }
[dir="rtl"] .cal--dark .entry:not(.is-next):hover { border-right-color: var(--cal-badge-bd); }
[dir="rtl"] .cal .entry.is-next { border-right-color: var(--cal-accent); }

[dir="rtl"] .cal .segmented button { border-right: 0; border-left: 1px solid var(--cal-line); }
[dir="rtl"] .cal .segmented button:last-child { border-left: 0; }
[dir="rtl"] .cal .haku__tyhjenna { right: auto; left: 2px; }
[dir="rtl"] .cal .sub-dialog .subscribe h2 { padding-right: 0; padding-left: 44px; }
[dir="rtl"] .cal .dlg-close { right: auto; left: 4px; }
[dir="rtl"] .cal .mc-item { text-align: right; }
[dir="rtl"] .cal .entry-time .et-end { margin-left: 0; margin-right: var(--sp-2); }
[dir="rtl"] .skip-link { left: auto; right: -9999px; }
[dir="rtl"] .skip-link:focus { right: 0; }
@media (min-width: 861px) {
	[dir="rtl"] .cal .tool-row > #subscribe-open { margin-left: 0; margin-right: auto; }
	[dir="rtl"] .cal .tool-row > .weekbar,
	[dir="rtl"] .cal .tool-row > .monthnav { padding-left: 0; padding-right: var(--sp-4); }
	[dir="rtl"] .cal .tool-row > .weekbar::before,
	[dir="rtl"] .cal .tool-row > .monthnav::before { left: auto; right: 0; }
}
