/**
 * Native-block chrome — styles the Gutenberg-editable header/footer parts to
 * match the cloned dreamlease.co.uk chrome. Every value below was read from
 * the ORIGINAL chrome's computed styles (2026-07-09), not guessed:
 * header 90px white bar, nav 16px/500 sofia-pro #222, dropdown card
 * 3px radius + navy-tinted shadow, footer #393838, legal 16px white.
 */

/* ---------- Header ---------- */

.dle-native-header {
	background: #fff;
	position: relative;
	z-index: 50;
}

.dle-native-header__inner {
	max-width: 1800px;
	margin: 0 auto;
	min-height: 90px;
	padding: 10px 60px;
	gap: 24px;
}

.dle-native-header__logo img {
	width: 180px;
	max-height: 68px;
	height: auto;
	object-fit: contain;
}

/* Top-level nav links — single-line items, tight spacing, exactly like the
 * cloned .navbar__link (16px/500, padding 3px 10px). Labels must NEVER wrap:
 * the block's flex layout otherwise breaks "Special Offers" onto two lines. */
.dle-native-nav {
	font-family: sofia-pro, "Sofia Pro", sans-serif;
	flex: 1;
	min-width: 0;
}
/* NB: the block wraps its list in .wp-block-navigation__responsive-container
 * (mobile overlay), so all selectors here must be DESCENDANT, never
 * direct-child from .dle-native-nav. */
.dle-native-nav ul.wp-block-navigation__container {
	flex-wrap: nowrap;
	gap: 4px;
}
.dle-native-nav .wp-block-navigation-item__content,
.dle-native-nav .wp-block-navigation-item__label {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	color: #222;
	white-space: nowrap;
}
.dle-native-nav ul.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 3px 10px;
	text-decoration: none;
}
.dle-native-nav .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.dle-native-nav .wp-block-navigation-item__content:hover {
	color: #e30613;
}

/* Dropdown card — mirrors .navbar__child-list */
.dle-native-nav .wp-block-navigation__submenu-container {
	background: #fff;
	border: 0;
	border-radius: 3px;
	box-shadow: rgba(0, 41, 62, 0.2) 0 10px 50px 0, rgba(0, 41, 62, 0.05) 0 2.5px 2.5px 0;
	min-width: 200px !important;
	padding: 6px 0;
}
.dle-native-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 3px 20px;
}
.dle-native-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	font-size: 16px;
	font-weight: 500;
	color: #787580;
	white-space: nowrap;
}
.dle-native-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
	color: #222;
}

/* Right-hand contact stack */
.dle-native-header__contact {
	text-align: right;
	gap: 0;
	flex-shrink: 0;
}
.dle-native-header__phone {
	margin: 0;
}
.dle-native-header__phone a {
	font-size: 24px;
	font-weight: 500;
	color: #222;
	text-decoration: none;
}
.dle-native-header__cta {
	margin: 0;
}
.dle-native-header__cta a {
	font-size: 18px;
	font-weight: 500;
	color: #222;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 1280px) {
	.dle-native-header__inner {
		padding: 10px 24px;
	}
}
@media (max-width: 900px) {
	.dle-native-header__contact {
		display: none;
	}
}

/* ---------- Footer ---------- */

.dle-native-footer {
	background: linear-gradient(30deg, #393838 0%, #393838 100%);
	color: #fff;
	font-family: sofia-pro, "Sofia Pro", sans-serif;
}

.dle-native-footer__inner {
	max-width: 1600px;
	margin: 0 auto;
	padding: 72px 60px 48px;
}

.dle-native-footer__heading {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 10px;
}

.dle-native-footer__phone a {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}
.dle-native-footer__times {
	font-size: 16px;
	color: #fff;
}
.dle-native-footer__email a {
	font-size: 16px;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dle-native-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dle-native-footer__list li {
	margin: 0 0 4px;
}
.dle-native-footer__list a {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	text-decoration: none;
}
.dle-native-footer__list a:hover {
	text-decoration: underline;
}

.dle-native-footer__social {
	margin-top: 18px;
}
.dle-native-footer__social .wp-block-social-links,
.dle-native-footer__social svg {
	color: #fff;
	fill: #fff;
}

.dle-native-footer__legal {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 60px 48px;
}
.dle-native-footer__legal-p {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	margin: 0;
}

@media (max-width: 1280px) {
	.dle-native-footer__inner,
	.dle-native-footer__legal {
		padding-left: 24px;
		padding-right: 24px;
	}
}