/*
Theme Name: Misbah Architecture Blocks
Description: Adds support for languages written in a Right To Left (RTL) direction. It's easy, just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/
@charset "UTF-8";

body {
  direction: rtl;
  unicode-bidi: embed;
}

/* Fix Owl Carousel: prevent RTL overflow from hiding first slide */
.owl-carousel,
.owl-stage-outer,
.owl-stage {
  direction: ltr !important;
}

/* Fix wp-block-cover in RTL context (mirrors WordPress core style-rtl.css behavior) */
.wp-block-cover,
.wp-block-cover-image {
  direction: ltr !important;
}

/* -------------------------------------------------------
   Footer RTL – mirror column order & text alignment
------------------------------------------------------- */

/* Reverse the main footer outer columns (company | nav+logo) → (nav+logo | company) */
body footer .wp-block-columns.are-vertically-aligned-top.is-layout-flex {
  flex-direction: row-reverse !important;
}

/* Reverse inner footer-right sub-columns (nav | logo) → (logo | nav) */
body footer .footer-right .wp-block-columns.is-layout-flex {
  flex-direction: row-reverse !important;
}

/* Right-align all footer text */
footer p,
footer h5,
footer h6,
footer .wp-block-site-title {
  text-align: right !important;
}

/* Social links: keep left-to-right order but align container to the right */
footer .wp-block-social-links.is-layout-flex {
  justify-content: flex-start !important;
}

/* Copyright bar: reverse order */
body footer .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex {
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
}

/* Footer contact bar: reverse column order */
body .footer-contact .wp-block-columns.is-layout-flex {
  flex-direction: row-reverse !important;
}

/* Footer contact items: right-align text */
.footer-contact h6,
.footer-contact p {
  text-align: right !important;
}

/* Footer contact inner icon+text pairs: keep normal order */
body .footer-contact .wp-block-columns .wp-block-columns.is-layout-flex {
  flex-direction: row !important;
}
