/*
 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;  
}

header{
	top: 0px !important;
}

.header-wrap {
    z-index: 1001;
}

/**
* Polices
**/


.police-txt-courant{
font-family: var(--gp-font--rubik)!important;
}

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

.minuscule{
text-transform: none!important;
letter-spacing:0!important;
}


/**
* Barre de cookies
**/


.cookieLaw{
font-family: var(--gp-font--rubik);
}

.cookieLaw>.cl-container{
	
	font-size:18px;
}

.cookieLaw>.cl-container>.buttons>a.agree{
	color:var(--accent-4);
	    padding: 10px 15px;
}

.cookieLaw>.cl-container>.buttons>a{
	color:var(--accent-4);
	text-transform: uppercase;
}

.cookieLaw>.cl-container>.buttons{
	font-size:15px;
}

.cookieLaw>.cl-container>.buttons>a.dismiss{
	font-size:12px;
}

/***/

/**
* Smart Slider - Numérotation bullets
**/


div#n2-ss-2 .nextend-bullet-bar{
	border-radius:0px !important;
	background: var(--base) !important;
}

/* Déverrouille les bullets Smart Slider */
.n2-ss-control-bullet .n2-bullet {
    background: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    margin: 0 0px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Reset compteur sur le conteneur parent direct */
.n2-ss-control-bullet [class*="nextend-bullet-bar"] {
    counter-reset: ss-count;
}

/* Ajouter un numéro dans CHAQUE bullet */
.n2-ss-control-bullet .n2-bullet::after {
    counter-increment: ss-count;
    content: counter(ss-count) " / ";
    color: #000 !important;
	font-family: var(--gp-font--oswald);
    font-size: 16px;
    font-weight: 500;
    line-height: 1 !important;
    display: flex !important;
    align-items: center;
}



/* Pas de slash sur la dernière */
.n2-ss-control-bullet [class*="nextend-bullet-bar"] > div:last-child .n2-bullet::after {
    content: counter(ss-count);
}

.n2-ss-control-bullet [class*="nextend-bullet-bar"] > div:last-child .n2-bullet{
	    min-width: auto!important;
    	margin-left: 2px!important;
}

/* Style bullet active */
.n2-ss-control-bullet .n2-bullet.n2-active::after {
    color: var(--accent-6) !important;
    font-weight: 700;
}


/* Animation apparition bas → haut */
.card-slider {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Lorsqu'il devient visible (Smart Slider ajoute .n2-in) */
.n2-ss-slide-active .card-slider {
    opacity: 1;
    transform: translateY(0);
}
/* Fin animation apparition bas → haut */	
/***/

/**
* Titres
**/

 .h1, .h1 a {
   
    font-family: var(--gp-font--oswald), sans-serif;
    font-size: 40px;
    line-height: 64px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

 .h2, .h2 a {
   
    font-family: var(--gp-font--oswald), sans-serif;
    font-size: 35px;
    line-height: 56px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

 .h3, .h3 a {
   
    font-family: var(--gp-font--oswald), sans-serif;
    font-size: 30px;
    line-height: 48px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.h4, .h4 a {
   
    font-family: var(--gp-font--oswald), sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
 .h5, .h5 a {
   
    font-family: var(--gp-font--oswald), sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
 .h6, .h6 a {
    
     font-family: var(--gp-font--oswald), sans-serif;
     font-size: 18px;
     line-height: 28px;
     font-style: normal;
     font-weight: 500;
     letter-spacing: 0.5px;
     text-transform: uppercase;
    }





/**
* titres avec guillemets SVG
**/

.guillemets:before,
.guillemets:after{
    content:url("assets/img/guillemets.svg");
    display: inline-block;    
}
.guillemets:before{margin-right:5px;}
.guillemets:after{margin-left:5px;}
.guillemets{color:#000!important; text-transform: uppercase;}
/***/

/**
* footer
**/

.copyright a{
    color:white!important;
} 

.copyright a:hover{
    color:var(--base)!important;
}

/**
* Formulaire de contact
**/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea, select,
.wpcf7 .chp{
    background-color: var(--base);
    color: var(--accent);
    margin-bottom: 10px;
    border: 1px dashed var(--accent);
    border-radius: 30px;
    padding: 12px 22px;
    width:100%;    
}

.wpcf7 p{
margin:0px;
padding: 0px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    background: transparent;
    border: none;
    margin-left: 10px;
    color: var(--accent);
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    background: transparent;
    padding: 0px;
    margin-left: 15px;
}

/* 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;
}

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

.wpcf7 input[type="number"]:focus, .wpcf7 select:focus {
    border-color:var(--base);
}

.wpcf7 input[type="submit"].gbp-button--primary{
    align-items: center;
    background-color: transparent;
    color: var(--contrast);
    column-gap: 0.4rem;
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 600;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border: 1px dashed var(--contrast);
    border-radius: 9999px;
    padding: 14px 24px;
}

.wpcf7 input[type="submit"].gbp-button--primary:is(:hover,:focus) {
    background-color: var(--accent);
    color: var(--base-2);
}

/**
* bouton retour en haut
**/

a.generate-back-to-top {
    background-color: var(--accent);
    color: #ffffff;
    border-radius: 50%;
    border:1px solid var(--base-2);
    bottom:90px;
    width:42px;
}

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
background: var(--base-2);
border-color:var(--base-2);
}

a.generate-back-to-top:hover svg, a.generate-back-to-top:focus svg {
    fill: var(--accent);
}

/**
* photo coins coupés
**/

.photo-cut-wrapper {
  --c: 50px;
  --p: 30px;
  --d: 10px;
  background: red;
  display: inline-block;
  padding: var(--p);
  background:
    radial-gradient(farthest-side at 0 0, rgba(0,0,0,0.3), #0000) 0 0 / var(--c) var(--c),
    radial-gradient(farthest-side at 100% 100%, rgba(0,0,0,0.3), #0000) 100% 100% / var(--c) var(--c),
    linear-gradient(#fff 0 0) 50% 50% / calc(100% - var(--p)) calc(100% - var(--p)),
    linear-gradient(#0000, rgba(0,0,0,0.15) 25% 75%, #0000) 50% 50% / calc(100% - var(--p)) calc(100% - var(--d)),
    linear-gradient(90deg, #0000, rgba(0,0,0,0.15) 25% 75%, #0000) 50% 50% / calc(100% - var(--d)) calc(100% - var(--p)),
    radial-gradient(farthest-side at 0 100%, rgba(0,0,0,0.07), #0000) calc(100% - var(--d) * 0.5) calc(var(--d) * 0.5) / var(--d) var(--d),
    radial-gradient(farthest-side at 100% 0, rgba(0,0,0,0.07), #0000) calc(var(--d) * 0.5) calc(100% - var(--d) * 0.5) / var(--d) var(--d)
    ;
  background-repeat: no-repeat;
  clip-path: polygon(0 var(--c), var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%);
  margin: 1rem;
}


/* Les 3 suivantes légèrement décalées et tournées différemment */
.gbp-section__inner > .photo-cut-wrapper:nth-child(1) {
  transform: translateY(10px) rotate(-3deg);
}

.gbp-section__inner  > .photo-cut-wrapper:nth-child(2) {
  transform: translateY(-10px) rotate(2deg);
}

.gbp-section__inner > .photo-cut-wrapper:nth-child(3) {
  transform: translateY(-40px) translateX(90px) rotate(-3.5deg);
}


/* Fin photo coins coupés */

.gb-menu-item:is(:hover,:focus-within)::after{
    background-color:var(--accent-7)!important;
}

.gb-menu-item:is(.current-menu-item,.current-menu-item:hover,.current-menu-item:focus-within) {
    color: var(--accent-7)!important;
}

/**
* boutons
**/

.gbp-button--primary:is(:hover,:focus) {
    
    color: var(--base-2)!important;
    
}