/*
Theme Name: Kazbard
Description: Thème enfant de Hello biz.
Author: Adaracom
Author URI: https://adaracom.fr
Template: hello-biz
Version: 1.0
*/


/**********************************************
 * COMMUN
 * *******************************************/

p:last-child{
	margin-bottom:0!important;
	margin-block-end:0!important;
}

h3{
    margin-top: 20px;
    margin-bottom: 0px!important;
}
h3:first-child{
    margin-top: 0px;
}

.clearer{
    clear:both;
}

.fil-ariane {
    background-color: #d9a100;
    padding: 5px 10px;
}

.fil-ariane ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.fil-ariane li {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1.3em;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.fil-ariane li:not(:last-child)::after {
    content: " | ";
    margin: 0 8px;
    color: #ffffff;
}

.fil-ariane li a {
    color: #ffffff!important;
    text-decoration: none;
}

.temoignages p.nom{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2em;
}

.temoignages{
    background-image:url(images/temoignage-guillemets-bleu.png);
    background-repeat : no-repeat;
    background-size:113px 99px;
    background-position:center 50px !important;
}

.cacher{
    display:none!important;
}
@media (min-width:1200px){
    .fil-ariane li {
        font-size: 0.875rem;
    }
}


/**********************************************
 * HEADER et MENU
 * *******************************************/

 .home #logo-site{
    display:none;
 }
header #header-site ul.sub-menu{
    background-color:#fff;
    padding:20px 0 30px 0;
}

/**********************************************
 * CATEGORIES
 * *******************************************/
.header-category.e-con::before{
    opacity:0.8!important;
}
.term-15 .header-category.e-con::before,
.term-24 .header-category.e-con::before,
.term-76 .header-category.e-con::before,
.term-88 .header-category.e-con::before{
    background-image:url("images/fond-archive-1.png")!important;
}
.term-16 .header-category.e-con::before,
.term-25 .header-category.e-con::before,
.term-84 .header-category.e-con::before{
    background-image:url("images/fond-archive-2.png")!important;
}
.term-17 .header-category.e-con::before,
.term-41 .header-category.e-con::before,
.term-78 .header-category.e-con::before{
    background-image:url("images/fond-archive-3.png")!important;
}
.term-18 .header-category.e-con::before,
.term-42 .header-category.e-con::before,
.term-86 .header-category.e-con::before{
    background-image:url("images/fond-archive-4.png")!important;
}
.term-19 .header-category.e-con::before,
.term-43 .header-category.e-con::before,
.term-82 .header-category.e-con::before{
    background-image:url("images/fond-archive-5.png")!important;
}

/**********************************************
 * PROJETS
 * *******************************************/

.wp-block-kadence-advancedgallery{
    margin-bottom:1em;
}

.projets-meme-thematique {
    margin-top: 30px;
}

/* Conteneur du titre */
.titre-avec-traits {
    position: relative;
    text-align: center;
    margin: 20px 0;
}

/* Conteneur du titre avec flex */
.titre-avec-traits {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* espace entre traits et H3 */
    margin: 0 0 40px;
}

/* Traits */
.titre-avec-traits .trait {
    flex: 1;
    height: 1px;
    background-color: #000;
}

/* H3 centré */
.titre-avec-traits h3 {
    margin: 0;
    white-space: nowrap;
    font-size: 1.5rem;
    text-align: center;
}
.thematique-soeur{
    position:relative;
}
.thematique-soeur .thematique-soeur-titre{
    position: absolute;
    left: 25px;
    top:25px;
    color:#fff;
    background-color: var(--e-global-color-accent);
    padding: 2px 7px 2px 7px;
    font-family: var(--e-global-typography-0ccb0f3-font-family), Sans-serif;
    font-size: var(--e-global-typography-0ccb0f3-font-size);
    font-weight: var(--e-global-typography-0ccb0f3-font-weight);
    text-transform: var(--e-global-typography-0ccb0f3-text-transform);
    font-style: var(--e-global-typography-0ccb0f3-font-style);
    line-height: var(--e-global-typography-0ccb0f3-line-height);
    letter-spacing: var(--e-global-typography-0ccb0f3-letter-spacing);
}
.projet-item, .thematique-soeur {
    width:100%;
    max-width:450px;
    margin:0 auto;    
}
.projet-item:not(:last-child), .thematique-soeur:not(:last-child){
    margin-bottom:20px;
}

.projet-item img, .thematique-soeur img{
    width: 100%;
    height: auto;
    display: block;
    transition:all 600ms ease-in-out;
}
.projet-item a, .thematique-soeur a{
    display: block;
    overflow: hidden;
}

.projet-item a:hover img, .thematique-soeur a:hover img{
    transform: scale(1.1);
}

@media (min-width:767px){
    .projet-item, .thematique-soeur{
        width:48.5%;
        float:left;
        margin-bottom:0;
        max-width:550px;
    }
    .projet-item:first-child, .thematique-soeur:first-child{
        margin-right: 20px;
    }
    .projet-item:nth-child(3), .thematique-soeur:nth-child(3){
        display:none;
    }
    
}
@media (min-width:1200px){
    .projet-item, .thematique-soeur{
        width:32.1%;
    }
    .projet-item:nth-child(2), .thematique-soeur:nth-child(2){
        margin-right: 20px;
    }
     .projet-item:nth-child(3), .thematique-soeur:nth-child(3){
        display:block;
    }
}


/**********************************************
 * MODE JOUR NUIT
 * *******************************************/

.toggle-light{
display:none;
}

body.sombre{
    background-color: #001f22!important;
    color: #FFFFFF!important;
}
body.sombre .fond-blanc,
body.sombre .elementor-popup-modal .dialog-lightbox-widget-content,
body.sombre .elementor-popup-modal nav,
body.sombre .elementor-popup-modal nav a,
body.sombre header ul.sub-menu{
    background-color: #001f22!important;
}
body.sombre .fond-bleu-pale{
    background-color: #193638!important;
}
body.sombre .fond-noir,
body.sombre .fond-noir .elementor-social-icon{
    background-color: #FFFFFF!important;
}

body.sombre a,
body.sombre p,
body.sombre ul,
body.sombre h1,
body.sombre h2,
body.sombre h3{
    color: #FFFFFF!important;
}
body.sombre .fond-noir a,
body.sombre .current-menu-item>a,
body.sombre .current-menu-ancestor>a,
body.sombre header ul.sub-menu a:hover{
    color:#d9a100!important;
}
body.sombre #icon-menu-burger svg rect.cls-1,
body.sombre #logo-site svg path.cls-1,
body.sombre .elementor-popup-modal svg path.cls-1{
    fill:#ffffff;
}
body.sombre .titre-avec-traits .trait {
    flex: 1;
    height: 1px;
    background-color: #fff;
}
body.sombre .bloc-caracteristiques>div{
    border-color:#fff!important;
}
body.sombre .temoignages{
    background-image:url(images/temoignage-guillemets-blanc.png);
}
body.sombre .header-category.e-con::before{
    opacity:0.1!important;
}

/* Optionnel : transition douce */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}