/*
 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{
--black-blue: #272D3F;
  --dark-blue : #193386;
  --sky-blue: #69A6F7;
  --grey-blue: #4F6D99;
} 

body{
    background: url('assets/img/motifs-bg.png');
    object-fit: cover;
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;
    background-attachment: fixed;
}

/* Classes couleur de texte + bg */
.bg-dark-blue{
    background-color: var(--dark-blue) !important;
    color: white !important;
}

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

.bg-sky-blue{
    background-color: var(--sky-blue) !important;
    color: black !important;
}

.text-sky-blue{
    color: var(--sky-blue) !important;
}

/* Modèle de bouton */
.cta{
    padding: 10px 20px;
    border-radius: 100px;
    border: none;
   font-size: clamp(18px, 2.5vw, 20px);  
    transform: scale(1);
    transition: all .5s ease;
}

.cta:hover {
    transform: scale(1.05);
}

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


/* Noto sans italic */
@font-face {
    font-family: 'Noto';
    src: url('assets/fonts/NotoSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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


/* Definition de la taille des polices adaptatives */
p {
    font-size: 20px;
    font-family: "Noto Sans", sans-serif;
}

li{
    font-size: 20px;
}


h1 {
    font-family: 'Roboto';
    font-size: clamp(2rem, 2.5vw + 1rem, 3.05rem);
    font-weight: 700;
}

h2 {
    font-family: 'Roboto';
    font-size: clamp(1.75rem, 2vw + 0.75rem, 2.45rem); 
     font-weight: 700;
}

h3 {
    font-family: 'Roboto';
    font-size: clamp(1.5rem, 1.5vw + 0.5rem, 1.95rem);
    font-weight: 700;
}

h4 {
    font-family: 'Roboto';
    font-size: clamp(1.25rem, 1vw + 0.5rem, 1.55rem);
    font-weight: 700; 
}

h5 {
    font-family: 'Roboto';
    font-size: clamp(1rem, 0.8vw + 0.5rem, 1.25rem);
}

.bar-title{
    height: 8px;
    width: 130px;
}

.overflow-x-hidden{
overflow-x: hidden ;
}

/* HEADER */

.nav-toggler .fa-bars{
    color: white;
}

@media (max-width: 1200px) {
    #bootscore-navbar{
        --bs-nav-link-color: black;
        margin: 0 !important;
    }

}

.nav-link{
    transition: all ease .3s ;
}

.nav-link:hover{
    transform: translateY(-3px);
}


@media (max-width:1399px) {
    
    #masthead .nav-link.active{
        border-bottom: none !important;
    }
}

/* Bandeau partenaires */

.logo-partenaire{
    filter: grayscale(1);
    transition: filter .3s ease;
}


.logo-partenaire:hover{
    filter: grayscale(0);
}


/* Animation des cards reals et actus */

    .simple-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.simple-card a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
}

.simple-card:hover a {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.simple-card:active a {
    transform: translateY(-2px) scale(0.98);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.simple-card img {
    transition: transform 0.3s ease;
}

.simple-card:hover img {
    transform: scale(1.03);
}

.simple-card .btn {
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.simple-card .btn:hover {
    background-color: #003366; /* Couleur légèrement différente */
    transform: scale(1.05);
}