/*******************

    General Classes for CPAWS's new layouts in the child theme

****/
.cpaws-pro-child-specifics{
    --bs-primary: #468d35;
    --bs-primary-dark: #2f701e;
    --bs-primary-darker: #29601b;
    --bs-primary-light: #82c18d;
    /* Sizes */
    --bs-main-padding: 2rem;
    --bg-block-vertical-padding: clamp(2rem, 4vw, 5rem);
    /* Button colors */
    --bs-button-color: white;
    --bs-button-bg-color: var(--bs-primary);
    --bs-button-color--hover: white;
    --bs-button-bg-color--hover: var(--bs-primary-dark);
    /* Z-INDEX */
    --bs-zindex-dropdown:       1000;
    --bs-zindex-sticky:         1020;
    --bs-zindex-fixed:          1030;
    --bs-zindex-modal-backdrop: 1040;
    --bs-zindex-offcanvas:      1050;
    --bs-zindex-modal:          1060;
    --bs-zindex-popover:        1070;
    --bs-zindex-tooltip:        1080;
    --bs-zindex-modal:          1060;
    /* Font sizes */
    --bs-fs-h1: clamp(2.5rem, 5vw, 4rem);
    --bs-fs-h2: clamp(1.8rem, 3vw, 2.4rem);
    --bs-fs-h3: clamp(1.5rem, 2.5vw, 2rem);
    --bs-fs-h4: clamp(1.2rem, 2vw, 1.5rem);
    --bs-fs-h5: clamp(0.98rem, 1.5vw, 1.1rem);
}

/******************************
********  Quick classes  ******
*******************************/
/* Largeur et hauteur */
.cpaws-pro-child-specifics .w-100,
.cpaws-pro-child-specifics.w-100 { width: 100%; }
.cpaws-pro-child-specifics .h-100,
.cpaws-pro-child-specifics.h-100 { height: 100%; }
/* Couleurs de fond */
.cpaws-pro-child-specifics .bg--primary,
.cpaws-pro-child-specifics.bg--primary { background-color: var(--bs-primary); }
.cpaws-pro-child-specifics .bg--red,
.cpaws-pro-child-specifics.bg--red { background-color: var(--bs-red); }
/* Couleurs de texte */
.cpaws-pro-child-specifics .text--primary,
.cpaws-pro-child-specifics.text--primary { color: var(--bs-primary); }
/* Flexbox */
.cpaws-pro-child-specifics .d-flex,
.cpaws-pro-child-specifics.d-flex { display: flex; }
.cpaws-pro-child-specifics .justify-center,
.cpaws-pro-child-specifics.justify-center { justify-content: center; }
.cpaws-pro-child-specifics .justify-end,
.cpaws-pro-child-specifics.justify-end { justify-content: flex-end; }
.cpaws-pro-child-specifics .flex-column,
.cpaws-pro-child-specifics.flex-column { flex-direction: column; }
.cpaws-pro-child-specifics .flex-wrap,
.cpaws-pro-child-specifics.flex-wrap { flex-wrap: wrap; }

/* Conteneur */
.cpaws-pro-child-specifics .container,
.cpaws-pro-child-specifics.container { 
    max-width: 1280px; 
    width: 100%;
    margin: auto;
}
/* Tailles de police */
.cpaws-pro-child-specifics .fs-h1,
.cpaws-pro-child-specifics.fs-h1 { 
    font-size: var(--bs-fs-h1); 
    letter-spacing: -0.025em;
    font-weight: 800;
}
.cpaws-pro-child-specifics .fs-h2,
.cpaws-pro-child-specifics.fs-h2 { font-size: var(--bs-fs-h2); }
.cpaws-pro-child-specifics .fs-h3,
.cpaws-pro-child-specifics.fs-h3 { font-size: var(--bs-fs-h3); }
.cpaws-pro-child-specifics .fs-h4,
.cpaws-pro-child-specifics.fs-h4 { font-size: var(--bs-fs-h4); }
.cpaws-pro-child-specifics .fs-h5,
.cpaws-pro-child-specifics.fs-h5 { font-size: var(--bs-fs-h5); }

.cpaws-pro-child-specifics a { 
    cursor: pointer;
    text-decoration: none;
}
.cpaws-pro-child-specifics li { 
    line-height: 1.3rem;
}

.cpaws-pro-child-specifics .cpaws-btn {
    border: 0;
    font-size: 1.1rem;
    transition: 0.3s ease;
    border-radius: 0.35rem;
    padding: 0.6rem 1.4rem;
    background-color: var(--bs-button-bg-color);
    color: var(--bs-button-color);
    letter-spacing: 0.15ch;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: normal;
}
.cpaws-pro-child-specifics .cpaws-btn:hover {
    color: var(--bs-button-color--hover);
    background-color: var(--bs-button-bg-color--hover);
}

/* Button other colors classes */
.cpaws-pro-child-specifics .cpaws-white-btn {
    --bs-button-color: var(--bs-primary);
    --bs-button-bg-color: white;
    --bs-button-color--hover: var(--bs-primary);
    --bs-button-bg-color--hover: rgba(255, 255, 255, 0.753);
}

/* Other button styling */
.cpaws-pro-child-specifics .cpaws-btn.btn--uppercase { text-transform: uppercase; }