/* Right-to-left languages (Arabic). Loaded after theme.css only when the page language is RTL.
   Flex, grid and text already follow dir="rtl"; this file only flips what theme.css places by hand
   (left / right, one-sided paddings and borders, arrows).
   The world map, its pings and the home hero keep their place: geography does not flip. */

/* Arabic letters are joined: spacing between letters breaks the words. */
[dir="rtl"] body, [dir="rtl"] body * { letter-spacing: 0 !important; }

/* Text that is not translated yet (English fallback) keeps its own direction, so its full stop stays at the end.
   Arabic paragraphs must therefore start with an Arabic word (not "GoZzzy …"). */
[dir="rtl"] .gz-main :is(p, li, dd, blockquote, figcaption, h1, h2, h3, h4) { unicode-bidi: plaintext; }
/* Phone numbers read left to right (+81 3…). */
[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }

/* Arrows point the way you read. */
[dir="rtl"] .gz-ico-arrow, [dir="rtl"] .gz-ico-back, [dir="rtl"] .gz-ico-chevron { transform: scaleX(-1); }

/* Header */
[dir="rtl"] .gz-skip { left: auto; right: 8px; }
[dir="rtl"] .gz-logo { margin-right: 0; margin-left: auto; }
[dir="rtl"] .gz-subbar span::before { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .gz-langs ul { right: auto; left: 0; }
[dir="rtl"] .gz-suggest small { margin-left: 0; margin-right: auto; }
[dir="rtl"] .gz-drawer-in { right: auto; left: 0; animation-name: gz-slide-rtl; }
@keyframes gz-slide-rtl { from { transform: translateX(-40px); opacity: 0; } }
@media (min-width: 1024px) {
	[dir="rtl"] .gz-logo { margin-right: 0; margin-left: 6px; }
}

/* Titles */
[dir="rtl"] .gz-mtitle { transform-origin: right center; }

/* Home hero: same composition as in English, only the search box is mirrored. */
[dir="rtl"] .gz-hero-title { align-self: flex-end; }
[dir="rtl"] .gz-bigsearch { padding: 5px 16px 5px 5px; }

/* Cards */
[dir="rtl"] .gz-ccard-links .gz-ico { right: auto; left: 0; }
[dir="rtl"] .gz-ccard-name { padding-right: 0; padding-left: 16px; }
[dir="rtl"] .gz-badge-flag { margin: 0 0 0 5px; }
[dir="rtl"] .gz-risk-badge { left: auto; right: 8px; }
[dir="rtl"] .gz-prcard-body > .gz-badge { left: auto; right: 12px; }
@media (min-width: 700px) {
	[dir="rtl"] .gz-pcard-body > .gz-badge { left: auto; right: 14px; }
	[dir="rtl"] .gz-prcard-body > .gz-badge { right: 14px; }
}
[dir="rtl"] .gz-cpick-pop { left: auto; right: 0; }

/* "GoZzzy says" */
[dir="rtl"] .gz-says-title { right: auto; left: 14px; transform: rotate(12deg); }
[dir="rtl"] .gz-says-bubble { transform: rotate(4deg); }
[dir="rtl"] .gz-says-bubble::before { left: auto; right: 30%; }
[dir="rtl"] .gz-says-bulb { left: auto; right: 12px; }
[dir="rtl"] .gz-says.is-inline .gz-says-bubble::before { right: -11px; left: auto; transform: translateY(-50%) rotate(135deg); }
[dir="rtl"] .gz-says.is-inline.is-right .gz-says-bubble::before { right: auto; left: -11px; transform: translateY(-50%) rotate(-45deg); }
[dir="rtl"] .gz-says.is-inline .gz-says-title { left: auto; right: 46%; }
@media (max-width: 520px) {
	[dir="rtl"] .gz-says.is-inline .gz-says-bubble::before, [dir="rtl"] .gz-says.is-inline.is-right .gz-says-bubble::before { top: -12px; left: auto; right: 30%; transform: rotate(45deg); }
	[dir="rtl"] .gz-says.is-inline .gz-says-title { right: auto; left: 14px; }
}

/* Health info + */
[dir="rtl"] .gz-ag-head { padding: 14px 12px 14px 66px; }
[dir="rtl"] .gz-ag-head-mascot { right: auto; left: -4px; }
[dir="rtl"] .gz-ag-list a { padding: 10px 12px 10px 6px; }
[dir="rtl"] .gz-ag-list a::before { left: auto; right: 0; }
[dir="rtl"] .gz-ag-list a:hover, [dir="rtl"] .gz-ag-list a:focus-visible { transform: translateX(-3px); }
[dir="rtl"] .gz-ag-badge { padding: 4px 7px 4px 9px; }
[dir="rtl"] .gz-ag-more:hover, [dir="rtl"] .gz-ag-more:focus-visible { transform: skewX(6deg) translateX(-3px); }
[dir="rtl"] .gz-ag-deco { right: auto; left: 0; }
[dir="rtl"] .gz-ag-deco-plane { left: auto; right: -24px; transform: scaleX(-1) rotate(8deg); }
[dir="rtl"] .gz-ag-card { padding: 16px 22px 16px 16px; }
[dir="rtl"] .gz-ag-card::before { left: auto; right: 0; }
[dir="rtl"] .gz-ag-hero .gz-ag-head { padding: 24px 22px 24px 150px; }
[dir="rtl"] .gz-ag-hero .gz-ag-head-mascot { right: auto; left: 6px; }
@container (min-width: 440px) {
	[dir="rtl"] .gz-ag-head { padding: 18px 16px 18px 120px; }
	[dir="rtl"] .gz-ag-list a { padding: 14px 16px 14px 10px; }
}
@media (max-width: 560px) {
	[dir="rtl"] .gz-ag-hero .gz-ag-head { padding: 18px 14px 20px 86px; }
	[dir="rtl"] .gz-ag-hero .gz-ag-head-mascot { right: auto; left: -2px; }
	[dir="rtl"] .gz-ag-card { padding: 14px 20px 14px 14px; }
}

/* Country page */
[dir="rtl"] .gz-tips li { padding: 12px 40px 12px 14px; }
[dir="rtl"] .gz-tips li::before { left: auto; right: 14px; }
[dir="rtl"] .gz-phrase { border-left: 0; border-right: 4px solid var(--n, var(--gz-pink)); }

/* Articles */
[dir="rtl"] .gz-content blockquote { margin-left: auto; margin-right: 0; border-left: 0; border-right: 5px solid var(--gz-lime); border-radius: var(--gz-radius-sm) 0 0 var(--gz-radius-sm); }
