/* SX Header & Footer */
.sxhf { display: block; width: 100%; }
.sxhf--sticky { position: sticky; top: 0; z-index: 999; }
/* Keep the sticky header below the WP admin bar for logged-in users. */
.admin-bar .sxhf--sticky { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .sxhf--sticky { top: 46px; }
}

/* The sxhp_footer widget hard-codes direction:rtl internally; on English
   pages flip it to LTR so the logo and columns mirror correctly. */
.sxhf--footer[dir="ltr"] .sxhp,
.sxhf--footer[dir="ltr"] .sxhp * { direction: ltr !important; }

/* Header: span the full page width and sit flush against the page top —
   override Elementor's boxed container width and padding. */
.sxhf--header { margin: 0 !important; }
.sxhf--header .e-con { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.sxhf--header .e-con-inner { max-width: 100% !important; width: 100% !important; padding-top: 0 !important; padding-bottom: 0 !important; }

/* Footer: span the full page width too (background edge-to-edge; the inner
   .wrap keeps its own side padding as the gutter). */
.sxhf--footer .e-con { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.sxhf--footer .e-con-inner { max-width: 100% !important; width: 100% !important; }
.sxhf--footer .wrap { max-width: 100% !important; }

/* Footer registration badges: a small heading above, and larger logos. */
.sxhf--footer .ftr-badges { flex-wrap: wrap; align-items: center; }
.sxhf--footer .ftr-badges::before { flex-basis: 100%; width: 100%; font-size: 12px; font-weight: 500; color: #64748b; margin-bottom: 4px; }
.sxhf--footer[dir="rtl"] .ftr-badges::before { content: "مسجّلون لدى"; }
.sxhf--footer[dir="ltr"] .ftr-badges::before { content: "Registered with"; }
.sxhf--footer .ftr-badge img { height: 50px !important; }