/*
 * ABFISHERY – Arabic (right to left).
 * Loaded only on the Arabic site, after main.css. Grids and flex rows flip on their own
 * with dir="rtl"; this file flips what is positioned by hand and sets the Arabic fonts.
 */

:root {
	--abf-serif: "Amiri", "Cormorant Garamond", Georgia, serif;
	--abf-sans: "Tajawal", "Manrope", "Segoe UI", sans-serif;
}

/* Arabic letters are joined: no letter spacing, slightly larger and more open text. */
.abf, .abf * { letter-spacing: 0 !important; }
.abf { font-size: 17px; }
.abf .abf-lead, .abf p { line-height: 1.85; }
.abf :where(h1, h2, h3) { line-height: 1.35; }
.abf-hero__title { font-size: clamp(40px, 5.2vw, 74px); line-height: 1.3; font-weight: 700; }
.abf-banner h1 { line-height: 1.3; font-weight: 700; }
.abf-h2 { font-weight: 700; }
.abf-drawer a { font-size: 22px; }

/* Brand, numbers, phone numbers and Latin names keep left to right. */
.abf-logo, .abf-topbar__info a[href^="tel"], .abf-contact__lines a, .abf-card__sci, .abf-product__sci, .abf-stat__v, .abf-story__year { direction: ltr; unicode-bidi: isolate; }
.abf-logo__word { font-family: "Cormorant Garamond", Georgia, serif; letter-spacing: 6px !important; }
.abf-header.is-scrolled .abf-logo__word { letter-spacing: 5px !important; }
.abf-logo__sub { font-family: "Manrope", sans-serif; letter-spacing: 4px !important; }
.abf-card__sci, .abf-product__sci { font-family: "Cormorant Garamond", Georgia, serif; }
.abf-contact__lines a { text-align: right; }
.abf-contact__lines b { margin-right: 0; margin-left: 10px; }

/* Arrows point the reading way. */
.abf-ico--arrow, .abf-ico--prev, .abf-ico--next { transform: scaleX(-1); }

/* Dark gradients start from the text side (right). */
.abf-hero__bg::after { background: linear-gradient(270deg, rgba(6, 24, 43, .92) 0%, rgba(6, 24, 43, .65) 45%, rgba(6, 24, 43, .2) 100%); }
.abf-banner::after { background: linear-gradient(270deg, rgba(6, 24, 43, .9), rgba(6, 24, 43, .35)); }
.abf-cta::before { background: linear-gradient(260deg, rgba(6, 24, 43, .95) 0%, rgba(6, 24, 43, .82) 50%, rgba(10, 110, 115, .55) 100%); }
.abf-steps::before { background: linear-gradient(270deg, var(--abf-gold), var(--abf-aqua)); }
.abf-hero__nav { justify-content: flex-start; }

/* Story: frame, badge and reveal are mirrored. */
.abf-story__media { padding: 0 28px 28px 0; }
.abf-story__media::before { left: auto; right: 0; }
.abf-story__badge { right: auto; left: -28px; }
.abf-js .abf-story__media .abf-story__img { transform: translateX(40px) scale(.97); }
.abf-js .abf-story__media::before { transform: translate(-24px, -24px); }
.abf .abf-story__list a:hover { padding-left: 4px; padding-right: 10px; }
@media (max-width: 900px) { .abf-story__badge { left: 0; } }

/* Cards, facts and photo captions. */
.abf-card__sci { left: auto; right: 18px; }
.abf-trade__photo figcaption { left: auto; right: 16px; }
.abf-fact::before { left: auto; right: 26px; }
.abf-fact__n { right: auto; left: 18px; }
.abf-tbc { margin-left: 0; margin-right: 6px; }

/* Quote button light sweep runs right to left. */
.abf-header__tools .abf-btn--main::after { left: auto; right: -60%; transform: skewX(20deg); transition: right .6s ease; }
.abf-header__tools .abf-btn--main:hover::after { left: auto; right: 130%; }

/* Floating buttons go to the left corner (the reading start stays free). */
.abf-float { right: auto; left: 26px; }
@media (max-width: 900px) { .abf-float { left: 16px; } }

/* Form fields */
.abf-field input, .abf-field select, .abf-field textarea { font-family: var(--abf-sans); text-align: right; }
.abf-field input[type="email"], .abf-field input[type="tel"] { direction: ltr; text-align: right; }
.abf-topbar .abf-lang--top { margin-right: 0; margin-left: 2px; }
.abf-topbar .abf-lang--top::after { right: auto; left: -10px; }
.abf-topbar__in > .abf-widget:first-child { margin-right: 0; margin-left: auto; }
.abf-topbar__in > .abf-widget + .abf-widget { margin-left: 0; margin-right: -4px; }
.abf-hp { left: auto; right: -9999px; }

@media (max-width: 640px) { .abf-hero__nav { padding-right: 20px; padding-left: 84px; } }