/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.hero-internal:before, .home .inside-article .gb-element-f9b95a63:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0) 100%)
}
.gb-element-f9b95a63{
  position: relative;
}

.header-wrap .site-header{
  background-color: var(--accent-3-bg)!important;
}

.main-navigation li, .menu-bar-items a{
  border-radius: 5px;
}
.main-navigation li:hover, .main-navigation li.current-menu-item {
  background-color: var(--accent);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation li:hover a{
  color: white!important;
}
.home h1{
  font-size: 80px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: bold;
  max-width: 800px;
}
.home h1,
.home .entry-title {
  color: #fff!important;
  font-weight: normal;
}
.site-header { z-index: 1000; }
.site-footer a{
  color: var(--accent);
}
.site-footer a:hover{
  color: var(--base);
}
.main-navigation .main-nav ul li a{
  font-weight: bold;
}
.inside-header{
  padding: 30px 20px;
}
.header-wrap{
  position: fixed;
}
@media (max-width: 768px) {
  .home h1{
    font-size: 40px;;
  }
}
/* ===========================
   IDW Paris — Variables & thème
   =========================== */
:root{
  --gold:#d3b35b;
  --nav-bg:#000;
  --nav-text:#fff;
  --radius:6px;

  /* Barre dorée sur images */
  --bar-thickness:2px;
  --bar-inset:8%;
}

/* ===========================
   Header / Navigation
   =========================== */

/* Header sticky sobre */
.site-header{
  position: sticky !important;
  top: 0;
  z-index: 1000;
  background: var(--nav-bg);
}
body{ padding-top:0 !important; }

/* Nettoyage du cadre/ombre par défaut */
.main-navigation .inside-navigation{
  border: none !important;
  box-shadow: none !important;
}

/* Liens du menu : style luxe */
.main-navigation .menu > li{ margin: 0 6px; }
.main-navigation .menu > li > a{
  display:inline-block;
  padding:7px 14px;
  border-radius:var(--radius);
  color:var(--nav-text) !important;
  background:transparent !important;
  border:1px solid transparent !important;
  letter-spacing:.04em;
  font-weight:500;
  line-height:1.2;
  text-decoration:none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Survol / focus : fond doré, texte noir */
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li > a:focus-visible{
  background:var(--gold) !important;
  color:#000 !important;
  border-color:transparent !important;
  outline:none;
  box-shadow:none !important;
}

/* Bouton DEVIS (li.devis-btn) */
.main-navigation .menu > li.devis-btn > a{
  background:var(--gold) !important;
  color:#000 !important;
  font-weight:600;
  padding:7px 14px;
  border-radius:var(--radius);
  border:none !important;
}
.main-navigation .menu > li.devis-btn > a:hover,
.main-navigation .menu > li.devis-btn > a:focus-visible{
  background:var(--nav-bg) !important;
  color:var(--gold) !important;
  border:1px solid var(--gold) !important;
}

/* Menu mobile compact & centré */
@media (max-width:768px){
  .slideout-navigation .menu,
  .main-navigation.toggled .main-nav .menu{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:12px;
    text-align:center !important;
  }
  .slideout-navigation .menu > li,
  .main-navigation.toggled .main-nav .menu > li{
    display:inline-block !important;
    width:auto !important;
    margin:0 !important;
  }
  .slideout-navigation .menu > li > a,
  .main-navigation.toggled .main-nav .menu > li > a{
    display:inline-block !important;
    width:auto !important;
    padding:10px 16px !important;
    border-radius:8px;
  }
}

/* Supprimer le bouton Devis natif ajouté dans la barre */
.menu-bar-items a[href*="pascal.brunfaut@idwparis.com"]{ display:none !important; }
label.wp-block-search__label{
  display: none;
}
.wp-block-search__button.wp-element-button:hover{
  color: black!important;
}
/* Accessibilité : animations réduites */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
}

/* Éditeur WP : fond blanc (confort) */
body:where(.editor-styles-wrapper){ background:#fff !important; }

/* Forcer header noir même avec “transparent header” */
.transparent-header .site-header,
.transparent-header .main-navigation,
.site-header,
.main-navigation{ background:#000 !important; }

/* Rubrique active (menu courant) en doré */
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current_page_item > a,
.main-navigation .menu > li.current-menu-ancestor > a{
  color:var(--gold) !important;
  background:transparent !important;
  font-weight:600;
}

/* Focus clavier visible en doré */
.main-navigation .menu > li > a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* Titres */
h1 .highlight-gold{ color:var(--gold) !important; }

/* Liens globaux : suivez la palette WP */
a{ color:var(--wp--preset--color--accent); }

/* ===========================
   Footer
   =========================== */

.green-hosting-badge{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.footer-phone{ white-space:nowrap; }
.footer-column{ display:flex; flex-direction:column; justify-content:center; }

/* Ecoindex statique centré */
.eco-badges{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
}

/* ===========================
   Traitement global des images
   =========================== */

/* Overlay gris chaud sur tous les containers avec image de fond */
.gb-container.has-background-image{
  position:relative;
  isolation:isolate;
}
.gb-container.has-background-image::before{
  content:"";
  position:absolute; inset:0;
  background:rgba(42,38,32,.30);
  pointer-events:none;
  z-index:0;
}
.gb-container.has-background-image > *{ position:relative; z-index:1; }

/* Variantes d’intensité (option) */
.gb-container.overlay-light::before{ background:rgba(42,38,32,.15); }
.gb-container.overlay-strong::before{ background:rgba(42,38,32,.55); }



/* Supprime les images héritées du starter "Frame" */
.gb-element-40fa28dd::before,
.gb-element-4f1c9777::before,
.gb-element-56755075::before,
.gb-element-a029ce92::before{
  background-image: none !important;
  content: "" !important;   /* au cas où */
  opacity: 0 !important;    /* fin ceinture et bretelles */


/* Grille des cartes : taille uniforme des pictos */
.picto-card {
  display:block;
  width:88px;          /* ajuste : 72–96px */
  height:auto;
  margin-inline:auto;  /* centre */
  image-rendering:auto;
}
@media (max-width: 768px){
  .picto-card { width:72px; }
}

/* Si des anciens SVG traînent encore dans certaines cartes */
.gb-icon, .gp-icon { display:none; }


	/* ===============================
   HERO OVERLAY + DÉGRADÉ + ANIMATION
   POUR LES PAGES INTERNES SEULEMENT
   =============================== */

/* Cible tous les blocs avec la classe .hero-internal */
body:not(.home) .hero-internal.uagb-container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Overlay en dégradé (haut transparent, bas gris foncé) */
body:not(.home) .hero-internal.uagb-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 0;
  pointer-events: none;
}

/* Texte lisible au-dessus + animation douce */
body:not(.home) .hero-internal .uagb-container-inner-blocks-wrap > * {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

/* Animation keyframes */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Animation du texte */
.overlay-hero + .uagb-container .uagb-container-inner-blocks-wrap > * {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gb-container .fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

	/* Animation du H1 de la home */

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease-out;
}

.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}
.gb-element-6babe995 svg, .gb-shape svg{
  width: 60px!important;
  height: 60px!important;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{
  background-color: transparent!important;
}