/* ========================================================================
   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: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//wenlik.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=823c20edd3480729f023297e2a7f5a256f6c683cdfee785bbc19c34f0489c9f0") format("woff2"),
       url("//wenlik.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=f757461c7da3705d43c0fa6fecb85de22cc93fb4840a73262a68eeda8506deb9") format("woff");
}




    @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//wenlik.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=175d3a0f2b1f0cbd81ae558b54369b8f5e26086d6c9d102ebaca35920b956b64") format("woff2"),
       url("//wenlik.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=70ad9173ca7c3c0236d19ca4ce8a5ef9b5430714b3c945618baca6411545f382") format("woff");
}

    @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//wenlik.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=eacb4053bb31ede36a554936dc460266b36cea7c3a8450ffd4e744ffa5508f5d") format("woff2"),
       url("//wenlik.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=c934922037a77da505142c86d8d8bc2e160ee21910063ede5f2896fc8acd5913") format("woff");
}

    @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//wenlik.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=d3f0bb48571ded3a87766cf9832fccb2192e3458568c64acd66ebdd40ebf5bbe") format("woff2"),
       url("//wenlik.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff?h1=MjYxYTFmLTY0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2VubGlrLmNvbQ&hmac=f341805c690f79549f677769bb574bd27a00d502a03f0d9b8c8f6e9c472d6367") format("woff");
}



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

:root {
    --bs-primary: #5cc2d2;
    --bs-primary-rgb: 92, 194, 210;
    --bs-primary-lighten-5: #70c9d8;
    --bs-primary-lighten-10: #70c9d8;
    --bs-primary-darken-5: #48bbcc;
    --bs-primary-darken-10: #36b1c5;

    --bs-secondary: #1b1b1b;
    --bs-secondary-rgb: 27, 27, 27;
    --bs-secondary-lighten-5: #282828;
    --bs-secondary-lighten-10: #353535;
    --bs-secondary-darken-5: #0e0e0e;
    --bs-secondary-darken-10: #010101;

    --bs-tertiary: #000000;
    --bs-tertiary-rgb: 0, 0, 0;
    --bs-tertiary-lighten-5: #0d0d0d;
    --bs-tertiary-lighten-10: #1a1a1a;
    --bs-tertiary-darken-5: #000000;
    --bs-tertiary-darken-10: #000000;

    --bs-dark: #000000;
    --bs-dark-rgb: 0, 0, 0;
    --bs-dark-lighten-5: #0d0d0d;
    --bs-dark-lighten-10: #1a1a1a;
    --bs-dark-darken-5: #000000;
    --bs-dark-darken-10: #000000;

    --bs-light: #ffffff;
    --bs-light-rgb: 255, 255, 255;
    --bs-light-lighten-5: #ffffff;
    --bs-light-lighten-10: #ffffff;
    --bs-light-darken-5: #f2f2f2;
    --bs-light-darken-10: #e6e6e6;

    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color: #1d1d1f;
    --bs-body-color-rgb: 29, 29, 31;

    --bs-border-radius: 0.5rem;

    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: 92, 194, 210;
    --bs-link-hover-color: var(--bs-primary-darken-10);
    --bs-link-hover-color-rgb: 54, 177, 197;

    --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: Poppins, sans-serif;
        --bs-headings-font-weight: 700;
    

    
        --bs-body-font-family:  Montserrat, sans-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='%231d1d1f' 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='%231d1d1f'%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='%231d1d1f'%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='%231d1d1f' 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='%231d1d1f' 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='%231d1d1f'%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: #f17000!important;
}