/**
 * Astra 4.13.x compatibility overrides for the cakap child theme.
 *
 * Astra 4.13 injects header/footer-builder CSS (main.min.css) plus a "main"
 * theme class on the body. The cakap header/footer are fully custom (Bootstrap
 * navwalker) and do NOT use Astra's builder, so these overrides re-assert the
 * layout the child theme expects and neutralize builder leftovers.
 *
 * Loaded after astra-theme-css (see functions.php child_enqueue_styles) so it
 * wins the cascade for equal-specificity selectors.
 */

/* Header: cakap uses .fixed-top (position:fixed). Astra main.min.css sets
   .site-header{position:relative;z-index:99} which would make the header
   scroll with the page. Re-assert fixed + high z-index. */
.site-header.main-header.fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
	width: 100%;
}

/* Neutralize any leftover Astra builder navigation markup that is injected
   into custom menus (safety net for the nav_menu_item_title filter removal). */
.dropdown-menu-toggle.ast-header-navigation-arrow,
.ast-header-navigation-arrow,
.ast-menu-toggle {
	display: none !important;
}

/* Astra builder grid/section helpers must not affect the custom header/footer. */
.site-header .site-header-section,
.site-header .ast-builder-layout,
.site-footer .site-footer-section,
.site-footer .ast-builder-layout {
	display: contents;
}

/* Footer: re-assert block layout and remove any builder float/flex surprises. */
.site-footer {
	position: static;
	display: block;
	width: 100%;
}

/* ---------------------------------------------------------------------------
   Font Awesome icon fix.
   The child theme CSS (style.css) references "Font Awesome 5 Free" for the
   hamburger (U+F0C9), close (U+F00D) and offcanvas chevrons (U+F107), but the
   bundled local all.min.css only defines @font-face for "Font Awesome 5 Pro"
   (the theme ships the Pro webfonts, whose cmap still contains those glyphs).
   Without a "Font Awesome 5 Free" @font-face the browser can't resolve the
   family and renders empty/tofu boxes on mobile. Define the Free family and
   point it at the shipped Pro webfonts (glyphs verified present).
--------------------------------------------------------------------------- */
@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),
	     url("../fonts/fontawesome/webfonts/fa-regular-400.woff") format("woff");
}
@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("../fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
	     url("../fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff");
}
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../fonts/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),
	     url("../fonts/fontawesome/webfonts/fa-brands-400.woff") format("woff");
}
/* Keep the .fa/.fas selectors working with the shipped Pro family too. */
.fa,
.fas,
.far,
.fal {
	font-family: "Font Awesome 5 Free";
}
.fa,
.fas,
.fal {
	font-weight: 900;
}
.far {
	font-weight: 400;
}