/*
Theme Name: AstraChild
Author: Yoïchi Trigalot
Template: astra
Version: 0.1.0
*/
body .wp-block-cover:not(.has-text-color.has-link-color) p {
    color: #ffffff;
}
/*Menu*/



body.ast-theme-transparent-header .ast-primary-header-bar:hover,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within {
  background: #fff !important;
}

/* Quand le header (transparent) devient blanc au survol / focus : liens du menu en noir */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .main-header-menu > .menu-item > .menu-link,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .main-header-menu > .menu-item > .menu-link,
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-builder-menu-1-area .menu-link,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-builder-menu-1-area .menu-link {
  color: #111 !important;
}


/* Optionnel : icônes (chevrons) et toggles en noir aussi */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-icon,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-icon,
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-menu-toggle,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-menu-toggle {
  color: #111 !important;
  fill: #111 !important;
}

/* Header transparent -> au survol/focus : icônes réseaux en noir */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg {
  fill: #111 !important;
  color: #111 !important; /* au cas où le SVG utilise currentColor */
}

/* Fallback : certains SVG ont la couleur sur les <path> (ou <g>) */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg path,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg path,
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg g,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg g {
  fill: #111 !important;
}

/* Si certaines icônes utilisent un trait (stroke) plutôt qu’un remplissage */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg path,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg path {
  stroke: #111 !important;
}
/* ========== ÉTAT STICKY (après scroll) — My Sticky Bar ajoute .myfixed ========== */
.myfixed .ast-header-social-1-wrap .ast-social-color-type-custom svg,
.myfixed .ast-header-social-1-wrap .ast-social-color-type-custom svg path,
.myfixed .ast-header-social-1-wrap .ast-social-color-type-custom svg g {
  fill: #111 !important;
  color: #111 !important; /* si le SVG utilise currentColor */
}

.myfixed .ast-header-social-1-wrap .ast-social-color-type-custom svg,
.myfixed .ast-header-social-1-wrap .ast-social-color-type-custom svg path {
  stroke: #111 !important; /* au cas où l'icône est en "trait" */
}

/* Recherche noire au survol du header sur home */
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-search-menu-icon .search-custom-svg,
body.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-search-menu-icon .ast-icon,
body.ast-theme-transparent-header .ast-primary-header-bar:hover [data-section="section-header-search"] .ast-icon,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-search-menu-icon .ast-icon,
body.ast-theme-transparent-header .ast-primary-header-bar:focus-within [data-section="section-header-search"] .ast-icon {
    color: #111 !important;
    fill: #111 !important;
}

/* Recherche noire au scroll (sticky) */
.myfixed .ast-search-menu-icon .search-custom-svg,
.myfixed .ast-search-menu-icon .ast-icon,
.myfixed [data-section="section-header-search"] .ast-icon {
    color: #111 !important;
    fill: #111 !important;
}

/* Recherche noire sur toutes les pages sauf home */
body:not(.home):not(.front-page) .ast-search-menu-icon .ast-icon,
body:not(.home):not(.front-page) [data-section="section-header-search"] .ast-icon {
    color: #111 !important;
    fill: #111 !important;
}

/* ==========================================================
   1) PARTOUT SAUF HOME : header toujours blanc
   ========================================================== */
body:not(.home):not(.front-page) .ast-primary-header-bar,
body:not(.home):not(.front-page) .main-header-bar {
  background: #fff !important;
  box-shadow: none !important; /* optionnel */
}

/* Liens du menu en noir sur les autres pages */
body:not(.home):not(.front-page) .main-header-menu > .menu-item > .menu-link,
body:not(.home):not(.front-page) .ast-builder-menu-1-area .menu-link {
  color: #111 !important;
}

/* Icônes social en noir sur les autres pages */
body:not(.home):not(.front-page) .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body:not(.home):not(.front-page) .ast-header-social-1-wrap .ast-social-color-type-custom svg path,
body:not(.home):not(.front-page) .ast-header-social-1-wrap .ast-social-color-type-custom svg g {
  fill: #111 !important;
  stroke: #111 !important;
}

/* ==========================================================
   2) HOME : header transparent AU TOP (avant scroll)
   ========================================================== */
body.home.ast-theme-transparent-header .ast-primary-header-bar,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar,
body.home.ast-theme-transparent-header .main-header-bar,
body.front-page.ast-theme-transparent-header .main-header-bar {
  background: transparent !important;
  box-shadow: none !important;
}

/* HOME : ton effet "Option ultra simple" (fond blanc au survol/focus) */
body.home.ast-theme-transparent-header .ast-primary-header-bar:hover,
body.home.ast-theme-transparent-header .ast-primary-header-bar:focus-within,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:hover,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:focus-within {
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

/* HOME : liens en noir quand fond blanc au survol/focus */
body.home.ast-theme-transparent-header .ast-primary-header-bar:hover .main-header-menu > .menu-item > .menu-link,
body.home.ast-theme-transparent-header .ast-primary-header-bar:focus-within .main-header-menu > .menu-item > .menu-link,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:hover .main-header-menu > .menu-item > .menu-link,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:focus-within .main-header-menu > .menu-item > .menu-link {
  color: #111 !important;
}

/* HOME : social en noir quand fond blanc au survol/focus */
body.home.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.home.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:hover .ast-header-social-1-wrap .ast-social-color-type-custom svg,
body.front-page.ast-theme-transparent-header .ast-primary-header-bar:focus-within .ast-header-social-1-wrap .ast-social-color-type-custom svg {
  fill: #111 !important;
  stroke: #111 !important;
}

/* ==========================================================
   3) HOME : quand tu scroll (sticky actif via My Sticky Bar)
   -> garde le fond blanc
   ========================================================== */
/* Cas 1 : .myfixed est sur un parent */
body.home .myfixed .ast-primary-header-bar,
body.front-page .myfixed .ast-primary-header-bar,
body.home .myfixed .main-header-bar,
body.front-page .myfixed .main-header-bar {
  background: #fff !important;
}

/* Cas 2 : .myfixed est directement sur la barre */
body.home .ast-primary-header-bar.myfixed,
body.front-page .ast-primary-header-bar.myfixed,
body.home .main-header-bar.myfixed,
body.front-page .main-header-bar.myfixed {
  background: #fff !important;
}
/* Trait fin uniquement quand le header est sticky (après scroll) */
.myfixed .ast-primary-header-bar,
.myfixed .main-header-bar,
.ast-primary-header-bar.myfixed,
.main-header-bar.myfixed {
  border-bottom: 1px solid #eaeaea !important;
}
/* Transition douce lors du passage au fond blanc (hover + sticky + scroll) */
.ast-primary-header-bar,
.main-header-bar {
  transition: background-color 220ms ease, box-shadow 220ms ease, border-bottom-color 220ms ease;
}

/* Logo noir sur toutes les pages sauf home 
body:not(.home) .site-logo img,
body:not(.home) .custom-logo {
    filter: brightness(0);
}

/* Logo noir au scroll (toutes pages y compris home) 
.myfixed .site-logo img,
.myfixed .custom-logo {
    filter: brightness(0);
}

/* Logo noir au survol du header sur la home (avant scroll)
.home header:hover .site-logo img,
.home header:hover .custom-logo {
    filter: brightness(0);
}*/


@media (max-width: 1200px) {
  #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper {
    display: none;
  }

  .main-header-bar .ast-mobile-toggle {
    display: block;
  }
}

/* === ICÔNE HAMBURGER === */

/* Icône blanche sur home (header transparent) */
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: white;
}

/* Icône noire au survol du header sur home */
.home #masthead:hover [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}

/* Icône noire au scroll */
.myfixed [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}

/* Icône noire quand menu ouvert sur home */
.home .menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}


/* === LOGO === */

/* Logo noir sur toutes les pages sauf home 
body:not(.home) .site-logo img,
body:not(.home) .custom-logo {
    filter: brightness(0);
}

/* Logo noir au scroll (toutes pages) 
.myfixed .site-logo img,
.myfixed .custom-logo {
    filter: brightness(0);
}

/* Logo noir au survol du header sur home 
.home #masthead:hover .site-logo img,
.home #masthead:hover .custom-logo {
    filter: brightness(0);
}

/* Logo noir quand menu ouvert sur home 
.home #masthead:has(.menu-toggle[aria-expanded="true"]) .site-logo img,
.home #masthead:has(.menu-toggle[aria-expanded="true"]) .custom-logo {
    filter: brightness(0);
}
*/

/* === HEADER BLANC QUAND MENU OUVERT === */

.home #masthead:has(.menu-toggle[aria-expanded="true"]) {
    background-color: white;
}

/* Icône hamburger noire sur toutes les pages sauf home */
body:not(.home) [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black !important;
}

/* === TRANSITIONS FLUIDES === */

.site-logo img,
.custom-logo,
.ast-mobile-svg {
    transition: all 0.3s ease;
}

.ast-menu-toggle:focus {
	outline: none;
}
.ast-menu-toggle {
	border-style: none;
}
/* Masque le texte et affiche l'icône Instagram */
.menu-item-4937 a {
    font-size: 0 !important; /* masque le texte */
}

.menu-item-4937 a::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f16d";
    font-size: 1.2rem;
    color: inherit;
    margin-right: 1em;
    margin-left: 1em;
}

/* Effet au survol */
.menu-item-4937 a:hover::before {
    color: #E1306C; /* couleur Instagram */
}

/* Masque le texte et affiche l'icône Facebook */
.menu-item-4938 a {
    font-size: 0 !important;
}

.menu-item-4938 a::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f39e";
    font-size: 1.2rem;
    color: inherit;
    margin-right: 1em;
    margin-left: 1em;
}

/* Effet au survol */
.menu-item-4938 a:hover::before {
    color: #1877F2; /* couleur Facebook */
}


/*menu mobile ombre*/

.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content, .ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
    border-bottom: 1px solid #a9a9a9 !important;
}

/*fin menu*/

/*smartslider page d'accueil*/


/* Slider pleine hauteur sur home */
.home .n2-ss-slider,
.home .n2-ss-slide {
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Les images de fond couvrent tout l'espace*/
.home .n2-ss-slide-background-image {
    height: 100vh !important;
}
 
/*Gtranslate plugin de traduction

.gt_selected a {
	border:none !important;
}

.gt_selected a:after {
	display:none !important;
}

.gt_selected {
	background: none !important;
}
.gt_option {
	border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background-color: unset !important;
}
*/
.entry-title {
  display: none;
}

.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id32_044a29-57 {
	margin-top:-30px !important;
}

#page.hfeed.site {
  min-height: 100vh;
}

/*Cards*/
.card {
  position: relative;
  overflow: hidden;
}

.card .card-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.card:hover {
  cursor: pointer;
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.25s ease;
  pointer-events: none;
  z-index: 3;
}

.card:hover::after {
  background: rgba(0, 0, 0, 0.06); /* très léger */
}

.card img {
  transition: filter 0.25s ease;
}

.card:hover img {
  filter: brightness(0.92);
}
/* =========================
   CONTENEUR DE LA CARD
   ========================= */
.card-hover-gradient {
  position: relative;
  overflow: hidden;
}

/* =========================
   LIEN OVERLAY (cliquable)
   ========================= */
.card-hover-gradient .card-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
}

/* =========================
   CONTENU DE LA CARD
   ========================= */
.card-hover-gradient > *:not(.card-overlay) {
  position: relative;
  z-index: 3;
}

/* =========================
   GRADIENT ANIMÉ AU HOVER
   ========================= */
.card-hover-gradient.card-salmon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgb(255, 217, 198) 0%,
    rgba(255, 218, 199, 0.31) 100%
  );
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
  z-index: 2;
}

.card-hover-gradient.card-salmon:hover::before {
  opacity: 1;
}

/* =========================
   FEEDBACK VISUEL
   ========================= */
.card-hover-gradient:hover {
  cursor: pointer;
}

/* =========================
   OPTIONNEL : IMAGE
   ========================= */
.card-hover-gradient img {
  transition: filter 0.25s ease;
}

.card-hover-gradient:hover img {
  filter: brightness(0.92);
}
/*fin cards*/

/*événement à venir card*/
.image-overlay {
  position: relative;
}

.image-overlay img {
  display: block;
  width: 100%;
  height: auto;
}

.image-overlay .wp-block-button,
.image-overlay .kb-button {
position: absolute;
    top: 61px;
    left: 24px;
    z-index: 5;
}

/* Bannière seulement */
.card-banner.wp-block-cover,
.card-banner.kb-banner {
  position: relative;
}

/* Lien pleine surface */
.card-banner .card-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}

/* Contenu au-dessus */
.card-banner .wp-block-cover__inner-container,
.card-banner .kb-banner-inner {
  position: relative;
  z-index: 2;
}


/*fin événement à venir card*/
.ast-footer-copyright p {
  margin-top: -10px;
  margin-bottom: -10px;
   color: white;
}

img {
  border-radius: 4px !important;
}

iframe {
  border-radius: 5px;
}

#content.site-content {
  padding: 30px 0;
  min-height: inherit;
}

/*lettre orpheline titre*/
.retourligne {
	white-space: nowrap;
}

/*footer*/
/* Force le footer à rester dans le flux normal */
.site-footer {
    position: relative !important;
}
#page.hfeed.site {
	    padding-bottom: 0 !important;
}
/* Assure que le contenu principal pousse le footer */
.site-content {
    padding-bottom: 0;
}
/*
.site-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}*/

#block-7 {
	width: max-content;
}

@media (max-width: 768px) {
  #block-7 {
	width: auto;
}
  
}