/* ==============================
   FOSTER HAYWARD CONCRETE - CUSTOM CSS
   ============================== */
/* --- Hero Section: Reduce min-height for better proportions --- */
.wp-block-cover.alignfull:first-of-type,
.entry-content > .wp-block-cover:first-child {
	min-height: 70vh !important;
}

/* --- Trust/Estimate Bar: Improved dark styling with accent color --- */
.entry-content > .wp-block-group.has-background:nth-child(2) {
	background-color: #1e1e1e !important;
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}

.entry-content > .wp-block-group.has-background:nth-child(2) .wp-block-columns {
	justify-content: center !important;
	align-items: center !important;
	gap: 2.5rem !important;
}

.entry-content > .wp-block-group.has-background:nth-child(2) p {
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: .875rem !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin: 0 !important;
	padding: .25rem .75rem !important;
	white-space: nowrap !important;
}

.entry-content > .wp-block-group.has-background:nth-child(2) p:not(:empty)::before {
	content: "✓ " !important;
	color: #F5A623 !important;
	font-weight: 700 !important;
}

/* --- Header navigation hover --- */
.wp-block-navigation a:hover {
	color: #F5A623 !important;
	text-decoration: none !important;
}

/* --- Header Request Quote button --- */
.wp-block-template-part .wp-block-button__link {
	border-radius: 6px !important;
	font-weight: 600 !important;
	transition: background-color .2s ease, opacity .2s ease !important;
}

.wp-block-template-part .wp-block-button__link:hover {
	opacity: .85 !important;
}

/* --- Hero primary CTA button - accent color --- */
.wp-block-cover .wp-block-buttons .wp-block-button:first-child .wp-block-button__link {
	background-color: #F5A623 !important;
	color: #1a1a1a !important;
	border-color: #F5A623 !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
}

.wp-block-cover .wp-block-buttons .wp-block-button:first-child .wp-block-button__link:hover {
	background-color: #e09518 !important;
	border-color: #e09518 !important;
}

/* --- Hero secondary CTA button --- */
.wp-block-cover .wp-block-buttons .wp-block-button:last-child .wp-block-button__link {
	border-radius: 6px !important;
	font-weight: 600 !important;
}

/* --- Service cards hover effect --- */
.entry-content > .wp-block-group.alignfull .wp-block-column {
	transition: box-shadow .25s ease, transform .25s ease !important;
	border-radius: 8px !important;
}

.entry-content > .wp-block-group.alignfull .wp-block-column:hover {
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12) !important;
	transform: translateY(-4px) !important;
}

/* --- Service card "Learn More" links --- */
.entry-content .wp-block-column a {
	transition: color .2s ease !important;
}

.entry-content .wp-block-column a:hover {
	color: #F5A623 !important;
	text-decoration: none !important;
}

/* --- Section headings: tighter letter spacing --- */
.entry-content h2 {
	letter-spacing: -.5px !important;
}

/* --- Sections padding improvements --- */
.entry-content > .wp-block-group.alignfull:not(.wp-block-cover) {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

/* --- CTA section (last cover block) improvements --- */
.entry-content > .wp-block-cover:last-child .wp-block-button__link {
	border-radius: 6px !important;
	font-weight: 700 !important;
}

/* --- Footer border --- */
.wp-site-blocks > .wp-block-template-part:last-child {
	border-top: 1px solid #e5e5e5 !important;
}

/* --- Dropdown Menu Styling --- */
/* Dropdown container */
.main-navigation ul ul,
nav ul ul {
	background-color: #f5f5f5 !important;
	border: 1px solid #e5e5e5 !important;
	border-top: 3px solid #c8a02e !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
	min-width: 210px !important;
	padding: 6px !important;
}

/* Dropdown items - each as its own grey box */
.main-navigation ul ul li,
nav ul ul li {
	padding: 3px !important;
}

.main-navigation ul ul li a,
nav ul ul li a {
	background-color: #ffffff !important;
	color: #1e1e1e !important;
	padding: 10px 16px !important;
	font-size: .875rem !important;
	font-weight: 500 !important;
	letter-spacing: .02em !important;
	display: block !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 6px !important;
	transition: background-color .15s ease, border-color .15s ease !important;
}

/* Hover state */
.main-navigation ul ul li a:hover,
nav ul ul li a:hover {
	background-color: #eeeeee !important;
	border-color: #c8a02e !important;
	color: #1e1e1e !important;
}