/*
Theme Name: Astra - Thème enfant Les Cocottes
Theme URI: https://www.leclaireur-coiffeurs.com
Description: Thème enfant Astra Pro, personnalisations pour le site www.leclaireurs-coiffeurs.com
Author: François Médard
Author URI: 
Template: astra
Version: 1.1.5
Text Domain: astra-child
*/

/* Styles menu */
li.current-menu-ancestor a.elementor-item{
    color: var(--ast-global-color-0) !important;
    font-weight: bold ;
}

li.current-menu-ancestor a.elementor-item span.sub-arrow svg path{
    fill: var(--ast-global-color-0) !important;
}

/*************** Styles conteneur principal **************/

.ast-container h1 {
    margin-top:10px !important;
    margin-bottom:20px !important;
}

.ast-container{
    margin-bottom:30px;
}

/* Fil d'Ariane */

nav.rank-math-breadcrumb{
    margin: 10px auto 10px auto;
    max-width:1200px;
}

nav.rank-math-breadcrumb p{
    border-bottom: 1px solid gray;
    display: inline;
    font-size:14px;
}


/* Smartphone et tablette */
@media (max-width: 1024px) {
    nav.rank-math-breadcrumb{
        max-width: 100%;
    }
}

/* Fin fil d'Ariane*/

/* Desktop */
#corps-principal {
    padding-left: 0;
    padding-right: 0;
}

/* Tablette (jusqu'à 1024px) */
@media (max-width: 1024px) {
    #corps-principal {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Smartphone (jusqu'à 767px) */
@media (max-width: 767px) {
    #corps-principal {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/***********************/
/* Bandeaux CTA Footer */
/***********************/

.bandeau-footer h2.elementor-heading-title, .cta-footer h2.elementor-heading-title{
    font-family: 'Playfair Display' !important;
    font-weight:600;
    font-size:32px !important;
    margin-bottom:0px;
    line-height:1em;
    letter-spacing: 2px;
}

.bandeau-footer .descriptif-bandeau, .cta-footer .txt-descriptif{
    font-family: 'Poppins', Sans-Serif !important;
    font-weight:400 !important;
    font-size:20px !important;
}

.bandeau-footer .elementor-button-text, .cta-footer .elementor-button-text{
    font-family:'Poppins', Sans-Serif;   
    font-weight: normal;
    font-size:16px;
}

/* Chapos pages */
.punchline p{
    font-family:"Poppins", Sans-Serif;
    font-weight:600; /* SemiBold */
    font-size:20px;
}

/* Checkboxes annuaires */

.acf-input label input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 24px ;
    min-width:24px;
    height: 24px ;
    border: 3px solid var(--ast-global-color-0) !important;
    border-radius: 4px;
}

.acf-input label input[type="checkbox"]:hover{
    cursor:pointer;
}


.acf-input label input[type="checkbox"]:checked {
    background-color: var(--ast-global-color-0);
    position: relative;
}

.acf-input label input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.acf-input .acf-true-false label{
    display: flex;
    align-items: center;
    gap: 10px;
}