/*
 * Melegim – header, bara promo și footer (spec §5.1).
 */

/* Header pe --m-stone */
.ast-primary-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar,
#ast-desktop-header .ast-primary-header-bar,
#ast-mobile-header .ast-primary-header-bar {
	background-color: var(--m-stone);
}

/* Logo: îngerul (inc/logo.php) în stânga textului „meleğim" (decizia proprietarului, 2026-10-24, varianta „lângă").
   Astra fixează lățimea tuturor imaginilor din link. */
header .custom-logo-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

/* Cât textul (47px), ca header-ul să rămână de 84px. */
header .custom-logo-link img.melegim-logo-mark {
	flex: none;
	width: auto;
	max-width: none;
	height: 4.7rem;
}

/* Meniul principal: 15px 500, fără majuscule forțate */
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-item > .menu-link {
	font-family: var(--m-font-sans);
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
	color: var(--m-ink);
}

/* Pe desktopurile late meniul rămâne pe un rând, lângă „Intră în cont"; sub 1200px se poate rupe. */
@media (min-width: 1200px) {
	.ast-builder-menu-1 .main-header-menu {
		flex-wrap: nowrap;
	}

	.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 1.4rem;
		padding-right: 1.4rem;
		white-space: nowrap;
	}
}

/* Linkul de cont: iconiță + text */
.ast-header-account-wrap .ast-header-account-link {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	min-height: var(--m-target);
	color: var(--m-ink);
	text-decoration: none;
}

.ast-header-account-wrap .ast-header-account-text {
	font-size: 1.5rem;
	font-weight: 500;
	white-space: nowrap;
	color: var(--m-ink);
}

/* Pe mobil (și pe desktopurile înguste, unde meniul ocupă tot rândul) se vede doar iconița;
   textul rămâne pentru cititoarele de ecran (aria-label). */
#ast-mobile-header .ast-header-account-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#ast-mobile-header .ast-header-account-wrap .ast-header-account-link {
	justify-content: center;
	min-width: var(--m-target);
}

/* O singură bară promo. simple-banner se dezactivează în producție (docs/LANSARE.md);
   până atunci e ascunsă de aici. */
#simple-banner {
	display: none;
}

/* Bara wpfront: neagră, 14px, compactă */
div#wpfront-notification-bar.wpfront-notification-bar,
#wpfront-notification-bar .wpfront-message {
	background: var(--m-ink);
	color: var(--m-ivory);
	font-family: var(--m-font-sans);
	font-size: 1.4rem;
	line-height: 1.4;
}

#wpfront-notification-bar table,
#wpfront-notification-bar tbody,
#wpfront-notification-bar tr,
#wpfront-notification-bar td {
	padding-top: 0;
	padding-bottom: 0;
}

/* Mesajul și butonul pe un singur rând; paragrafele goale ( ) din mesaj nu mai adaugă înălțime. */
#wpfront-notification-bar .wpfront-div {
	display: inline-block;
	vertical-align: middle;
	padding: 0.6rem 0.8rem;
}

#wpfront-notification-bar .wpfront-message p {
	display: inline;
	margin: 0;
}

#wpfront-notification-bar .wpfront-button {
	min-height: 0;
	padding: 0.2rem 1rem;
	font-size: 1.4rem;
	letter-spacing: normal;
}

@media (min-width: 922px) and (max-width: 1199px) {
	.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 0.8rem;
		padding-right: 0.8rem;
	}

	#ast-desktop-header .ast-header-account-text {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
}

/* ==========================================================================
   Footer (spec §5.1): fundal --m-ink, text 15–16px, link-uri ≥ 44px, coloane aliniate stânga.
   Rămâne footer-ul Astra cu widgeturile existente; textul „Copyright" se schimbă din widget.
   ========================================================================== */

footer.site-footer,
footer.site-footer .site-above-footer-wrap,
footer.site-footer .site-primary-footer-wrap,
footer.site-footer .site-below-footer-wrap {
	background-color: var(--m-ink);
	background-image: none;
	color: #C9C6BC;
	font-size: 1.6rem;
	line-height: 1.5;
}

footer.site-footer .widget-title,
footer.site-footer h2 {
	margin-bottom: 1.2rem;
	font-family: var(--m-font-serif);
	font-size: 2.2rem;
	color: var(--m-ivory);
}

footer.site-footer p,
footer.site-footer li,
footer.site-footer .ast-footer-copyright {
	font-size: 1.6rem;
	color: #C9C6BC;
}

footer.site-footer .menu,
footer.site-footer .wp-block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Link-urile: ținte de atingere ≥ 44px */
footer.site-footer a,
footer.site-footer .widget a,
footer.site-footer .menu .menu-item > a {
	display: inline-flex;
	align-items: center;
	min-height: var(--m-target);
	font-size: 1.6rem;
	color: var(--m-ivory);
	text-decoration: none;
}

footer.site-footer a:hover,
footer.site-footer a:focus-visible {
	color: var(--m-ivory);
	text-decoration: underline;
	text-underline-offset: 3px;
}

footer.site-footer .ast-builder-social-element {
	justify-content: center;
	min-width: var(--m-target);
}

footer.site-footer .ast-builder-social-element svg {
	fill: var(--m-ivory);
}

/* Coloane aliniate stânga de la tabletă în sus (Astra le centrează din Customizer). */
@media (min-width: 768px) {
	footer.site-footer .site-footer-section,
	footer.site-footer .site-footer-section .footer-widget-area,
	footer.site-footer .site-footer-section .footer-widget-area-inner,
	footer.site-footer .site-footer-section .ast-builder-html-element,
	footer.site-footer .site-footer-section .ast-footer-copyright {
		justify-content: flex-start;
		align-items: flex-start;
		text-align: left;
	}

	footer.site-footer .site-footer-section .footer-social-inner-wrap {
		justify-content: flex-start;
		text-align: left;
	}
}

/* Textul din copyright are în conținut style="color: #000000" (negru pe negru, și în producție);
   un stil inline se poate suprascrie doar cu !important. Pasul manual: curățarea widgetului (LANSARE.md). */
footer.site-footer .ast-footer-copyright p[style*="color"] {
	color: #C9C6BC !important; /* suprascrie stilul inline din conținut */
}

/* ==========================================================================
   Header compact pe mobil (2026-10-24): pe telefon se comandă cel mai des, deci header-ul ia cât mai puțin
   din ecran. Astra dă rândului 129px (`min-height` din Customizer); aici 56px, cu logo-ul și iconițele centrate.
   ========================================================================== */
@media (max-width: 921px) {
	.ast-mobile-header-wrap .ast-primary-header-bar,
	.ast-primary-header-bar .site-primary-header-wrap {
		min-height: 5.6rem;
	}

	#ast-mobile-header .site-branding {
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Îngerul, lângă text, rămâne în interiorul rândului de 56px. */
	#ast-mobile-header .custom-logo-link {
		gap: 0.2rem;
	}

	#ast-mobile-header .custom-logo-link img.melegim-logo-mark {
		height: 4rem;
	}

	/*
	 * Cu îngerul lângă text, rândul are nevoie de ~40px în plus: fără ei, la 390px lupa ieșea din ecran. Se strâng
	 * spațiile Astra (20px între zone, 17px după logo, 10px în jurul contului, coșului și lupei); zonele de apăsat
	 * rămân la fel (contul 44px, coșul 42px).
	 */
	#ast-mobile-header .ast-primary-header-bar {
		padding-right: 1.6rem;
		padding-left: 1.6rem;
	}

	#ast-mobile-header .ast-builder-grid-row {
		column-gap: 1rem;
	}

	#ast-mobile-header .site-branding .site-logo-img {
		padding-right: 0;
	}

	#ast-mobile-header .site-header-primary-section-right .ast-builder-layout-element {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}

	/* Coșul: conturul Astra rămâne, dar strâns în jurul iconiței, nu pe toată înălțimea rândului. */
	#ast-mobile-header .ast-site-header-cart,
	#ast-mobile-header .ast-site-header-cart .ast-icon-shopping-bag {
		line-height: 1;
	}

	#ast-mobile-header .ast-site-header-cart .ast-addon-cart-wrap {
		display: inline-flex;
		align-items: center;
		padding: 0.6rem;
		line-height: 1;
	}

	/* Bara promo: textul și butonul cât mai jos; pe ecranele înguste butonul trece sub text, fără spațiu în plus. */
	div#wpfront-notification-bar.wpfront-notification-bar,
	#wpfront-notification-bar .wpfront-message,
	#wpfront-notification-bar .wpfront-button {
		font-size: 1.3rem;
		line-height: 1.3;
	}

	#wpfront-notification-bar .wpfront-div {
		padding: 0.3rem 0.4rem;
	}
}