/*
 Theme Name: GeneratePress Child
 Theme URI: https://example.com
 Description: Thème enfant de GeneratePress
 Author: Ton Nom
 Author URI: https://example.com
 Template: generatepress
 Version: 1.0.0
*/

/* ===== Thème Enfant GeneratePress - style.css ===== */

/* Barre adminb */
#wpadminbar:hover
{
	opacity:1;
	top:0px;
}

#wpadminbar
{
	top:-24px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;  
}

/**
* styles génériques
**/

.border-radius-20 {
    border-radius: 20px;
    overflow: hidden;
}

p {
    margin-bottom: 1em;
}

/**
* header
**/

.header-wrap{
	position:fixed;
	z-index:10000;  
}

body.home .header-wrap{
  width: 100%;
  background:white;
}


.inside-header.grid-container{
	background:white;
	border-bottom: 1px solid var(--base);
  padding-bottom: 35px;;
}

body.home .inside-header.grid-container{
  border-bottom:none!important;
}


body.page-id-48833 .inside-header { 
    justify-content: space-between;
}


/**
* Navigation principale /
**/

.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
  /*text-transform: none;*/
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: var(--accent);
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: var(--accent-3);
}

/* Animation soulignement personnalisé */
.underline-anim {
  position: relative;
  display: inline-block;
  z-index: 1;
  overflow: visible;
  mask-image: none !important; /* empêche tout masque sur le texte */
  -webkit-mask-image: none !important;
}

.underline-anim::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.05em;
  width: 100%;
  height: 0.25em;
  background-color: var(--accent-4);

  /* applique le masque SEULEMENT ici */
  -webkit-mask-image: var(--underline-mask);
  mask-image: var(--underline-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: left bottom;
  mask-position: left bottom;

  isolation: isolate;
  mix-blend-mode: normal;

  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: -1;
  pointer-events: none;
}

.underline-anim.is-visible::after {
  opacity: 1;
}



/* Fin Animation soulignement personnalisé */


/**
* border radius bas droit et bas gauche container site
**/

.one-container .container{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

/**
* classes titres
**/

footer .titre-col{
font-size: 22px;
font-weight: 400;
font-family:var(--gp-font--felipa);
line-height:22px;
margin-bottom: 30px;
color:var(--accent-3);
}

footer .titre-contact{
  font-size:50px;
  font-family:var(--gp-font--pinyon-script);
  line-height:60px;
  margin-bottom:30px;
}


.h1{
    font-family: var(--gp-font--pinyon-script);
    font-size: 40px;
    line-height:49px;
}

.h2{
    font-family: var(--gp-font--pinyon-script);
    font-size: 35px;
    line-height:36px;
}

.h3{
    font-family: var(--gp-font--pinyon-script);
    font-size: 32px;
    line-height:32px;
}

.h4{
    font-family: var(--gp-font--pinyon-script);
    font-size: 26px;
    line-height:26px;
}

.h5{
    font-family: var(--gp-font--pinyon-script);
    font-size: 21px;
    line-height:22px;
}

.h6{
    font-family: var(--gp-font--pinyon-script);
    font-size: 18px;
    line-height:18px;
}

/**
* polices
**/

.police-titre{
  font-family: var(--gp-font--pinyon-script)!important;
}

.police-titre-secondaire{
  font-family: var(--gp-font--felipa)!important;
}

.police-texte{
  font-family: var(--gp-font--open-sans)!important;
}

/**
* footer
**/

footer .col-footer .gb-menu{
  flex-direction:column;
}

footer .col-footer .gb-menu .gb-menu-link{
  padding:0px;
  margin-bottom:10px;
}

footer a{
  transition: color 0.3s ease-in-out 0s;
}

footer a:hover{
  color:var(--accent-4) !important;
}

footer .copyright-footer a.gb-menu-link{
  padding-left:0px;
  padding-right:0px;
}

/**
* Galerie images home
**/
/* --- Galerie Simply Gallery Blocks - damier paysage/portrait --- */
.galerie-home .pgcsimplygalleryblock-masonry-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease, filter 0.3s ease;
  border-radius: inherit;
}

/* damier :
   1 : paysage | 2 : portrait
   3 : portrait | 4 : paysage */
.galerie-home .pgcsimplygalleryblock-masonry-item:nth-child(1) img,
.galerie-home .pgcsimplygalleryblock-masonry-item:nth-child(4) img {
  aspect-ratio: 3 / 2; /* paysage */
}

.galerie-home .pgcsimplygalleryblock-masonry-item:nth-child(2) img,
.galerie-home .pgcsimplygalleryblock-masonry-item:nth-child(3) img {
  aspect-ratio: 2 / 3; /* portrait */
}

/* effet au survol */
.galerie-home .pgcsimplygalleryblock-masonry-item:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.wpcf7 p {
    margin-bottom: 0;
    text-align: left;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea, select {
    background-color: transparent;
    border: 1px solid var(--accent);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea, select {
    background-color: var(--base-2);
    border-color: var(--base-2);
    margin-top: 10px;
    width: 100%;
}

.wpcf7 .chp {
    background-color: var(--base-2);
    border: 1px solid var(--base-2);
    color: var(--accent);
    padding: 10px 15px;
    margin-top: 10px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

input[type="number"], input[type="date"] {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
        background: var(--base-2);
    color: var(--accent);
}


/* Placeholder standard */
input::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--accent);
    opacity: 1; /* utile sur Firefox */
}

/* WebKit (Chrome, Safari, Edge Chromium, Opera) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: var(--accent);
}

/* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: var(--accent);
    opacity: 1;
}

/* Firefox 4–18 */
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: var(--accent);
    opacity: 1;
}

/* Edge Legacy */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
    color: var(--accent);
}




.ctn-langues{
  margin-right:34px;
}

.menu-langues, .menu-langues a{
  font-size:12px!important;
  font-weight: 600!important;
}

body.page-id-48833 .menu-langues a:last-child{
color:var(--accent-4)!important;
}

body.page-id-48833 img[title="logo-gdf"]{
  margin-top:2px;
  
}

body:not(.page-id-48833) .menu-langues a:first-child{
  color:var(--accent-4)!important;
}

.generate-back-to-top__show {
    opacity: 1;
    transform: translateY(0);
    background: var(--accent-2);
    border-radius: 50%;
    color: var(--base);
}

.generate-back-to-top__show:hover, .generate-back-to-top__show:focus {
    background: var(--accent-4);
    color: var(--base);
}


.gtranslate_wrapper a{
  font-size:13px!important;

}

.gtranslate_wrapper a:first-child{
  padding-right:6px;
  border-right:1px solid var(--contrast);
  margin-right:2px;
}