/*
Theme Name: Senta Studio Child
Theme URI: https://sentastudio.com/
Description: Senta Studio child theme for GeneratePress.
Author: Senta Studio
Template: generatepress
Version: 1.1.0
Text Domain: senta-studio-child
License: GNU General Public License v2 or later
*/

:root {
	--senta-ink: #101827;
	--senta-muted: #a9b4c7;
	--senta-blue: #5aa9ff;
	--senta-violet: #9a72ff;
	--senta-cyan: #62e4db;
	--senta-line: rgba(255, 255, 255, .16);
}

/* Header: transparent over the hero, then compact white on scroll. */
.site-header {
	position: absolute;
	inset: 0 0 auto;
	z-index: 20;
	width: 100%;
	background: transparent;
	transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease;
}
.site-header .inside-header { padding-top: 22px; padding-bottom: 22px; transition: padding .3s ease; }
.site-header .site-branding a, .site-header .main-navigation a { color: #fff; }
.site-header .site-logo img { max-height: 42px; width: auto; }
.site-header .main-navigation .main-nav ul li a { font-size: .86rem; font-weight: 600; letter-spacing: .02em; }
.site-header .main-navigation .main-nav ul ul { min-width: 300px; background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .14); border: 1px solid rgba(15, 23, 42, .08); }
.site-header .main-navigation .main-nav ul ul li a { color: var(--senta-ink); background: #fff; white-space: nowrap; }
.site-header .main-navigation .main-nav ul ul li a:hover, .site-header .main-navigation .main-nav ul ul li a:focus { color: var(--senta-ink); background: #f1f7f6; }
.site-header.is-scrolled { position: fixed; background: rgba(255,255,255,.94); box-shadow: 0 8px 28px rgba(15,23,42,.1); backdrop-filter: blur(14px); }
.site-header.is-scrolled .inside-header { padding-top: 13px; padding-bottom: 13px; }
.site-header.is-scrolled .site-branding a, .site-header.is-scrolled .main-navigation a { color: var(--senta-ink); }
.site-header .main-navigation .menu-item.senta-header-cta a { color: #fff; background: var(--senta-ink); border-radius: 999px; padding: 10px 17px; }
.site-header.is-scrolled .main-navigation .menu-item.senta-header-cta a { background: #168b82; }
.site-header .menu-toggle { color: #fff; }
.site-header.is-scrolled .menu-toggle { color: var(--senta-ink); }

/* PHASE 16M-R4 — shared logo dimensions only; identity is switched by JS src. */
.site-header .site-logo img {
	width: 170px;
	max-height: 46px;
	object-fit: contain;
	object-position: left center;
}
.site-header.is-scrolled .site-logo img,
.site-header.menu-open .site-logo img {
	width: 128px;
	max-height: 48px;
	object-fit: contain;
	object-position: left center;
}
@media (max-width: 768px) {
	.site-header .site-logo img { width: 155px; max-height: 48px; }
	.site-header.is-scrolled .site-logo img,
	.site-header.menu-open .site-logo img { width: 120px; max-height: 45px; }
}


/* PHASE 16M-R5 — preserve actual dark asset in light-header states. */
.site-header.is-scrolled .site-logo img,
.site-header.menu-open .site-logo img {
	filter: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	mix-blend-mode: normal !important;
	content: normal !important;
}

/* Non-article pages: hide filled WA icon, show outline variant to match thin social icons. */
body:not(.senta-page-artikel):not(.single-post):not(.category):not(.search):not(.tag) .site-header .senta-header-cta .senta-whatsapp-icon {
	display: none !important;
}
body:not(.senta-page-artikel):not(.single-post):not(.category):not(.search):not(.tag) .site-header .senta-header-cta .senta-whatsapp-outline-icon {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* Keep generic WordPress views inside the viewport without page-ID coupling. */
@media (max-width: 768px) {
	body.error404 .site-header .site-branding-container {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 56px);
		overflow: hidden;
	}
	body.error404 .site-header .site-branding { display: none !important; }
	body.category .senta-footer-grid,
	body.search .senta-footer-grid,
	body.tag .senta-footer-grid,
	body.single-post .senta-footer-grid {
		grid-template-columns: 1fr !important;
	}
}