/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


:root{
--darker-green: #003B0B; 
--dark-green: #37633F; 
--med-green: #67944C;
--light-green: #A3C651;
--ivory-white: #F4EFDF;
}

/* Definition du style global de la page */

body { 
  background: linear-gradient(194deg, rgba(55, 99, 63, 1) 0%, rgba(0, 59, 11, 1) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

p {
    font-size: 16px;
    font-family: "Nunito Sans", sans-serif;
}

h1 {
    font-size: clamp(2rem, 5vw + 1rem, 5rem);
}

h2 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 3.125rem);
}

h3 {
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1rem);
	font-family: "Bungee", sans-serif;
	
}

h4 {
    font-size: clamp(1rem, 2.5vw + 0.25rem, 1.5rem);
}

h5 {
    font-size: clamp(0.875rem, 2vw + 0.25rem, 1.25rem);
}

h6 {
    font-size: clamp(0.75rem, 1.5vw + 0.25rem, 1rem);
}

/* Bungee - Regular */
@font-face {
    font-family: 'Bungee';
    src: url('assets/fonts/Bungee-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Bebas Neue - Regular */
@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Nunito - Regular */
@font-face {
    font-family: 'Nunito';
    src: url('assets/fonts/NunitoSans-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Nunito Italic - Regular */
@font-face {
    font-family: 'Nunito';
    src: url('assets/fonts/NunitoSans-Variable-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Classes de font */

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bungee-regular {
  font-family: "Bungee", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Classes de couleur de background */

.bg-ivory{
    background-color: var(--ivory-white) !important;
}

.bg-light-green{
    background-color: var(--light-green) !important;
}

.bg-darker-green{
    background-color: var(--darker-green) !important;
}

.bg-med-green{
    background-color: var(--med-green) !important;
}


/* Classes de couleur de texte */

.text-dark-green{
    color: var(--dark-green) !important;
}

.text-med-green{
    color: var(--med-green) !important;
}

.text-light-green{
    color: var(--light-green) !important;
}

.text-ivory{
    color: var(--ivory-white) !important;
}

.shadow-green{
    -webkit-box-shadow: 4px 4px 0px 0px #A3C651; 
box-shadow: 4px 4px 0px 0px #A3C651;
}


/* CRÉATION DES DIFFÉRENTS STYLES DE CTA */
.cta, .cta-light-green{
   border-radius: 100px;
    padding: 10px 30px; 
    font-size: 1.25rem;
    font-family: "Bebas Neue", sans-serif;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
} 

.cta{
    background-color: transparent;
    border: solid var(--light-green) 2px;
    color: white;
}

.cta-light-green {
  background-color: var(--light-green);
  color: var(--dark-green);
}

/* Animation de lumière au survol */
.cta::before,
.cta-light-green::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-20deg);
  transition: left 0.5s ease-in-out;
  pointer-events: none; /* pour ne pas gêner les clics */
  z-index: 1;
}

/* Activation de la lumière au survol */
.cta:hover::before,
.cta-light-green:hover::before {
  left: 125%;
}

/* Changement de couleur au survol */
.cta:hover,
.cta-light-green:hover {
  background-color: var(--light-green);
  color: white;
}

/* Effet rebond au clic */
.cta:active,
.cta-light-green:active {
  transform: scale(0.95);
  box-shadow: 0 0 10px var(--dark-green);
}




/* _______________________________________________________________HEADER___________________________________________________________________________________________________________ */


#bootscore-navbar .nav-link{
   font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--dark-green);
}


#bootscore-navbar .nav-link:hover{
 color: var(--med-green);
}

#bootscore-navbar .nav-link.active{
 color: var(--med-green);
 border-bottom: solid 2px var(--med-green);
}

.bg-body-tertiary{
    background-color: transparent !important;
}

.offcanvas{
    background-color: var(--ivory-white);
}

.offcanvas-title{
    font-family: "Bungee", sans-serif;
    color: var(--darker-green);
}

/* ACCORDIONS QUESTIONS REPONSES */


.accordion-item{
    border: none !important;
}


/* Formulaire de contact */
.wpcf7-spinner{
    display: none;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-quiz{
    background-color: var(--ivory-white);
    border: solid var(--light-green) 3px;
}

.cf7-grid label{
    color: var(--ivory-white);
}

/* FOOTER */

#footer .nav-link{
    display: inline !important;
    transition: all ease .3s;
}


#footer .nav-link:hover{
   color: var(--light-green) !important;
}