/*
Theme Name: Primăria Pro v1 — Navy & Auriu
Theme URI: https://euroconsulting.ro
Author: EC Company
Author URI: https://euroconsulting.ro
Description: Child theme v1 (modern OOP+Tailwind+Vite) — "Oficial Modern" variant cu hero asimetric, bento services, bară plutitoare. Moștenește complet funcționalitatea temei-parinte.
Version: 3.0.12
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-v1
Domain Path: /languages
Tags: government, romanian, municipality, child-theme, oop, tailwind, vite
*/

/*
 * CSS moștenit din tema-parinte (header/footer/pagini interioare identice,
 * nu au fișiere proprii în v1). Acest fișier stilizează DOAR pagina
 * principală (front-page.php), care are markup unic ("Oficial Modern").
 */

:root {
  --gov-blue:       #0B2A4A;
  --gov-blue-mid:   #123A63;
  --gov-blue-light: #1C4E82;
  --gov-blue-pale:  #EAF0F7;
  --gov-gold:       #C9A227;
}

/* ==================================================================
   HERO ASIMETRIC — panou solid tăiat oblic + fotografie
   ================================================================== */
.gov-v1-hero {
  position: relative;
  display: flex;
  min-height: 560px;
  overflow: hidden;
  background: var(--gov-blue);
}
.gov-v1-hero__panel {
  position: relative;
  z-index: 2;
  width: 40%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-16) var(--space-12) var(--space-16) max(var(--space-6), calc((100vw - var(--container)) / 2));
  background: var(--gov-blue);
  clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0 100%);
  margin-right: -70px;
}
.gov-v1-hero__tag {
  display: inline-block;
  color: var(--gov-gold);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: var(--space-4);
}
.gov-v1-hero__title {
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 2.6vw, 2.3rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
  margin: 0 0 var(--space-4);
  max-width: 620px;
}
.gov-v1-hero__title em { display: block; font-style: normal; color: var(--gov-gold); }
.gov-v1-hero__desc {
  color: rgba(255,255,255,.8);
  font-size: var(--text-md);
  line-height: 1.6;
  max-width: 440px;
  margin: 0 0 var(--space-8);
}
.gov-v1-hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.gov-v1-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 28px; border-radius: 4px; font-weight: 700;
  font-size: var(--text-sm); text-decoration: none;
  transition: transform .15s, box-shadow .15s;
}
.gov-v1-btn--gold { background: var(--gov-gold); color: #2b2100; }
.gov-v1-btn--gold:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(201,162,39,.35); color: #2b2100; }
.gov-v1-btn--outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.6); }
.gov-v1-btn--outline:hover { background: rgba(255,255,255,.12); border-color: #fff; color: #fff; transform: translateY(-2px); }

.gov-v1-hero__photo { position: relative; flex: 1; overflow: hidden; }
.gov-v1-hero__photo-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 900px) {
  .gov-v1-hero { flex-direction: column; min-height: auto; }
  .gov-v1-hero__panel { width: 100%; clip-path: none; margin-right: 0; padding: var(--space-10) var(--space-6); }
  .gov-v1-hero__photo { width: 100%; height: 260px; }
}

/* ==================================================================
   BARĂ PLUTITOARE DE ACCES RAPID — suprapusă peste linia hero/servicii
   ================================================================== */
.gov-v1-quickbar { position: relative; z-index: 5; margin-top: -40px; padding-inline: var(--space-6); }
.gov-v1-quickbar__inner {
  max-width: var(--container);
  margin-inline: auto;
  background: #fff;
  border-radius: var(--radius-md, 12px);
  box-shadow: var(--shadow-lg);
  display: flex;
  overflow: hidden;
}
.gov-v1-quickbar__item {
  flex: 1;
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  padding: var(--space-6) var(--space-4);
  text-decoration: none; color: var(--text-primary); text-align: center;
  border-right: 1px solid var(--border-light);
  transition: background .2s ease;
}
.gov-v1-quickbar__item:last-child { border-right: none; }
.gov-v1-quickbar__item:hover { background: var(--gov-blue-pale); }
.gov-v1-quickbar__icon {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  border-radius: 10px; background: var(--gov-blue); color: #fff;
}
.gov-v1-quickbar__icon svg { width: 20px; height: 20px; }
.gov-v1-quickbar__label { font-weight: 700; font-size: var(--text-sm); }
@media (max-width: 700px) {
  .gov-v1-quickbar__inner { flex-wrap: wrap; }
  .gov-v1-quickbar__item { flex: 1 1 50%; border-right: none; border-bottom: 1px solid var(--border-light); }
}

/* ==================================================================
   SECȚIUNI GENERICE v1 (titlu + eyebrow, reutilizate de mai multe blocuri)
   ================================================================== */
.gov-v1-section { padding: var(--space-16) 0 var(--space-12); }
.gov-v1-section--alt { background: var(--surface-alt); }
.gov-v1-eyebrow {
  color: var(--gov-gold);
  font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .1em;
  margin-bottom: var(--space-2);
}
.gov-v1-section__title {
  font-family: var(--font-serif); font-size: 1.8rem; font-weight: 800;
  color: var(--text-primary); margin: 0 0 var(--space-8);
}

/* ==================================================================
   SERVICII — layout „bento" (card mare + listă compactă de rânduri)
   ================================================================== */
.gov-v1-bento { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-6); align-items: stretch; }
.gov-v1-bento__feature {
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 320px; padding: var(--space-8);
  border-radius: var(--radius-md, 12px);
  background: linear-gradient(160deg, var(--gov-blue) 0%, var(--gov-blue-mid) 100%);
  color: #fff; text-decoration: none; position: relative; overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.gov-v1-bento__feature:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.gov-v1-bento__feature-icon {
  width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
  border-radius: 14px; background: rgba(255,255,255,.15); color: var(--gov-gold);
  margin-bottom: var(--space-6);
}
.gov-v1-bento__feature-icon svg { width: 28px; height: 28px; }
.gov-v1-bento__feature h3 { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 800; margin: 0 0 var(--space-2); }
.gov-v1-bento__feature p { color: rgba(255,255,255,.75); font-size: var(--text-sm); margin: 0; line-height: 1.6; }

.gov-v1-bento__list { display: flex; flex-direction: column; gap: var(--space-3); }
.gov-v1-bento__row {
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-5);
  background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius-md, 10px);
  text-decoration: none; color: var(--text-primary);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gov-v1-bento__row:hover { border-color: var(--gov-blue); transform: translateX(4px); box-shadow: var(--shadow-sm); }
.gov-v1-bento__row-icon { width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; }
.gov-v1-bento__row-icon svg { width: 20px; height: 20px; }
.gov-v1-bento__row-title { flex: 1; font-weight: 700; font-size: var(--text-sm); }
.gov-v1-bento__row-arrow { color: var(--text-muted); flex-shrink: 0; }
.gov-v1-bento__row-arrow svg { width: 16px; height: 16px; }
@media (max-width: 820px) { .gov-v1-bento { grid-template-columns: 1fr; } }

/* ==================================================================
   NOUTĂȚI — articol principal + listă numerotată
   ================================================================== */
.gov-v1-news-split { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-8); align-items: start; }
.gov-v1-news-feat {
  position: relative;
  display: block; text-decoration: none; color: inherit;
  border-radius: var(--radius-md, 12px); overflow: hidden; background: #fff;
  box-shadow: var(--shadow-sm); transition: box-shadow .25s ease, transform .25s ease;
}
.gov-v1-news-feat:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.gov-v1-news-feat__img { display: block; width: 100%; height: 280px; object-fit: cover; background: var(--gov-blue-pale); }
/* Umbră peste poză, ca să nu iasă prea deschisă lângă restul cardului */
.gov-v1-news-feat::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 280px;
  background: linear-gradient(180deg, rgba(11,42,74,.12) 0%, rgba(11,42,74,.05) 45%, rgba(11,42,74,.55) 100%);
  pointer-events: none;
}
.gov-v1-news-feat__body { padding: var(--space-6); }
.gov-v1-news-feat__cat {
  display: inline-block; background: var(--gov-blue-pale); color: var(--gov-blue);
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: 4px 10px; border-radius: 20px; margin-bottom: var(--space-3);
}
.gov-v1-news-feat__title { font-family: var(--font-serif); font-size: 1.3rem; font-weight: 800; color: var(--text-primary); margin: 0 0 var(--space-2); line-height: 1.35; }
.gov-v1-news-feat__excerpt { color: var(--text-secondary); font-size: var(--text-sm); line-height: 1.65; margin: 0; }

.gov-v1-news-list { display: flex; flex-direction: column; }
.gov-v1-news-list a { display: flex; align-items: baseline; gap: var(--space-4); padding: var(--space-4) 0; text-decoration: none; border-bottom: 1px solid var(--border-light); }
.gov-v1-news-list a:last-child { border-bottom: none; }
.gov-v1-news-list__num { font-family: var(--font-serif); font-size: 1.1rem; font-weight: 800; color: var(--gov-gold); flex-shrink: 0; }
.gov-v1-news-list__title { color: var(--text-primary); font-weight: 600; font-size: var(--text-sm); line-height: 1.5; transition: color .2s ease; }
.gov-v1-news-list a:hover .gov-v1-news-list__title { color: var(--gov-blue); }
@media (max-width: 820px) { .gov-v1-news-split { grid-template-columns: 1fr; } }

/* ==================================================================
   PRIMAR — bandă full-width pe fundal plin
   ================================================================== */
.gov-v1-mayor { background: var(--gov-blue); padding: var(--space-16) 0; }
.gov-v1-mayor__inner { display: flex; align-items: center; justify-content: center; gap: var(--space-8); }
.gov-v1-mayor__inner--no-photo { text-align: center; }
.gov-v1-mayor__inner--no-photo .gov-v1-mayor__quote { max-width: 720px; margin-inline: auto; }
.gov-v1-mayor__photo {
  width: 120px; height: 120px; flex-shrink: 0; border-radius: 50%; overflow: hidden;
  border: 3px solid var(--gov-gold); display: flex; align-items: center; justify-content: center;
  background: var(--gov-blue-mid);
}
.gov-v1-mayor__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gov-v1-mayor__quote { font-family: var(--font-serif); font-size: 1.2rem; font-style: italic; color: #fff; line-height: 1.6; margin: 0 0 var(--space-4); max-width: 720px; }
.gov-v1-mayor__name { display: block; font-weight: 800; color: var(--gov-gold); font-size: var(--text-md); }
.gov-v1-mayor__title-txt { display: block; color: rgba(255,255,255,.65); font-size: var(--text-sm); }
@media (max-width: 700px) { .gov-v1-mayor__inner { flex-direction: column; text-align: center; } }

/* ==================================================================
   CONTACT — bandă aurie, status deschis/închis
   ================================================================== */
.gov-v1-contact-band { background: var(--gov-gold); padding: var(--space-6) 0; }
.gov-v1-contact-row { display: flex; align-items: center; justify-content: center; gap: var(--space-6); flex-wrap: wrap; }
.gov-v1-contact-items { display: flex; gap: var(--space-16); flex-wrap: wrap; }
.gov-v1-contact-item { display: flex; align-items: center; gap: var(--space-3); }
.gov-v1-contact-item svg { width: 22px; height: 22px; color: #2b2100; flex-shrink: 0; }
.gov-v1-contact-item strong { display: block; color: #2b2100; font-size: var(--text-sm); font-weight: 800; }
.gov-v1-contact-item span { display: block; color: rgba(43,33,0,.7); font-size: 12px; }
@media (max-width: 700px) { .gov-v1-contact-row { flex-direction: column; align-items: center; } }

/* --- Footer: același fundal ca bara de meniu (.gov-nav-bar), nu gri
   închis generic din tema de bază --- */
.gov-footer { background: var(--gov-blue); }