/* Regular */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Italic */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Bold Italic */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritBoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Semi-Bold */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Semi-Bold Italic */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritSemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Extra-Light */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Extra-Light Italic */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

/* Light */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Light Italic */
@font-face {
    font-family: 'AdorNoirrit';
    src: url('/public/fonts/LiAdorNoirrit/LiAdorNoirritLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Apply font to the entire page */
body,h1,h2,h3,h4,h5,h6,span {
    font-family: 'AdorNoirrit', sans-serif;
}
.owl-nav {
    display: none;
}
.whatsapp-float {
    position: fixed;
    bottom: 20px; /* Adjust vertical position */
    left: 20px; /* Adjust horizontal position */
    z-index: 1000;
    background-color: #25D366; /* WhatsApp brand color - keep as-is */
    color: var(--theme-text-white);
    border-radius: 50%;
    padding: 15px;
    font-size: 24px; /* Icon size */
    box-shadow: 2px 2px 5px var(--theme-shadow-dark);
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-float:hover {
    color: white;
    box-shadow: 2px 2px 8px var(--theme-shadow-dark);
}
/* Hide the .whatsapp-float element on mobile devices */
@media (max-width: 768px) {
    .whatsapp-float {
        display: none;
    }
}
.stock-out-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    background-color: var(--theme-bg-white);
    color: var(--theme-text-primary);
    font-size: 1em;
    opacity:0.8;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
}
/* Facebook icon */
.social_list .fa-facebook-f {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #3b5998;

}

.social_list .fa-facebook-f:hover {
    background-color: #2d4373;  /* Darker Facebook blue on hover */
}

/* Twitter icon */
.social_list .fa-twitter {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #1da1f2;  /* Twitter blue */
}

.social_list .fa-twitter:hover {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #0c85d0;  /* Darker Twitter blue on hover */
}

/* Instagram icon */
.social_list .fa-instagram {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #e4405f;  /* Instagram pink */
}

.social_list .fa-instagram:hover {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #bc2a8d;  /* Darker Instagram purple-pink on hover */
}

/* LinkedIn icon */
.social_list .fa-linkedin {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #0077b5;  /* LinkedIn blue */
}

.social_list .fa-linkedin:hover {
    background-color: #005983;  /* Darker LinkedIn blue on hover */
}

/* WhatsApp icon */
.social_list .fa-whatsapp {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #25d366;  /* WhatsApp green */
}

.social_list .fa-whatsapp:hover {
    background-color: #128c7e;  /* Darker WhatsApp green on hover */
}

/* YouTube icon */
.social_list .fa-youtube {
    padding:5px 8px;
    color: var(--theme-text-white);
    background-color: #ff0000;  /* YouTube red */
}

.social_list .fa-youtube:hover {
    background-color: #cc0000;  /* Darker YouTube red on hover */
}