/* ========================================================================
   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: "Barlow Condensed";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//skinplus.fr/cdn/fonts/barlow_condensed/barlowcondensed_n5.072b77fb616ddc73d27e3bd7c67a9b9950d45898.woff2?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=29e3c7dcb3830a7592ad84b7586e0c0c3346202db910272a6c4d594071ac27f6") format("woff2"),
       url("//skinplus.fr/cdn/fonts/barlow_condensed/barlowcondensed_n5.54957081b3836781965d8941415c92e4dee4a29b.woff?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=affca428b3a561f861d59ecdd10584ab57819a4f54a51a80a95c0fc2538b3c94") format("woff");
}




    @font-face {
  font-family: "Barlow Semi Condensed";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_n4.08986f000e280db515360498b94696747a1a4649.woff2?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=99b88d3ee721536f253dcefce5b6893e4f9b407ea4cb772e682bc7b8dd8b23c2") format("woff2"),
       url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_n4.3fa52d16ca97e6e9aed9d5fb27c283b4b09d423b.woff?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=4af410a9ca1530bd72894c08dabd79a9401a66c0089bafc315bd81857d68095b") format("woff");
}

    @font-face {
  font-family: "Barlow Semi Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_n7.bfd87af72ccd364a04fd3557ee4689706a53c60c.woff2?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=0497d44da5d72b93e5dc786b4d70863897739805c5a858c9d563cae4928c78fa") format("woff2"),
       url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_n7.5c12dcf28704e69b761b9a34dac2830dec61ae7e.woff?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=d2af01dd242cb221a9a00073092039742a4c3a9897d17cbd4891464a61de75a8") format("woff");
}

    @font-face {
  font-family: "Barlow Semi Condensed";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_i4.3b49224d67d2d9b711fbe3801013760eadae25ee.woff2?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=5488a16b4aab3a00bc78b8116597e223a4e44077bd1d2c8b35ffce0357e749a5") format("woff2"),
       url("//skinplus.fr/cdn/fonts/barlow_semi_condensed/barlowsemicondensed_i4.500c9ce2085f46694416016119f1a33eda312cac.woff?h1=ajNraWl4LTN0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=c2tpbnBsdXMuZnI&h3=YWNjb3VudC5za2lucGx1cy5mcg&hmac=8c5c3deea34800f64cc6447c0eb3b8f8dd221be0fbc0be8b111c70d0b7833284") format("woff");
}



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

:root {
    --bs-primary: #000000;
    --bs-primary-rgb: 0, 0, 0;
    --bs-primary-lighten-5: #0d0d0d;
    --bs-primary-lighten-10: #0d0d0d;
    --bs-primary-darken-5: #000000;
    --bs-primary-darken-10: #000000;

    --bs-secondary: #808080;
    --bs-secondary-rgb: 128, 128, 128;
    --bs-secondary-lighten-5: #8d8d8d;
    --bs-secondary-lighten-10: #9a9a9a;
    --bs-secondary-darken-5: #737373;
    --bs-secondary-darken-10: #676767;

    --bs-tertiary: #c99700;
    --bs-tertiary-rgb: 201, 151, 0;
    --bs-tertiary-lighten-5: #e3aa00;
    --bs-tertiary-lighten-10: #fcbd00;
    --bs-tertiary-darken-5: #b08400;
    --bs-tertiary-darken-10: #967100;

    --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: #efefef;
    --bs-light-rgb: 239, 239, 239;
    --bs-light-lighten-5: #fcfcfc;
    --bs-light-lighten-10: #ffffff;
    --bs-light-darken-5: #e2e2e2;
    --bs-light-darken-10: #d5d5d5;

    --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: 1rem;

    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: 0, 0, 0;
    --bs-link-hover-color: var(--bs-primary-darken-10);
    --bs-link-hover-color-rgb: 0, 0, 0;

    --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: "Barlow Condensed", sans-serif;
        --bs-headings-font-weight: 500;
    

    
        --bs-body-font-family:  "Barlow Semi Condensed", 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: #198754!important;
}