/* =========================================================
   GraphComment Blog V3 – Child overrides (gc-v3.css)
   ========================================================= */

/* 1) Neutraliser le fond "custom-background" du thème parent.
   (évite un wallpaper derrière toute la page) */
body.custom-background {
  background-image: none !important;
  background-color: #fff !important;
}

/* 2) Garantir un fond blanc sur la zone de contenu, même si le parent est transparent */
#page,
.site,
.site-content,
.content-area,
main {
  background: transparent;
}

/* Ces classes existent dans ton thème enfant (articles / home) */
.gc-article,
.gc-post,
.gc-post__content,
.gc-post__inner,
.gc-home,
.gc-home__inner {
  background: #fff;
}

/* === TOPBAR EN OVERLAY (sur le hero) === */
.gc-topbar{
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  /* Fond du header : gradient + image du Customizer (Apparence > Personnaliser > Image d'entête) */
  background-image:
    linear-gradient(90deg, rgba(255, 86, 117, .94), rgba(255, 164, 85, .94)),
    var(--gc-header-image, none);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  border-bottom: 0;
  backdrop-filter: none;
}

/* Admin bar WP */
.admin-bar .gc-topbar{ top: 32px; }
@media (max-width: 782px){
  .admin-bar .gc-topbar{ top: 46px; }
}

.gc-topbar__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}

/* Brand */
.gc-brand{
  display:flex;
  align-items:center;
  gap:10px;
  white-space: nowrap;
}
.gc-brand__text,
.gc-brand a{
  font-weight: 800;
  text-decoration: none;
  color: #fff;
}

/* Nav */
.gc-nav{ flex: 1; }
.gc-menu{
  list-style: none;
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
  align-items: center;
}
.gc-menu a{
  text-decoration: none;
  color: #fff;
  font-weight: 650;
  opacity: .95;
}
.gc-menu a:hover{ opacity: 1; text-decoration: underline; }

/* Dropdown */
.gc-menu > li{ position: relative; }
.gc-menu .sub-menu{
  list-style:none;
  margin: 10px 0 0;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;
  background: rgba(20,20,20,.92);
  border-radius: 12px;
  display: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
.gc-menu li:hover > .sub-menu,
.gc-menu li:focus-within > .sub-menu{ display:block; }
.gc-menu .sub-menu a{
  display:block;
  padding: 8px 10px;
  color:#fff;
  text-decoration:none;
}

/* CTA (tes classes réelles dans header.php) */
.menu-cta{
  display:flex;
  gap:10px;
  align-items:center;
}
.menu-btn{
  padding: 8px 14px;
  border-radius: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.menu-btn--ghost{
  border: 1px solid rgba(255,255,255,.7);
  color: #fff;
  background: transparent;
}
.menu-btn--solid{
  background: #fff;
  color: #111;
  border: 1px solid rgba(255,255,255,.95);
}

/* IMPORTANT : on supprime le hack sticky */
body { padding-top: 0 !important; }
body.admin-bar { padding-top: 0 !important; }