/*
Theme Name: Primăria Pro v4 — Roșu & Negru
Theme URI: https://euroconsulting.ro
Author: EC Company
Author URI: https://euroconsulting.ro
Description: Child theme v4 pentru instituții publice românești — variantă "Roșu & Negru", cu carduri plutitoare peste hero. Restul modulelor (servicii, noutăți, proiecte, galerie, contact) sunt moștenite neschimbate din tema-mamă Primăria Pro.
Version: 3.0.0
Requires at least: 6.3
Tested up to: 6.5
Requires PHP: 8.1
Template: primaria-pro
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: primaria-pro-v4
Domain Path: /languages
Tags: government, romanian, municipality, child-theme
*/

/* ================================================================
   PALETĂ ROȘU & NEGRU — suprascrie tokenii temei-mamă
   Restul layout-ului (header, meniu, servicii, footer) e moștenit
   automat din primaria-pro, doar culorile se schimbă aici.
   ================================================================ */
:root {
	--gov-blue:       #0a0a0a;
	--gov-blue-mid:   #000000;
	--gov-blue-light: #2a2a2a;
	--gov-blue-pale:  #f5f5f5;
	--gov-red:        #E30613;
	--gov-red-pale:   #FDE5E7;
	--gov-icon-bg:    #E30613;
	--gov-icon-fg:    #FFFFFF;
	--text-primary:   #0a0a0a;
}

/* Topbar: gradient roșu → negru (ca referința) */
.gov-topbar {
	background: linear-gradient(90deg, var(--gov-red) 0%, var(--gov-red) 55%, #000000 100%);
}

/* Butonul "Servicii Online" din antet — eliminat, rămâne doar
   "Monitorul Oficial" lângă meniu */
.gov-header__actions > a.btn--primary {
	display: none;
}

/* Butonul "Monitorul Oficial Local" din antet — roșu plin */
.btn--secondary {
	background: var(--gov-red);
	color: #fff;
	border-color: var(--gov-red);
}
.btn--secondary:hover {
	background: #b8050f;
	color: #fff;
	border-color: #b8050f;
}

/* Footer — negru cu linie roșie sus */
.gov-footer {
	background: #0a0a0a;
	border-top: 4px solid var(--gov-red);
}

/* ================================================================
   HEADER — nume instituție roșu, meniu pe fundal alb (ca referința)
   ================================================================ */
.gov-logo__name {
	color: var(--gov-red);
	font-size: 1.5rem;
}

/* Meniul mutat (JS) în rândul antetului, unde era caseta de căutare */
.gov-header__inner {
	justify-content: flex-start;
	gap: 28px;
}
.gov-header__inner .gov-nav {
	flex: 1;
	min-width: 0;
}
.gov-header__inner .gov-header__actions {
	margin-left: auto;
}

/* Bară meniu (doar mobil — pe desktop e mutată în antet via JS) */
.gov-nav-bar {
	background: #fff;
	border-bottom: 1px solid var(--border-light);
	border-top: 1px solid var(--border-light);
}
.gov-nav > ul > li {
	border-right: none;
}
.gov-nav > ul > li > a {
	color: var(--text-primary) !important;
	border-right: none;
}
.gov-nav > ul > li > a:hover,
.gov-nav > ul > li.is-open > a,
.gov-nav > ul > li.current-menu-item > a,
.gov-nav > ul > li.current-menu-ancestor > a {
	background: transparent !important;
	color: var(--gov-red) !important;
}
.gov-nav > ul > li.current-menu-item > a {
	border-bottom: 3px solid var(--gov-red);
	margin-bottom: -3px;
}

/* Dropdown submeniu — accent roșu sus, hover fundal roșu plin + text alb */
.gov-nav .sub-menu {
	border-top: 3px solid var(--gov-red);
}
.gov-nav .sub-menu li a:hover {
	background: var(--gov-red);
	color: #fff;
}
.gov-nav .sub-menu .sub-menu {
	border-top: 3px solid var(--gov-red);
}

/* ================================================================
   CĂUTARE — doar lupă în antet; click deschide caseta sub meniu
   ================================================================ */
.gov-header__search {
	flex: 0 0 auto;
	max-width: none;
	/* fără position:relative — dropdown-ul (mai jos, .is-open) se
	   poziționează absolut față de <header class="gov-header"> (sticky),
	   nu față de această iconiță mică, altfel apare "în aer" în mijlocul
	   rândului în loc de sub tot antetul. */
}
.gov-search-form {
	border: none;
	background: transparent;
	border-radius: 50%;
}
.gov-search-form input {
	display: none;
}
.gov-search-form button {
	background: transparent;
	color: var(--text-primary);
	padding: 9px;
	border-radius: 50%;
}
.gov-search-form button:hover {
	background: var(--gov-red-pale);
	color: var(--gov-red);
}

/* Stare deschisă — bandă pe toată lățimea antetului, chiar sub rândul cu
   nume instituție / meniu / buton Monitorul Oficial. */
.gov-header__search.is-open .gov-search-form {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid var(--border-light);
	box-shadow: var(--shadow-md);
	padding: 16px 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 998;
	border-radius: 0;
	max-width: 900px;
	margin-inline: auto;
}
.gov-header__search.is-open .gov-search-form input {
	display: block;
	flex: 1;
	min-width: 0;
	border: 1.5px solid var(--border);
	border-radius: var(--radius);
	padding: 10px 14px;
	font-size: var(--text-base);
	color: var(--text-primary);
}
.gov-header__search.is-open .gov-search-form button {
	background: var(--gov-red);
	color: #fff;
	border-radius: var(--radius);
	padding: 8px 12px;
	flex-shrink: 0;
}
.gov-header__search.is-open .gov-search-form button:hover {
	background: #b8050f;
	color: #fff;
}

/* Hero cu fotografie — fundal negru ca fallback (dacă lipsește poza),
   suprapunere neagră (nu navy) peste imagine pentru lizibilitate. Textul
   rămâne alb, ca peste orice fotografie. */
.gov-hero {
	background: #0a0a0a;
}
.gov-hero__overlay {
	background: linear-gradient(105deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 45%, rgba(0,0,0,0.25) 75%, rgba(0,0,0,0.08) 100%);
}
.gov-hero__label {
	color: var(--gov-red);
}
.gov-hero__title {
	color: #fff;
}
.gov-hero__title em {
	color: var(--gov-red);
}
.gov-hero__desc {
	color: rgba(255,255,255,0.85);
}
/* Caseta de căutare din hero — eliminată */
.gov-hero__search {
	display: none;
}
.gov-hero .btn--white {
	background: var(--gov-red);
	color: #fff;
	border-color: var(--gov-red);
}
.gov-hero .btn--white:hover {
	background: #b8050f;
	color: #fff;
}
.gov-hero .btn--ghost-white {
	background: rgba(255,255,255,0.08);
	color: rgba(255,255,255,0.9);
	border-color: rgba(255,255,255,0.3);
}
.gov-hero .btn--ghost-white:hover {
	background: rgba(255,255,255,0.15);
	border-color: rgba(255,255,255,0.5);
	color: #fff;
}
.gov-hero__search-label {
	color: var(--text-muted);
}
.gov-hero__search-row input {
	border-color: var(--border);
	background: #fff;
	color: var(--text-primary);
}
.gov-hero__search-row input::placeholder {
	color: var(--text-muted);
}
/* Bara de statistici (5.200 / 18 / 32 / 98) — ascunsă. Cardurile
   plutitoare (Adresă/Contact/Program) îi iau locul la baza hero-ului,
   evităm suprapunerea celor două elemente. */
.gov-hero__stats {
	display: none;
}

/* Linia tricoloră (albastru/galben/roșu) de sub carduri — eliminată,
   nu se potrivește cu paleta roșu & negru */
.tricolor-bar {
	display: none;
}

/* ================================================================
   CARDURI PLUTITOARE peste hero (Adresă / Contact / Program)
   ================================================================ */
.v4-floating-cards {
	position: relative;
	margin-top: -40px;
	z-index: 5;
}
.v4-floating-cards__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.v4-floating-card {
	background: #0a0a0a;
	color: #fff;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.v4-floating-card__icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	background: var(--gov-red);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.v4-floating-card__icon svg {
	width: 22px;
	height: 22px;
	color: #fff;
}
.v4-floating-card__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 14px;
	line-height: 1.4;
}
.v4-floating-card__body strong {
	font-size: 15px;
}

@media (max-width: 900px) {
	.v4-floating-cards__grid { grid-template-columns: 1fr; }
	.v4-floating-cards { margin-top: -20px; }
}

/* ================================================================
   CARDURI SERVICII — neutre (iconiță gri), roșu la hover
   ================================================================ */
.gov-service-card,
.gov-quick-access__item {
	border-color: var(--border-light);
	box-shadow: none;
}
.gov-service-card::before {
	background: var(--gov-red);
}
.gov-service-card:hover,
.gov-quick-access__item:hover {
	border-color: var(--gov-red);
}
.gov-service-card__icon,
.gov-quick-access__icon,
.si--blue, .si--green, .si--amber, .si--red,
.si--purple, .si--teal, .si--orange, .si--slate, .si--indigo {
	background: #F3F4F6;
	color: #1a1a1a;
}
.gov-service-card:hover .gov-service-card__icon,
.gov-quick-access__item:hover .gov-quick-access__icon {
	background: var(--gov-red);
	color: #fff;
}
.gov-service-card__link {
	color: var(--gov-red);
}

/* Lista de anunțuri (mici, cu iconiță neagră) — titlu roșu la hover,
   fără fundal (rămâne alb), iconiță centrată vertical față de text */
.gov-news-item {
	align-items: center;
}
.gov-news-item:hover .gov-news-item__title {
	color: var(--gov-red);
}

/* Placeholder cardurilor mari (featured, proiecte) — fără iconiță, doar
   fundalul (poza estompată) */
.gov-news-card__img-placeholder svg,
.gov-project-card__img-placeholder svg {
	display: none;
}

/* Placeholder listei mici de anunțuri — păstrează iconița (document
   auriu, contur + colț îndoit + linii) */
.gov-news-item__img-placeholder svg {
	display: none;
}
.gov-news-item__img-placeholder {
	position: relative;
}
.gov-news-item__img-placeholder::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	background-color: #fff;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z'/><path stroke-linecap='round' stroke-linejoin='round' d='M14 3v5h5'/><path stroke-linecap='round' stroke-linejoin='round' d='M9 13h6M9 17h4'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z'/><path stroke-linecap='round' stroke-linejoin='round' d='M14 3v5h5'/><path stroke-linecap='round' stroke-linejoin='round' d='M9 13h6M9 17h4'/></svg>");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* ================================================================
   PLACEHOLDER CARDURI MARI (featured, proiecte) — fundal foarte estompat
   cu aceeași fotografie din hero, în loc de negru simplu
   ================================================================ */
.gov-news-card__img-placeholder,
.gov-project-card__img-placeholder {
	background-image:
		linear-gradient(rgba(10,10,10,0.6), rgba(10,10,10,0.6)),
		var(--v4-placeholder-bg, none);
	background-size: cover;
	background-position: center;
}

/* Placeholder listei mici de anunțuri — fundal roșu simplu (fără poză) */
.gov-news-item__img-placeholder {
	background: var(--gov-red);
}

/* Pătratele mai mici în lista de anunțuri (implicit 108×78 din tema-părinte) */
.gov-list-row__img {
	width: 64px;
	height: 64px;
}
@media (max-width: 768px) {
	.gov-list-row__img {
		width: 52px;
		height: 52px;
	}
}