/* Custom code goes here */


/* ========================================
   IDENTITÉ VISUELLE TEKOS - ROUGE #a71917
   ======================================== */
/* Declaration - Global Scope */
/*:root {*/
  /* --tekos-primary-color: #a71917;
  --bg-light-color: #ebebeb;*/

/*    --tekos-gray: #F5F5F5; */
/*    --tekos-red: #a71917;*/
/*    --tekos-red-dark: #8a1513;*/
/*    --tekos-red-light: #c91f1c;*/
/*    --tekos-black: #000000;*/
/*    --tekos-white: #FFFFFF;*/
/*    --tekos-bg-gray: #ebebeb;*/

/*}*/


/* === HEADER & NAVIGATION === */
    /* Top HEADER */
/*#header .header-nav{*/
/*        background: var(--tekos-bg-gray)  !important;*/
/*}*/
/*#header  .fa{*/
/*    color:var(--tekos-red) !important;  */
/*}*/

/*#contact-link .shop-phone a,*/
/*#contact-link .shop-phone strong {*/
/*    color:var(--tekos-red) !important;*/
/*}*/
/*#header .currency-selector .expand-more{*/
/*    color:var(--tekos-red) !important;*/
/*}*/
/*#header .account{*/
/*    color:var(--tekos-red) !important;*/
/*}*/
    /* End Top HEADER */

    /* Mid HEADER */

/*#header .cart_link{*/
/*    background-color:var(--tekos-red) !important;*/
/*}*/

/*#header #search_widget button {*/
/*    background-color:var(--tekos-red) !important;*/

/*}*/

/*#subcart .cart-buttons .viewcart,*/
/*#content-wrapper  .add-to-cart{*/
/*    background-color:var(--tekos-red) !important;*/
/*    border-color: var(--tekos-red) !important;*/
/*}*/
    /* End Mid HEADER */

    /* Bottom HEADER */
/*#_desktop_top_menu {*/
/*    background: var(--tekos-bg-gray)  !important;*/
/*}*/

/*#_desktop_top_menu a{*/
/*     color: var(--tekos-black) !important;*/
/*}*/


/*#_desktop_top_menu > ul > .category:hover .dropdown-item {*/
/*     background-color: transparent !important;*/
/*    color: var(--tekos-red)  !important;*/
/*}*/

/*#_desktop_top_menu a .icon-home{*/
/*     color: var(--tekos-red) !important;*/
/*}*/

/*#_desktop_top_menu {*/
/*     border: none !important;*/
/*}*/

/*#top-menu li{*/
/*     border: none !important;*/
/*}*/

    /* End Bottom HEADER */

/*.texture14 {*/
/*    background:none ;*/
/*}*/



/*#main .add-to-cart-or-refresh .add-to-cart{*/
/*    background-color:var(--tekos-red) !important;*/
/*    border: none !important;*/
/*}*/
/* ========================================
   MENU NAVIGATION - HOVER & ACTIVE STATES
   ======================================== */

/* === Style de base des items du menu === */
/*#_desktop_top_menu .top-menu > li > a {*/
/*    background-color: transparent !important;*/
/*    color: var(--tekos-black) !important;*/
/*    transition: all 0.3s ease !important;*/
/*}*/

/* === Effet HOVER uniquement sur l'élément survolé === */
/*#_desktop_top_menu .top-menu > li:hover > a {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === État ACTIVE sur la catégorie actuelle === */
/*#_desktop_top_menu .top-menu > li.current > a,*/
/*#_desktop_top_menu .top-menu > li.active > a {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Style des sous-menus (dropdown) === */
/*#_desktop_top_menu .popover.sub-menu {*/
/*    background-color: var(--tekos-white) !important;*/
/*    border: 1px solid var(--tekos-gray) !important;*/
/*}*/

/* === Items des sous-menus - Garder le noir par défaut === */
/*#_desktop_top_menu .popover.sub-menu .dropdown-item {*/
/*    background-color: transparent !important;*/
/*    color: var(--tekos-black) !important;*/
/*    transition: all 0.3s ease !important;*/
/*    padding: 8px 15px !important;*/
/*}*/

/* === Items des sous-menus - Hover uniquement sur l'élément survolé === */
/*#_desktop_top_menu .popover.sub-menu .dropdown-item:hover {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Items des sous-menus - État ACTIVE === */
/*#_desktop_top_menu .popover.sub-menu .dropdown-item.active,*/
/*#_desktop_top_menu .popover.sub-menu li.current .dropdown-item {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Sous-catégories niveau 2 et 3 - Garder noir === */
/*#_desktop_top_menu .dropdown-submenu > a {*/
/*    background-color: transparent !important;*/
/*    color: var(--tekos-black) !important;*/
/*    transition: all 0.3s ease !important;*/
/*}*/

/* === Sous-catégories - Hover uniquement sur élément survolé === */
/*#_desktop_top_menu .dropdown-submenu:hover > a {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Icône HOME - État normal en rouge === */
/*#_desktop_top_menu .home_icon .icon-home {*/
/*    color: var(--tekos-red) !important;*/
/*}*/

/* === Icône HOME - Hover === */
/*#_desktop_top_menu .home_icon:hover a {*/
/*    background-color: var(--tekos-red) !important;*/
/*}*/

/*#_desktop_top_menu .home_icon:hover .icon-home {*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Enlever le style de hover hérité === */
/*#_desktop_top_menu > ul > .category:hover .dropdown-item {*/
/*    background-color: transparent !important;*/
/*    color: var(--tekos-black) !important;*/
/*}*/

/* === Réappliquer le hover uniquement sur l'élément directement survolé === */
/*#_desktop_top_menu .dropdown-item:hover {*/
/*    background-color: var(--tekos-red) !important;*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Flèches des menus déroulants - Garder noir === */
/*#_desktop_top_menu .expand-more {*/
/*    color: var(--tekos-black) !important;*/
/*    transition: color 0.3s ease !important;*/
/*}*/

/* === Flèches - Blanc uniquement quand parent est survolé === */
/*#_desktop_top_menu li:hover > a .expand-more {*/
/*    color: var(--tekos-white) !important;*/
/*}*/

/* === Animation smooth === */
/*#_desktop_top_menu a,*/
/*#_desktop_top_menu .dropdown-item {*/
/*    transition: background-color 0.3s ease, color 0.3s ease !important;*/
/*}*/

/* === Scroll to top ====  */
/*#scroll_top{*/
/*    background-color: var(--tekos-red) !important;*/
/*}*/



/* === Left sidebar ==== */
/*.columns .text-uppercase span, .columns .text-uppercase a ,*/
/*#index .tabs ul.nav-tabs li.nav-item a.active, #index .tabs ul.nav-tabs li.nav-item a:hover, .index_title a, .index_title span,*/
/*.page-product-heading span,*/
/*#home_cat_product .catprod_title span,*/
/*#home_man .man_title span{*/
/*    border-color: var(--tekos-red) !important;*/

/*}*/
/* === Footer ==== */
/*.block_newsletter .btn-newsletter{*/
/*    background-color: var(--tekos-red) !important;*/
/*}*/
/*.footer-container .h3 span, .footer-container .h3 a, .footer-container .links .title span.h3, .footer-container .links .title a.h3{*/
/*    border-color: var(--tekos-red) !important;*/
/*}*/


/* ========================================
   Resise Logo 
   ======================================== */
#header .logo{
    margin-top: 20px  !important;
    height: 70px  !important;
}

/* === Carousel Icons === */

#carousel .carousel-control .material-icons:hover{
    color: #a71917 !important;
}

/* === État ACTIVE sur la catégorie actuelle === */
#_desktop_top_menu .top-menu > li.current > a,
#_desktop_top_menu .top-menu > li.active > a {
   background-color: #fff !important;
   color: #8a1513 !important;
}

/* ========================================
   BOUTON WHATSAPP FLOTTANT - ICÔNE SEULE
   ======================================== */

/* === Container du bouton === */
.asagiSabit.whatsappBlock {
    position: fixed !important;
    bottom: 70px !important;
    right: 20px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* === Lien WhatsApp - Masquer le texte === */
.whatsappBlock a {
        border-radius: 100px;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    /* background: #25D366 !important; /* Vert WhatsApp officiel */ */
    border-radius: 50% !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    font-size: 0 !important; /* MASQUER LE TEXTE */
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* === Image WhatsApp === */
.whatsappBlock a img {
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    /* filter: brightness(0) invert(1) !important; /* Icône blanche *// */
}

/* === Effet hover === */
.whatsappBlock a:hover {
    transform: scale(1.15) !important;
    box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6) !important;
}

/* === Animation de pulsation === */
@keyframes pulse-whatsapp {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.whatsappBlock a {
    animation: pulse-whatsapp 2s infinite !important;
}

/* === Responsive Mobile === */
@media (max-width: 768px) {
    .asagiSabit.whatsappBlock {
        bottom: 15px !important;
        right: 15px !important;
    }
    
    .whatsappBlock a {
        width: 60px !important;
        height: 60px !important;
    }
    
    .whatsappBlock a img {
        width: 32px !important;
        height: 32px !important;
    }
}

/* ========================================
   ICÔNES RÉSEAUX SOCIAUX - STYLE TEKOS UNIFIÉ
   ======================================== */

/* === Container et base === */
.block-social {
    text-align: center !important;
}

#block-social-label {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--tekos-black) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
}

.block-social ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
}

.block-social ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 45px !important;
    height: 45px !important;
    background: #a71917 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 10px rgba(167, 25, 23, 0.3) !important;
}



/* === Hover unifié === */
.block-social ul li.facebook a:hover,
.block-social ul li.instagram a:hover {
    background: #8a1513 !important;
    transform: scale(1.15) !important;
    box-shadow: 0 5px 20px rgba(167, 25, 23, 0.5) !important;
}