/*
Theme Name: Carbon Construction
Author: Kantipur Themes
Author URI: https://www.kantipurthemes.com/
Theme URI: https://www.kantipurthemes.com/carbon-construction
Description: Carbon Construction is a sleek and modern WordPress Theme designed specifically for construction, renovation, factory, engineering, handyman, building, architecture, interior and development-related businesses. The theme features a clean and professional design that is both aesthetically pleasing and easy to navigate. The layout is fully responsive, ensuring that your website will look great on all devices, including desktops, laptops, tablets, and smartphones. It is also highly customizable, allowing you to easily modify the layout, colors, and fonts to match your brand and style.
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio
Text Domain: carbon-construction
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.8
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Hide News and Contact nav links (temporarily) - yellow CONTACT US button is kept */
.wp-block-navigation .wp-block-navigation-item a[href="/blog/"],
.wp-block-navigation .wp-block-navigation-item a[href="/contact/"],
.wp-block-navigation__responsive-container-content .wp-block-navigation-item a[href="/blog/"],
.wp-block-navigation__responsive-container-content .wp-block-navigation-item a[href="/contact/"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}
.wp-block-navigation .wp-block-navigation-item:has(a[href="/blog/"]),
.wp-block-navigation .wp-block-navigation-item:has(a[href="/contact/"]),
.wp-block-navigation__responsive-container-content .wp-block-navigation-item:has(a[href="/blog/"]),
.wp-block-navigation__responsive-container-content .wp-block-navigation-item:has(a[href="/contact/"]) {
	display: none !important;
}

/* ===== Products Dropdown Menu ===== */
.wp-block-navigation .wp-block-navigation-item.has-child {
	position: relative;
}

.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 260px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	padding: 8px 0;
	margin: 0;
	list-style: none;
	z-index: 9999;
}

.wp-block-navigation .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
	display: block;
}

.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item {
	margin: 0;
	padding: 0;
}

.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	display: block;
	padding: 10px 20px;
	color: #333 !important;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
	transition: background 0.2s, color 0.2s;
}

.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
	background: #1B5E5A;
	color: #fff !important;
}

/* Arrow indicator for dropdown parent */
.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
	content: ' ▾';
	font-size: 12px;
	margin-left: 4px;
}