/*
 * Arif Education plugin – layout fixes for Elementor (hand-written).
 * The website design itself is in arif-education.css.
 */

/* Each website section touches the next one: no Elementor space between Arif widgets. */
.elementor-widget.elementor-widget[class*="elementor-widget-arif-edu-"] { margin-block: 0; }

/* The sizes in the design use rem (16px). Some themes change the root size; on pages
   with Arif widgets it goes back to the browser default, as in the original pages. */
html:has(.arif-edu) { font-size: 100%; }

/* Sticky header. Tools → Arif Education gives the header's container the class
   "arif-edu-sticky"; a container that holds the Header widget directly works too. */
.arif-edu-sticky,
.e-con:has(> .elementor-widget-arif-edu-site-header),
.e-con:has(> .e-con-inner > .elementor-widget-arif-edu-site-header) { position: sticky; top: 0; z-index: 50; }
body.admin-bar .arif-edu-sticky,
body.admin-bar .e-con:has(> .elementor-widget-arif-edu-site-header) { top: 32px; }
@media (max-width: 782px) {
	body.admin-bar .arif-edu-sticky,
	body.admin-bar .e-con:has(> .elementor-widget-arif-edu-site-header) { top: 46px; }
}
@media (max-width: 600px) {
	body.admin-bar .arif-edu-sticky,
	body.admin-bar .e-con:has(> .elementor-widget-arif-edu-site-header) { top: 0; }
}
/* Inside a container the header no longer needs its own sticky position. */
.arif-edu.arif-edu .site-header { position: relative; top: auto; }