/* ============================================================
   RTL (right-to-left) overrides — Arabic site (sites/fampower_ar)
   Issue #240 — https://github.com/FitforKids10/fitforkids-dk/issues/240

   Loaded LAST in the frontend <head> (after newdesign/css/style.css),
   so equal-specificity rules win by source order.

   Every rule is scoped under [dir="rtl"] so this file is completely
   inert on an LTR document. The whole fampower_ar tree is the Arabic
   site, so its templates carry <html dir="rtl" lang="ar"> and this
   sheet is always active there — no LTR site is affected.

   Scope: base direction + the site's GLOBAL chrome and common content
   blocks (header/nav, banner, image-content blocks, forms, lists,
   popups, mobile menu). Page-specific decorative absolute-positioned
   art (e.g. support-page illustrations) is left for the RTL visual-QA
   pass tracked by #242/#243.
   ============================================================ */

/* --- Base direction --------------------------------------- */
html[dir="rtl"] body { direction: rtl; text-align: right; }

/* --- Generic direction utilities (safety net) ------------- */
[dir="rtl"] .text-left  { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left  !important; }
[dir="rtl"] .pull-left,  [dir="rtl"] .float-left  { float: right !important; }
[dir="rtl"] .pull-right, [dir="rtl"] .float-right { float: left  !important; }

/* --- Header / primary nav --------------------------------- */
[dir="rtl"] .gradient-bg-block p { padding-right: 0; padding-left: 30px; }
[dir="rtl"] .site-header nav ul li.has-submenu svg { margin-left: 0; margin-right: 5px; }
[dir="rtl"] .site-header nav ul li .submenu { right: auto; left: 0; }

/* --- Banner ----------------------------------------------- */
[dir="rtl"] .banner-section .content-block .inner-content-block { padding-left: 0; padding-right: 50px; }
[dir="rtl"] .banner-section .content-block .inner-content-block .gradient-bg-block { margin-left: 0; margin-right: auto; }

/* --- Custom bullet lists ---------------------------------- */
[dir="rtl"] .custom-listing li { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .custom-listing li::before { left: auto; right: 5px; }

/* --- Image + content blocks ------------------------------- */
[dir="rtl"] .image-content-block .content-block .inner-detail-block { padding-left: 0; padding-right: 35px; }
[dir="rtl"] .image-content-section { padding: 0 65px 0 0; }
[dir="rtl"] .image-content-section .logo-listing .li-right-space { padding-right: 0; padding-left: 40px; }
[dir="rtl"] .two-col-block .gradient-bg-block p { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .image-content-block.has-large-image .content-block { padding: 0 0 0 50px; }
[dir="rtl"] .image-content-block.has-large-image .img-block .img-description { padding-left: 0; padding-right: 40px; }

/* --- EU-projekter blocks ---------------------------------- */
[dir="rtl"] .eu-projekter-block .img-content-wrap.has-left-img .image-wrap { padding-left: 0; padding-right: 70px; }
[dir="rtl"] .eu-projekter-block .img-content-wrap.has-left-img .content-wrap { padding-right: 0; padding-left: 10px; }
[dir="rtl"] .eu-projekter-block .img-content-wrap .content-wrap { padding-right: 70px; padding-left: 10px; }
[dir="rtl"] .eu-projekter-block .img-content-wrap .content-wrap .inner-content-wrap { margin-left: 0; margin-right: auto; }

/* --- Program banner text alignment ------------------------ */
[dir="rtl"] .banner-content-block.our-porgram-banner-contennt p { text-align: right; }

/* --- Login / register forms ------------------------------- */
[dir="rtl"] .contact-page-wrapper.login-wrapper .img-block { margin-left: 0; margin-right: 20px; }

/* --- Select2 custom dropdown ------------------------------ */
[dir="rtl"] .custom-dropdown .select2-results__options .select2-results__option,
[dir="rtl"] .custom-dropdown .select2-container .select2-selection--single .select2-selection__rendered { text-align: right; }
[dir="rtl"] .custom-dropdown .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 15px 0 25px; }
[dir="rtl"] .custom-dropdown .select2-container .select2-selection--single .select2-selection__rendered:after { right: auto; left: 9px; }
[dir="rtl"] .custom-dropdown .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { left: auto; right: 25px; }

/* --- About list ------------------------------------------- */
[dir="rtl"] .about-us-ul { padding-left: 0; padding-right: 25%; }

/* --- Login checkbox --------------------------------------- */
[dir="rtl"] .checkbox-label { padding-left: 0; padding-right: 30px; }
[dir="rtl"] .checkbox-label .check { left: auto; right: 0; }
[dir="rtl"] .checkbox-label input:checked ~ .check::after { left: auto; right: 7px; }

/* --- Popup close ------------------------------------------ */
[dir="rtl"] .custom-popup .close-popup { margin-left: 0; margin-right: auto; }

/* --- Support page text alignment -------------------------- */
[dir="rtl"] .support-page .has-red-border,
[dir="rtl"] .support-page .has-gray-bg .content p { text-align: right; }

/* --- Mobile (<=991px): hamburger + slide-in nav ----------- */
@media (max-width: 991px) {
  [dir="rtl"] .hamburger-menu { margin-left: 0; margin-right: auto; text-align: left; }
  [dir="rtl"] .hamburger-menu .normal-icon,
  [dir="rtl"] .hamburger-menu .active-icon { left: auto; right: 0; }
  [dir="rtl"] .site-header:not(.inner-header) nav { right: auto; left: -100%; }
  [dir="rtl"] .open-menu .site-header:not(.inner-header) nav { left: 0; right: auto; }
  [dir="rtl"] .site-header nav ul li .submenu { right: auto; left: 0; }
}

/* --- Tablet/desktop content padding reset (<=1199px) ------ */
@media (max-width: 1199px) {
  [dir="rtl"] .image-content-block .content-block .inner-detail-block { padding-left: 0; padding-right: 20px; }
  [dir="rtl"] .image-content-block.has-large-image .content-block { padding: 0 25px; }
}

/* --- Small screens: neutralised paddings (<=991px) -------- */
@media (max-width: 991px) {
  [dir="rtl"] .banner-section .content-block { padding-left: 25px; padding-right: 25px; }
  [dir="rtl"] .banner-section .content-block .inner-content-block { padding-right: 0; }
  [dir="rtl"] .image-content-block .content-block .inner-detail-block { padding-right: 0; }
  [dir="rtl"] .eu-projekter-block .img-content-wrap.has-left-img .image-wrap { padding-right: 0; }
  [dir="rtl"] .our-program-banner .heading-block h1 { text-align: right; }
}