/* AUTO-GENERATED from qa-fixes-footer.css via rtlcss. Do not edit by hand.
   Loaded only on AR pages by inc/i18n-setup.php.
*/
/* =========================================================================
   RP KADENCE FOOTER — scoped polish (component-system pilot)
   The navy background (#021143) and padding are set via the Kadence Row
   Layout block attributes and rendered by Kadence's generated CSS.
   This file only styles colour / hover / icon tint / layout — never the
   navy background or padding.
   Scope: .rp-kfooter  (outer Kadence Row Layout className)
   ========================================================================= */

/* ---- generic link colour inside the footer ---------------------------- */
.rp-kfooter a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.15s ease;
}
.rp-kfooter a:hover {
  color: #ffffff;
}

/* ---- column titles ---------------------------------------------------- */
.rp-kfooter .rp-kf-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 16px;
  text-align: right !important; /* Kadence heading block sets its own alignment; !important beats it */
}

/* ---- link lists ------------------------------------------------------- */
.rp-kfooter .rp-kf-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rp-kfooter .rp-kf-links li {
  margin: 0 0 10px;
}
.rp-kfooter .rp-kf-linkcol .rp-footer-link {
  display: block;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;       /* Figma: Mulish 14 (was 15) */
  line-height: 22px;     /* Figma: 22 (was computed 30) */
}
.rp-kfooter .rp-kf-linkcol .rp-footer-link:hover {
  color: #ffffff;
}

/* ---- top band: badges (left) + app download (right) ------------------- */
.rp-kfooter .rp-kf-badgerow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.rp-kfooter .rp-kf-badgerow figure { margin: 0; }
.rp-kfooter .rp-kf-col-apps .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
  direction: rtl; /* explicit — don't rely on html[dir=rtl] inheritance which breaks on static pages */
  align-items: flex-start !important; /* flex-start in rtl col = physical RIGHT; !important beats Kadence block CSS */
  justify-content: center;
  gap: 12px;
  text-align: right;
}
.rp-kfooter .rp-kf-app-label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.rp-kfooter .rp-kf-approw {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.rp-kfooter .rp-kf-approw figure { margin: 0; }

/* ---- bottom row: brand (left) + socials/language (right) -------------- */
.rp-kfooter .kb-row-layout-idrpfb {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.rp-kfooter .rp-kf-brand {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.rp-kfooter .rp-kf-logo { margin: 0; }
.rp-kfooter .rp-kf-copy {
  color: #ffffff;
  font-size: 14px;
}
.rp-kfooter .rp-kf-col-bottomright .kt-inside-inner-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 20px;
}
.rp-kfooter .rp-kf-socials {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rp-kfooter .rp-kf-socials figure { margin: 0; }
/* dark source SVGs → white on navy */
.rp-kfooter .rp-kf-social img {
  filter: brightness(0) invert(1);
  width: 24px;
  height: 24px;
}

/* ---- language selector (kept from original markup) -------------------- */
.rp-kfooter .dropdown-footer-language-text-rtl { color: #ffffff; }
.rp-kfooter .dropdown-footer-language-border { border-color: rgba(255, 255, 255, 0.3); }
.rp-kfooter .drop-dir-footer { filter: brightness(0) invert(1); }

/* ---- responsive ------------------------------------------------------- */
@media (max-width: 767px) {
  .rp-kfooter .rp-kf-col-apps .kt-inside-inner-col { align-items: flex-start; }
  .rp-kfooter .rp-kf-col-bottomright .kt-inside-inner-col { justify-content: flex-start; }
  .rp-kfooter .rp-kf-brand { justify-content: flex-start; }
}

/* QA: footer language dropdown options rendered white (invisible on the light dropdown panel)
   -> RemotePass blue so the Arabic/English options are readable. */
.dropdown-footer-language-links { color: #114EF7 !important; opacity: 1 !important; }
.dropdown-footer-language-links:hover { color: #0d3fd0 !important; }

/* Footer logo white on the navy footer. */
.rp-kfooter .rp-kf-logo img { filter: brightness(0) invert(1); }
/* Language switcher inline with the social links. */
.rp-kfooter .rp-kf-bottom-right { display: flex; align-items: center; gap: 16px; }

/* Footer 2-column rows: vertically center column content so logo/copyright and
   social/language sit on one horizontal line. */
.rp-kfooter .kt-has-2-columns .kt-inside-inner-col { justify-content: center; }
.rp-kfooter .rp-kf-brand { align-items: center; }
.rp-kfooter .rp-kf-bottom-right { align-items: center; }
.rp-kfooter .kt-has-2-columns.kt-tab-layout-row { align-items: center; }
.rp-kfooter .rp-kf-bottom-right .dropdown-footer-language-container { margin: 0; }

/* Tighten the copyright line spacing. */
.rp-kfooter .rp-kf-copy { margin-block-start: 0.2em; }

/* Right-align the social + language block in the footer bottom row. */
.rp-kfooter .rp-kf-bottom-right { align-self: flex-end; }