/*
 * Theme Name: Grokifootball (Child)
 * Theme URI: https://grokifootball.com
 * Template: generatepress
 * Description: Thème Grokifootball — Football africain, couleurs pan-africaines
 * Version: 1.0
 * Author: Nova / Grokifootball
 */

/* =====================================================
   GROKIFOOTBALL — Charte Graphique Pan-Africaine
   Vert forêt #003919 | Vert #009B3A | Or #FEDD00
   ===================================================== */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Poppins:ital,wght@0,400;0,500;1,400&display=swap");

:root {
  --gf-green-dark: #003919;
  --gf-green:      #009B3A;
  --gf-gold:       #FEDD00;
  --gf-white:      #ffffff;
  --gf-bg-light:   #f4fff8;
}

/* ---- HEADER ---- */
.site-header {
  background: linear-gradient(135deg, var(--gf-green-dark) 0%, var(--gf-green) 100%) !important;
  border-bottom: 4px solid var(--gf-gold) !important;
  padding: 12px 0;
}
.inside-header { align-items: center; }

/* Site title */
.main-title a,
.main-title a:hover {
  color: var(--gf-gold) !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 2em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.site-description {
  color: #c8edca !important;
  font-family: "Poppins", sans-serif;
  font-size: 0.85em;
}

/* ---- NAVIGATION ---- */
.main-navigation,
.main-navigation ul ul,
.nav-below-header .site-header,
#masthead + nav {
  background-color: var(--gf-green-dark) !important;
}
.main-navigation .main-nav ul li a {
  color: #ffffff !important;
  font-family: "Oswald", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.95em !important;
  padding: 14px 20px !important;
  transition: background 0.2s, color 0.2s;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: var(--gf-gold) !important;
  background: rgba(0,0,0,0.25) !important;
}
.main-navigation ul ul {
  border-top: 2px solid var(--gf-gold) !important;
}

/* ---- BODY / CONTENT ---- */
body {
  font-family: "Poppins", sans-serif !important;
  background-color: var(--gf-bg-light) !important;
  color: #1a1a1a !important;
}
a { color: var(--gf-green); transition: color 0.2s; }
a:hover, a:focus { color: var(--gf-green-dark); }

/* ---- ARTICLES ---- */
.entry-title, .page-title {
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
}
.entry-title a {
  color: var(--gf-green-dark) !important;
}
.entry-title a:hover {
  color: var(--gf-green) !important;
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header {
  border-left: 4px solid var(--gf-gold) !important;
  background: var(--gf-white) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s;
}
.separate-containers .inside-article:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

/* ---- SIDEBAR ---- */
.sidebar .widget {
  background-color: var(--gf-white) !important;
  border-left: 3px solid var(--gf-gold) !important;
}
.widget-title {
  font-family: "Oswald", sans-serif !important;
  color: var(--gf-green-dark) !important;
  text-transform: uppercase !important;
  font-size: 1.1em !important;
  border-bottom: 2px solid var(--gf-gold) !important;
  padding-bottom: 6px !important;
}

/* ---- FOOTER ---- */
.site-info,
.footer-widgets {
  background-color: var(--gf-green-dark) !important;
  border-top: 4px solid var(--gf-gold) !important;
  color: var(--gf-white) !important;
}
.site-info a,
.footer-widgets a {
  color: var(--gf-gold) !important;
}
.site-info a:hover,
.footer-widgets a:hover {
  color: var(--gf-white) !important;
}

/* ---- BOUTONS ---- */
button,
html input[type="button"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
  background-color: var(--gf-green) !important;
  color: var(--gf-white) !important;
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: all 0.2s;
}
button:hover,
input[type="submit"]:hover,
a.button:hover {
  background-color: var(--gf-gold) !important;
  color: var(--gf-green-dark) !important;
}

/* ---- META / TAGS ---- */
.entry-meta, .entry-meta a {
  color: #555 !important;
  font-size: 0.85em !important;
}
.entry-meta a:hover { color: var(--gf-green) !important; }

/* ---- PAGINTION ---- */
.pagination a {
  background: var(--gf-green-dark) !important;
  color: var(--gf-white) !important;
}
.pagination a:hover, .pagination .current {
  background: var(--gf-gold) !important;
  color: var(--gf-green-dark) !important;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--gf-green-dark); }
::-webkit-scrollbar-thumb { background: var(--gf-gold); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--gf-white); }

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .main-title a { font-size: 1.4em !important; letter-spacing: 1px !important; }
  .main-navigation .main-nav ul li a { padding: 10px 14px !important; }
}