/* ========================================================================
   INFORMATIONS GÉNÉRALES SUR LE SITE
   Propriété de © 2019/2024 Shopiweb.fr
   Pour plus d'informations, visitez : https://www.shopiweb.fr
   ======================================================================== */

/* =====================
   Polices de caractères
   ===================== */


    @font-face {
        font-family: "Playfair Display";
        src: url('//shellvibe.com/cdn/shop/files/Playfair%20Display?8940') format('Playfair Display');
        font-display: swap;
    }



    @font-face {
  font-family: Merriweather;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shellvibe.com/cdn/fonts/merriweather/merriweather_n4.349a72bc63b970a8b7f00dc33f5bda2ec52f79cc.woff2") format("woff2"),
       url("//shellvibe.com/cdn/fonts/merriweather/merriweather_n4.5a396c75a89c25b516c9d3cb026490795288d821.woff") format("woff");
}

    @font-face {
  font-family: Merriweather;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//shellvibe.com/cdn/fonts/merriweather/merriweather_n7.19270b7a7a551caaabc4ca9d96160fde1ff78390.woff2") format("woff2"),
       url("//shellvibe.com/cdn/fonts/merriweather/merriweather_n7.cd38b457ece1a89976a4da2d642ece091dc8235f.woff") format("woff");
}

    @font-face {
  font-family: Merriweather;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//shellvibe.com/cdn/fonts/merriweather/merriweather_i4.f5b9cf70acd5cd4d838a0ca60bf8178b62cb1301.woff2") format("woff2"),
       url("//shellvibe.com/cdn/fonts/merriweather/merriweather_i4.946cfa27ccfc2ba1850f3e8d4115a49e1be34578.woff") format("woff");
}



/* =====================
   Variable CSS
   ===================== */

:root {
    --bs-primary: #e29d79;
    --bs-primary-rgb: 226, 157, 121;
    --bs-primary-lighten-5: #e7ac8e;
    --bs-primary-lighten-10: #e7ac8e;
    --bs-primary-darken-5: #dd8e64;
    --bs-primary-darken-10: #d97e4f;

    --bs-secondary: #6bbec8;
    --bs-secondary-rgb: 107, 190, 200;
    --bs-secondary-lighten-5: #7ec6cf;
    --bs-secondary-lighten-10: #90ced6;
    --bs-secondary-darken-5: #58b6c1;
    --bs-secondary-darken-10: #46aeba;

    --bs-tertiary: #9ccfcb;
    --bs-tertiary-rgb: 156, 207, 203;
    --bs-tertiary-lighten-5: #add7d4;
    --bs-tertiary-lighten-10: #bee0dd;
    --bs-tertiary-darken-5: #8bc7c2;
    --bs-tertiary-darken-10: #7abeb9;

    --bs-dark: #1a120f;
    --bs-dark-rgb: 26, 18, 15;
    --bs-dark-lighten-5: #2a1d18;
    --bs-dark-lighten-10: #3a2822;
    --bs-dark-darken-5: #0a0706;
    --bs-dark-darken-10: #000000;

    --bs-light: #eaf5f9;
    --bs-light-rgb: 234, 245, 249;
    --bs-light-lighten-5: #fefeff;
    --bs-light-lighten-10: #ffffff;
    --bs-light-darken-5: #d6ecf3;
    --bs-light-darken-10: #c2e2ee;

    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color: #1a120f;
    --bs-body-color-rgb: 26, 18, 15;

    --bs-border-radius: 0;

    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: 226, 157, 121;
    --bs-link-hover-color: var(--bs-primary-darken-10);
    --bs-link-hover-color-rgb: 217, 126, 79;

    --bs-success: #198754;
    --bs-success-darken: #115c39;
    --bs-success-rgb: 25, 135, 84;
    --bs-danger: #dc3545;
    --bs-danger-darken: #bd2130;
    --bs-danger-rgb: 220, 53, 69;
    --bs-warning: #ffc107;
    --bs-warning-darken: #a07800;
    --bs-warning-rgb: 255, 193, 7;
    --bs-info: #0dcaf0;
    --bs-info-darken: #08798f;
    --bs-info-rgb: 13, 202, 240;

    
        --bs-headings-font-family: "Playfair Display", sans-serif;
    

    
        --bs-body-font-family:  Merriweather, serif;
    
}


/* =====================
   Boutons
   ===================== */

body .btn {
    letter-spacing: 0.0rem;
    text-transform: ;
    font-weight: 500;
}

body .btn-md {
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0.4rem;
}

body .btn-lg {
    --bs-btn-padding-x: 1.2rem;
    --bs-btn-padding-y: 0.6rem;
}


    .btn {
        background-image: var(--bs-gradient);
    }


 
    .btn-link {
        box-shadow: none !important;
        background-image: none !important;
    }
    .btn-shadow-1 {
        border-radius: var(--bs-border-radius)!important;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }
    .btn-shadow-2 {
        border-radius: var(--bs-border-radius)!important;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }
    .btn-shadow-3 {
        border-radius: var(--bs-border-radius)!important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    }
    .btn-shadow-4 {
        border-radius: var(--bs-border-radius)!important;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    }



/* =====================
   Formulaires
   ===================== */

.form-control-md,
.form-select-md {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231a120f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

[dir="ltr"] .form-select-md {
    padding-right: 2.5rem;
}

[dir="rtl"] .form-select-md {
    padding-left: 2.5rem;
}


/* =====================
   Offcanvas / Modal
   ===================== */

body .offcanvas-backdrop,
body .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    
        backdrop-filter: blur(5px);
    
}

/* =====================
   Accordéon
   ===================== */

.accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a120f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a120f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* =====================
   Autres styles
   ===================== */

#offcanvas-menu-nav .nav-link[aria-expanded]:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a120f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E")
}
#offcanvas-menu-nav .nav-link[aria-expanded="true"]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a120f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}

.btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a120f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

/* =====================
   Personnalisation des prix
   ===================== */

.product-item-price-final,
.product-price-final {
  color: #41936d!important;
}


