/*
 Theme Name:   GeneratePress Child — Météo du Potager
 Theme URI:    https://meteodupotager.com
 Description:  Thème enfant GeneratePress pour Meteodupotager.com
 Author:       Adme-Co
 Author URI:   https://meteodupotager.com
 Template:     generatepress
 Version:      1.0.0
 License:      GPL-2.0-or-later
 Text Domain:  generatepress-child
*/

/* ── Variables globales ─────────────────────────────────────── */
:root {
  --gp-green:        #2d4f25;
  --gp-green-light:  #4a7c3f;
  --gp-amber:        #e07b00;
  --gp-text:         #1a1a1a;
  --gp-text-light:   #555;
  --gp-border:       #dde8d8;
  --gp-radius:       10px;
  --gp-max-w:        1160px;
}

/* ── Base overrides ─────────────────────────────────────────── */
body {
  font-family: system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  color: var(--gp-text);
  background: #f5f7f4;
}

a { color: var(--gp-green); }
a:hover { color: var(--gp-green-light); }

.site-content { max-width: var(--gp-max-w); }

/* ── Navigation ─────────────────────────────────────────────── */
.main-navigation .main-nav ul li a {
  color: #fff;
  font-weight: 500;
}
.main-navigation .main-nav ul li a:hover {
  color: #c8e6c0;
}
#site-navigation {
  background: var(--gp-green);
}

/* ── Header ultra-compact — pas de navigation ────────────────── */
.site-header {
  background: var(--gp-green);
  padding: 0;
}

/* Conteneur : hauteur fixe, contenu centré horizontalement et verticalement */
.site-header .inside-header {
  padding: 0 20px !important;
  min-height: 52px !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* Bloc branding : taille naturelle, sans marge parasite */
.site-header .site-branding {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

/* Paragraphe .site-title : supprime les marges GP */
.site-header .site-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.site-title a,
.site-description {
  color: #fff !important;
}
.site-title a:hover { color: #c8e6c0 !important; }

/* ── Footer ─────────────────────────────────────────────────── */
.site-footer {
  background: #1c2e18;
  color: #aaa;
  font-size: .85rem;
}
.site-footer a { color: #8bc34a; }
.site-footer a:hover { color: #fff; }

/* ── Blog single post ────────────────────────────────────────── */
.entry-title { color: var(--gp-green); }
.entry-content h2,
.entry-content h3 { color: var(--gp-green); }

/* ── Search bar in header ────────────────────────────────────── */
.header-mj-search {
  padding: 12px 20px;
  background: rgba(0,0,0,.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-mj-search .mj-search-input {
  max-width: 480px;
  background: rgba(255,255,255,.95);
}

/* ── Homepage hero ───────────────────────────────────────────── */
.mj-hero {
  background: linear-gradient(135deg, var(--gp-green) 0%, #4a7c3f 100%);
  color: #fff;
  padding: 56px 20px;
  text-align: center;
}
.mj-hero h1 {
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  font-weight: 700;
  margin: 0 0 8px;
  color: #fff;
}
.mj-hero p {
  font-size: 1.1rem;
  opacity: .9;
  margin: 0 0 24px;
}
.mj-hero .mj-search-wrap { max-width: 560px; margin: 0 auto; }
.mj-hero .mj-search-input {
  background: #fff;
  color: #1a1a1a;
}

/* ── City briefs section ─────────────────────────────────────── */
.mj-popular-section {
  max-width: var(--gp-max-w);
  margin: 32px auto;
  padding: 0 16px;
}
.mj-popular-section h2 {
  font-size: 1.2rem;
  color: var(--gp-green);
  margin-bottom: 16px;
}
.mj-briefs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  .mj-hero { padding: 36px 16px; }
}