/* =========================================================
   Hello Digsan – Default Header & Footer Styles
   ========================================================= */

/* ── Site Header ────────────────────────────────────────── */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid var(--hd-border, #e2e8f0);
	box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.site-header-inner {
	max-width: var(--hd-content-width, 1200px);
	margin: 0 auto;
	padding: 0 24px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

/* ── Branding ───────────────────────────────────────────── */
.site-branding { display: flex; align-items: center; gap: 12px; }
.site-branding img.custom-logo { height: 44px; width: auto; }
.site-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
}
.site-title a { color: var(--hd-text, #1e293b); text-decoration: none; }
.site-title a:hover { color: var(--hd-primary, #2563eb); }
.site-description { font-size: .75rem; color: var(--hd-text-muted, #64748b); margin: 0; }

/* ── Primary Navigation ─────────────────────────────────── */
.site-header .site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 4px;
}
.site-header .site-navigation ul li { position: relative; }
.site-header .site-navigation ul li a {
	display: block;
	padding: 8px 14px;
	font-size: .9375rem;
	font-weight: 500;
	color: var(--hd-text, #1e293b);
	border-radius: 6px;
	transition: background .15s, color .15s;
	text-decoration: none;
}
.site-header .site-navigation ul li a:hover,
.site-header .site-navigation ul li.current-menu-item > a {
	background: #f0f9ff;
	color: var(--hd-primary, #2563eb);
}

/* Dropdown */
.site-header .site-navigation ul ul {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	min-width: 200px;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--hd-border, #e2e8f0);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	z-index: 100;
	gap: 0;
}
.site-header .site-navigation ul li:hover > ul { display: flex; }
.site-header .site-navigation ul ul li a { border-radius: 0; padding: 10px 16px; }

/* ── Site Footer ────────────────────────────────────────── */
.site-footer {
	background: #0f172a;
	color: #94a3b8;
	padding: 40px 0 24px;
}
.site-footer-inner {
	max-width: var(--hd-content-width, 1200px);
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

/* Footer nav */
.site-footer .site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.site-footer .site-navigation ul li a {
	font-size: .875rem;
	color: #94a3b8;
	padding: 4px 10px;
	border-radius: 4px;
	transition: color .15s, background .15s;
	text-decoration: none;
}
.site-footer .site-navigation ul li a:hover { color: #fff; background: rgba(255,255,255,.08); }

/* Credits */
.site-footer-credits {
	font-size: .8125rem;
	color: #64748b;
}
.site-footer-credits a { color: #93c5fd; text-decoration: none; }
.site-footer-credits a:hover { color: #fff; }

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 768px) {
	.site-header-inner { height: auto; padding: 12px 16px; flex-wrap: wrap; }
	.site-header .site-navigation { width: 100%; }
	.site-header .site-navigation ul { flex-wrap: wrap; }
	.site-footer-inner { flex-direction: column; text-align: center; }
}