/**
 * Coffee Trade — Header & footer polish
 * ----------------------------------------------------------------------------
 * Presentation polish only. The header/footer STRUCTURE, background colours and
 * the advisory CTA / phone / search elements live in the Astra Header & Footer
 * Builder (Appearance > Customize) and stay fully configurable — we deliberately
 * do NOT force header/footer background colours here, only spacing, rhythm,
 * navigation hover states and hairlines.
 */

/* --- Header: calm separation + logo air ---------------------------------- */
.site-header {
	border-bottom: var(--ctc-border-width) solid var(--ctc-line);
}

/* Sticky header gets a subtle premium lift. */
.ast-header-sticked .site-header,
.site-header.ast-header-sticked {
	box-shadow: var(--ctc-shadow-sm);
}

/* Breathing room around the logo (brief: logo with clear air, premium feel). */
.site-header .site-logo-img .custom-logo-link,
.site-header .ast-site-identity {
	display: inline-flex;
	align-items: center;
	padding-block: var(--ctc-space-2);
}

.site-header .site-logo-img .custom-logo-link img,
.site-header .custom-logo-link img {
	transition: opacity var(--ctc-transition);
}

/* --- Primary navigation: slim, with a bronze hover accent ----------------- */
.main-header-menu .menu-item > .menu-link,
.ast-builder-menu .menu-item > .menu-link,
.site-header .menu-item > a {
	font-weight: 500;
	letter-spacing: 0.01em;
	transition: color var(--ctc-transition), box-shadow var(--ctc-transition);
}

.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .menu-item > .menu-link:focus,
.ast-builder-menu .menu-item > .menu-link:hover,
.site-header .menu-item > a:hover {
	color: var(--ctc-walnut);
}

/* Current page: quiet bronze underline rather than a heavy highlight. */
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu .current-menu-item > .menu-link,
.site-header .current-menu-item > a {
	box-shadow: inset 0 -2px 0 0 var(--ctc-bronze);
}

/* Dropdown sub-menus: clean panel on the palette. */
.main-header-menu .sub-menu,
.ast-builder-menu .sub-menu {
	background: var(--ctc-cream);
	border: var(--ctc-border);
	border-radius: var(--ctc-radius);
	box-shadow: var(--ctc-shadow);
	overflow: hidden;
}

.main-header-menu .sub-menu .menu-link {
	border-top: var(--ctc-border-width) solid rgba(175, 168, 162, 0.35);
}

.main-header-menu .sub-menu li:first-child .menu-link {
	border-top: 0;
}

/* --- Footer: rhythm, quiet links, hairline ------------------------------- */
.site-footer .ast-container,
footer.site-footer .ast-container {
	padding-block: var(--ctc-space-7);
}

.site-footer .widget-title,
.site-footer .widget .widget-title {
	color: var(--ctc-text);
	font-weight: 600;
	letter-spacing: 0.01em;
	margin-bottom: var(--ctc-space-4);
}

.site-footer a {
	transition: color var(--ctc-transition);
}

.site-footer a:hover,
.site-footer a:focus {
	color: var(--ctc-bronze);
}

/* Small print / copyright bar separation. */
.ast-small-footer {
	border-top: var(--ctc-border-width) solid var(--ctc-line);
}

/* --- Accessible keyboard focus for header/footer links -------------------- */
.site-header a:focus-visible,
.site-footer a:focus-visible {
	outline: none;
	box-shadow: var(--ctc-focus-ring);
	border-radius: var(--ctc-radius-sm);
}