/* AST site CSS. Lives in mu-plugins (not in uploads/so-css) so importing a fresh uploads folder or saving SiteOrigin CSS cannot remove it.
   Loaded last by mu-plugins/ast-custom-css.php. Sections: mobile menu, desktop dropdown, theme tweaks, category slider. */
/* mobile menu: current item was white text on transparent/light background */
.header_cont .mobile_menu_wrapper ul.mobile_menu li.current-menu-parent > .menu_row > a,
.header_cont .mobile_menu_wrapper ul.mobile_menu li.current-menu-item > .menu_row > a,
.header_cont .mobile_menu_wrapper ul.mobile_menu li.current-menu-ancestor > .menu_row > a,
.header_cont .mobile_menu_wrapper ul.mobile_menu > li.current-menu-parent > .menu_row > .button_open,
.header_cont .mobile_menu_wrapper ul.mobile_menu > li.current-menu-item > .menu_row > .button_open,
.header_cont .mobile_menu_wrapper ul.mobile_menu > li.current-menu-ancestor > .menu_row > .button_open {
	color: #3f7a00 !important;
}

/* desktop dropdown: background and text colour are always set as a pair so they can never match.
   normal = navy text on white; hover / current = white text on navy */
.main-nav-container .sub-menu .menu-item {
	background-color: #fff !important;
}
.main-nav-container .sub-menu .menu-item > a,
.main-nav-container .sub-menu .menu-item > span {
	color: #021a47 !important;
	background-color: transparent !important;
}
.main-nav-container .sub-menu .menu-item:hover,
.main-nav-container .sub-menu .menu-item.current-menu-item,
.main-nav-container .sub-menu .menu-item.current-menu-ancestor,
.main-nav-container .sub-menu .menu-item.current-menu-parent {
	background-color: #021a47 !important;
}
.main-nav-container .sub-menu .menu-item:hover > a,
.main-nav-container .sub-menu .menu-item:hover > span,
.main-nav-container .sub-menu .menu-item > a:hover,
.main-nav-container .sub-menu .menu-item.current-menu-item > a,
.main-nav-container .sub-menu .menu-item.current-menu-ancestor > a,
.main-nav-container .sub-menu .menu-item.current-menu-parent > a {
	color: #fff !important;
}

/* --- tweaks previously edited inside the theme's css/main.css (moved here so theme updates keep them) --- */
.menu_box .container.wide_container,
.container.wide_container,
body.layout_1400 .container.wide_container {
	width: calc(100% - 0px);
	margin: 0 0px;
}
.cws-widget.widget-cws-recent-posts .post_item .post_title a:before {
	height: 9px;
	width: 9px;
	border-radius: 10px;
}
.cws_textmodule .cws_textmodule_titles .cws_textmodule_subtitle {
	color: #000000;
}

/* --- Category Slider for WooCommerce: look the site had before the plugin update ---
   The old plugin copy was edited by hand (layout "slider": no arrows, no pagination dots, 100px logo boxes,
   logos never cropped). The plugin is now unmodified; these rules recreate that look. */
.sp-wcsp-slider-section .sp-wcsp-button,
.sp-wcsp-slider-section .sp-wcsp-pagination,
.sp-wcsp-slider-area .sp-wcsp-button,
.sp-wcsp-slider-area .sp-wcsp-pagination {
	display: none !important;
}
.sp-wcsp-cat-thumbnail {
	height: 100px;
}
.sp-wcsp-cat-thumbnail img.sp-wcsp-cat-thumb {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.sp-wcsp-slider-area .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Contact form: the Cloudflare Turnstile box sits to the right of the SEND MESSAGE button, flush with the right edge of the message box.
   It floats right and the button's paragraph flows beside it; on a narrow screen the box goes above the button. */
.wpcf7-form .wpcf7-turnstile {
	float: right;
	margin: 0;
	max-width: 100%;
}
.wpcf7-form .wpcf7-response-output {
	clear: both;
}
@media (max-width: 600px) {
	.wpcf7-form .wpcf7-turnstile {
		float: none;
		margin: 0 0 12px;
	}
}