@import "./product.css";
@import "./navbarMenue.css";
@import "./footer.css";
@import "./header.css";
@import "./practSeller.css";
@import "./form.css";
@import "./home.css";
@import "./typography.css";
@import "./custom-ambjolisearch.css";

/* huge-icons */
@import url("https://cdn.hugeicons.com/font/hgi-stroke-rounded.css");

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Fonts : Manrope, Rubik, Barlow, Barlow condensed, Spinnaker, Permanent marker, Poppins, fredoka, Sofia Sans, Numans  */

/* fonts adobe */ 

@import url("https://use.typekit.net/lez3jle.css");

@import url("https://use.typekit.net/kuf1bwc.css");

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@200..800&family=Playball&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Spinnaker&display=swap');

/* font Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* proxima nova font adobe */
@import url("https://use.typekit.net/uio5rxc.css");

/* Inter, Lexend, Open Sans, Playball */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playball&display=swap');

/* General custom Styles */
.proxima-font, .proxima-nova, .nova, .proxima {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* font-google */
.manrope-font, .manrope {
    font-family: 'Manrope', sans-serif;
}

.inter-font, .inter {
    font-family: 'Inter', sans-serif;
}

.lexend-font, .lexend {
    font-family: 'Lexend', sans-serif;
}

.open-sans-font, .open-sans {
    font-family: 'Open Sans', sans-serif;
}

.playball-font, .playball {
    font-family: 'Playball', cursive;
}



.Barlow-condensed,
.Barlow,
.barlow {
    font-family: 'Barlow Condensed', sans-serif;
}

.noto-font-regular {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
}

.noto-font-bold {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
}

.noto-font-italic {
    font-family: 'Noto Serif', serif;
    font-style: italic;
}

.noto-font-italic-bold {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    font-style: italic;
}

.noto-font-light {
    font-family: 'Noto Serif', serif;
    font-weight: 300;
}

.noto-font-thin {
    font-family: 'Noto Serif', serif;
    font-weight: 100;
}

.noto-font-black {
    font-family: 'Noto Serif', serif;
    font-weight: 900;
}

.noto-font-extrabold {
    font-family: 'Noto Serif', serif;
    font-weight: 800;
}

.noto-font-medium {
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}

.noto-font-semibold {
    font-family: 'Noto Serif', serif;
    font-weight: 600;
}

.playfair-font-regular {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.playfair-font-bold {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

.playfair-font-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

.playfair-font-italic-bold {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
}

.playfair-font-light {
    font-family: 'Playfair Display', serif;
    font-weight: 300;
}

.playfair-font-thin {
    font-family: 'Playfair Display', serif;
    font-weight: 100;
}

.playfair-font-black {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
}

.playfair-font-extrabold {
    font-family: 'Playfair Display', serif;
    font-weight: 800;
}

.playfair-font-medium {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
}

.playfair-font-semibold {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

/* font-size */
.text-md {
    font-size: 0.875rem;
}

.text-lg {
    font-size: 1.125rem;
}

.text-sm {
    font-size: 0.75rem;
}

.text-base {
    font-size: 1rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-xxl {
    font-size: 3rem;
}

.text-xxxl {
    font-size: 6rem;
}

.text-xl {
    font-size: 1.5rem;
}

.text-2xl {
    font-size: 1.75rem;
}

.text-3xl {
    font-size: 2rem;
}

.text-4xl {
    font-size: 2.25rem;
}

.text-5xl {
    font-size: 2.5rem;
}

.text-6xl {
    font-size: 2.75rem;
}

.text-7xl {
    font-size: 3rem;
}

.text-8xl {
    font-size: 3.25rem;
}

.text-9xl {
    font-size: 3.5rem;
}

.text-10xl {
    font-size: 3.75rem;
}

.text-11xl {
    font-size: 4rem;
}

.text-12xl {
    font-size: 4.25rem;
}

.text-13xl {
    font-size: 4.5rem;
}

.text-14xl {
    font-size: 4.75rem;
}

.text-15xl {
    font-size: 5rem;
}

.text-16xl {
    font-size: 5.25rem;
}

.text-17xl {
    font-size: 5.5rem;
}

.text-18xl {
    font-size: 5.75rem;
}

.text-19xl {
    font-size: 6rem;
}

.text-20xl {
    font-size: 6.25rem;
}

/* paddings */
.p-0 {
    padding: 0;
}

.p-s1 {
    padding: 0.125rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 1rem;
}

.p-4 {
    padding: 1.5rem;
}

.p-5 {
    padding: 3rem;
}

.p-6 {
    padding: 4rem;
}

.p-7 {
    padding: 5rem;
}

.p-8 {
    padding: 6rem;
}

.p-9 {
    padding: 7rem;
}

.p-10 {
    padding: 8rem;
}

/* paddings laterale et profile */
.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
}

.px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
}

.px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
}

/* paddings verticale */
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/* margin */
.m-0 {
    margin: 0;
}

.m-1 {
    margin: 0.25rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-3 {
    margin: 1rem;
}

.m-4 {
    margin: 1.5rem;
}

.m-5 {
    margin: 3rem;
}

.m-6 {
    margin: 4rem;
}

.m-7 {
    margin: 5rem;
}

.m-8 {
    margin: 6rem;
}

.m-9 {
    margin: 7rem;
}

.m-10 {
    margin: 8rem;
}

/* margin laterale et profile */
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
}

.mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
}

.mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
}

/* margin verticale */
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
}


.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-baseline {
    align-items: baseline;
}

.align-stretch {
    align-items: stretch;
}

.align-self-auto {
    align-self: auto;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: flex-end;
}

.align-self-center {
    align-self: center;
}

.align-self-baseline {
    align-self: baseline;
}

.btn {
    border-radius: 10px;
}

.btn-primary,
.btn-secondary {
    background-color: #111827;
    color: var(--color-texte-btn);
    border: 1px solid #1A1A1A;
}

.btn-primary:hover,
.btn-secondary:hover {
    background-color: #3a3a3a;
    color: var(--color-texte-btn);
}




/* Action and Share Buttons */
.add_button_actions.mb-1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    gap: 1rem;
}

.social-sharing .dropdown-menu {
    min-width: auto;
}

.product-info-header div.add_button_actions.mb-1 div.social-sharing {
    margin: 0;
}

#tooltip-share-icons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}



/* conteneur du miniatures responsive */
@media screen and (max-width: 1457px) {

    section#content.page-content div.images-container.js-images-container div.js-qv-mask.mask ul.product-images.js-qv-product-images {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }
}

/* password forgotten page */
.forgotten-password .form-fields .center-email-fields label.form-control-label {
    white-space: nowrap;

}

.payment-options .payment-option label {
    font-size: 1rem;
}

#_desktop_cart .blockcart.cart-preview.active {
    font-size: 2rem;
    display: flex;
    align-items: flex-start;
}

#_desktop_user_info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 2rem;
}

#_desktop_cart .blockcart.cart-preview.active {
    font-size: 2rem;
    display: flex;
    align-items: flex-start;

}