/*
Theme Name: Veloce
Theme URI: https://exemple.com
Author: Ton Nom
Author URI: https://exemple.com
Description: Un thème WordPress minimaliste, rapide et responsive basé sur Bootstrap.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: veloce
*/



/* ============================= */
/* === PAGE ACCESSOIRES === */
/* ============================= */

.engagement1{
    background-color:#eaefad;
    margin: 0;
}
.engagement2{
    background-color:#f1f5c7;
    margin: 0;
}
.engagement3{
    background-color:#fffdd9;
    margin: 0;
}


/* ============================= */
/* === CONTENU SPECTRA EN PLEINE LARGEUR === */
/* ============================= */

/* Assurer que le container principal s'étend sur toute la largeur */
.spectra-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Si Spectra utilise des sections spécifiques, forcer leur largeur */
.wp-block-uagb-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* Assurer que les colonnes prennent toute la largeur */
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

/* Ajustement des sections à l'intérieur de Spectra */
.wp-block-uagb-container > .uagb-container-inner-blocks-wrap {
    width: 100%;
    max-width: 100%;
}

/* Forcer l'affichage plein écran pour certaines sections si nécessaire */
.full-width {
    width: 100vw;
    max-width: 100vw;
}

/* Correction des marges internes pour éviter les espaces inutiles */
/*.wp-block-uagb-container, 
.wp-block-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/


/* ============================= */
/* === SPECTRA DIVERS === */
/* ============================= */

.uagb-block-dc1705e1{
    width:80% !important;
}
.uagb-block-fe12fc03 .uagb-ifb-image-content{
    width: 50%;
  text-align: center;
  margin: 35px auto;
}

/*.wp-block-uagb-buttons .uagb-block-d619711f .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link:hover {
  box-shadow: 0px 0px 0 #68c94526;
} */
{

}
a.uagb-infobox-cta-link,
a.wp-block-button__link {
    background-color: var(--vert-pop);
    /*background: linear-gradient(to top, var(--vert-pop) 20%,  var(--vert) 70%);*/
    color: white;
    box-shadow: 0 3px 0 #d9d9d9;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
a.uagb-infobox-cta-link:hover,
a.wp-block-button__link:hover
{
    background-color: var(--vert-pop);
    opacity:0.9;
    color:white;
    text-decoration:none;
    /*transform: scale(1.07);*/
    animation: press-down 0.1s ease-out forwards;
}
a.uagb-infobox-cta-link:active {
    background-color: var(--vert-pop);
    animation: press-release 0.15s ease-out forwards;
}
.wp-block-uagb-buttons .uagb-block-d619711f .wp-block-button__link:hover{
    background-color: var(--vert-pop) !important;
    border-color:var(--vert-pop) !important;
}


/* ============================= */
/* === SPECIFIQUE QUI SOMMES-NOUS ? === */
/* ============================= */

.wp-block-uagb-advanced-heading.uagb-block-7a426155{
    padding:0;
}


/* ============================= */
/* === FOOTER  === */
/* ============================= */
footer, footer .container-lg{
    background-color: #172d43;
}
footer .navbar-brand{
    justify-content: flex-start;
}
footer hr.separateur{
    display:none;
}
footer .border-start{
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* FOOTER BLOG */
.footer-blog img{
    height: fit-content;
}
.footer-blog h6{
    font-size:1rem;
    line-height: 1.2;
}
footer a.list-group-item{
    background-color: #172d43;
    color: white;
    border-color: #ffffff50;
}
footer a.list-group-item:first-child,
footer a.list-group-item:last-child{
    border-radius: 0;
}
footer a.list-group-item-action:hover {
  background-color: #ffffff50;
  color:#ffffff;
}
footer address {
  margin-bottom: 0;
}


/* ============================= */
/* === BLOG  === */
/* ============================= */
h2.card-title{
    font-size:2em;
}
.veloce-pagination{
    margin:30px 0;
}
.page-link {
    border:none;
    color: var(--vert-pop);
}
.active > .page-link, .page-link.active {
  background-color: var(--vert-pop);
  border-color: none;
}
.page-link:hover{
    color:#fff;
    background-color:var(--vert-pop);
}
/* ============================= */
/* === SEARCH  === */
/* ============================= */
body.blog .navbar{
    background-color:#fff;
}
body.blog .input-group{
    box-shadow: 0 3px 0 #d9d9d9;

}
body.blog .card-body {
  padding: 15px 0 0 0;
}
.btn-search {
    background-color: var(--vert-pop);
    color: white;
    box-shadow: none;
}
.btn-search:hover {
    background-color: var(--vert-pop);
    color: white;
}
body.blog .card{
    border:none;
}


/* ============================= */
/* === RECRUTEMENT  === */
/* ============================= */
.page-id-2 details.wp-block-details{
    background-image:url('../images/veloce-logo-3.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 67px;
}


/* ============================= */
/* === VIDEO === */
/* ============================= */

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#modalVelo .wp-block-video {
    width: 100%;
    max-width: 100%;
}
#modalVelo .wp-block-video video {
    width: 100% !important;
    height: auto !important;
    display: block;
    max-width: 100%;
    object-fit: cover; /* ou "contain" selon l'effet désiré */
}

/* ============================= */
/* === CONSENTEMENT === */
/* ============================= */
#cmplz-manage-consent .cmplz-manage-consent {
    right:10px !important;
}



/* ============================= */
/* === PAGE SELECTION VELO : ID 403 === */
/* ============================= */
.page-id-403 .spectra-image-gallery .slick-track .spectra-image-gallery__media-thumbnail-caption-wrapper--bar-outside{
    display:none;
}
.page-id-403 .wp-block-uagb-image-gallery .spectra-image-gallery .spectra-image-gallery__media.spectra-image-gallery__media--carousel {
    cursor: pointer;
}
/* Figure = largeur fluide */
.page-id-403 .wp-block-embed-youtube {
  width: 100%;
  max-width: 100%;
}

/* Wrapper = conserve le ratio */
.page-id-403 .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  overflow: hidden;
}

/* Iframe = occupe tout le wrapper */
.page-id-403 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


#modalVelo .colonne{
    column-count: 2;
    column-gap: 2rem;
}
#modalVelo .prix{
    display:inline-block; 
    padding:10px; 
    border:solid 1px #172d43;
    font-weight:bold;
    font-size:18px;
}
#modalVelo .prix span > s{
    font-size:16px;
}
#modalVelo .essai{
    /*font-size:16px;*/
    font-weight:bold;
    color:#68c945;
}
#modalVelo .modal-footer .btn-close{
    margin-right: auto;
}