.widget_shopping_cart .product-details .remove-product:before,
#header #mini-cart .product-details a {
	color: gray !important ;
}


#mini-cart span.woocommerce-Price-amount.amount {
	display: block !important;
	visibility: visible !important;
}

#header #mini-cart .minicart-icon {
    visibility: visible !important;
    color: #fff !important;
}
 
#header .header-main .header-row>div {
    gap: 0 !important;
}


#header .mobile-toggle i {
        visibility: visible !important;
    display: block !important;
    font-size: 20px
}
.mobile-toggle {
    padding: 0 !important;
    justify-content: end !important
}



.header-center *{
    width: 200px !important;
    max-width: 200px !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto;
}




.header-col.visible-for-sm.header-right {
	position: relative !important;
    flex-wrap: nowrap !important;
}



#header .my-account i.porto-icon-user-2 {
    display: block !important;
    visibility: visible !important;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    
.header-center * {
    width: 150px !important;
    max-width: 150px !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto;
}

    #header .header-right > *, #header .header-right > a {
        min-width: max-content !important;
    }

    .header-col.visible-for-sm.header-right {
        max-width: max-content !important;
        margin: 0 !important
    }
}

#header.sticky-header .header-main.change-logo .logo img {
    transform: scale(1) !important;
}


#mini-cart:not(.minicart-offcanvas) .buttons>a:first-child {
    display: block !important;
    background: black;
}
#header p.woocommerce-mini-cart__buttons.buttons a {
    transition: 0.25s linear;
}
#header p.woocommerce-mini-cart__buttons.buttons a:hover  {
    color: #fff !important;
    opacity: 0.6 !important;
}


#header #mini-cart .quantity *,
#header #mini-cart .total-count span, 
#header #mini-cart .woocommerce-mini-cart__total.total *,
.searchform .search-name{
    color: #000 !important;
    font-weight: 600 !important;
}

.header-col.header-left.hidden-for-sm {
    display: flex !important;
}



/* --- CWEB MENU STYLES --- */
:root {
    --nav-main-text: #fff;       
    --nav-sub-bg: #fff;          
    --nav-mobile-bg: #000;       
}

.cweb-nav-wrapper {
    background-color: transparent; 
    position: relative;
    z-index: 1000;
}

.cweb-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 20px;
}

/* --- მთავარი მენიუს სია --- */
.cweb-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.cweb-menu li {
    position: relative;
}

.cweb-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    color: var(--nav-main-text);
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

/* --- ისრების დიზაინი და ანიმაცია --- */
.cweb-menu .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 0.3s ease;
}

/* როცა ენიჭება კლასი is-open (JS-დან), ისარი ტრიალებს */
.cweb-menu .menu-item-has-children.is-open > a::after {
    transform: rotate(180deg);
}

/* --- პირველი დონის ქვემენიუ (Absolute) --- */
.cweb-menu > .menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--nav-sub-bg);
    min-width: 250px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* დამალულია სტანდარტულად */
    border-radius: 4px;
    overflow: hidden;
}

/* გაჩენა კლიკის დროს */
.cweb-menu .menu-item-has-children.is-open > .sub-menu {
    display: block;
}

/* --- მეორე+ დონის ქვემენიუ (Static - აკორდეონივით იშლება ქვემოთ) --- */
.cweb-menu .sub-menu .sub-menu {
    position: static; /* აღარ მიდის გვერდზე, რჩება შიგნით */
    box-shadow: none;
    background-color: #f7f7f7; /* ოდნავ განსხვავებული ფონი, რომ გაირჩეს */
    padding-left: 15px; /* შეწევა */
    display: none;
    border-top: 1px solid #eee;
}

/* --- ქვემენიუს ლინკების დიზაინი (შავი ფერი !important) --- */
.cweb-menu .sub-menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: #000000 !important; /* შავი ტექსტი */
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}

.cweb-menu .sub-menu li:last-child > a {
    border-bottom: none;
}

.cweb-menu .sub-menu a:hover {
    background-color: #eaeaea;
}

/* --- მობაილის ღილაკი (ჰამბურგერი) --- */
.cweb-menu-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
}

.cweb-menu-toggle .hamburger-line {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px 0;
    background-color: var(--nav-main-text);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* --- მობაილის რესპონსივი --- */
@media (max-width: 768px) {
    .cweb-menu-toggle { display: block; }

    .cweb-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: var(--nav-mobile-bg);
        flex-direction: column;
        align-items: flex-start;
        display: none;
    }

    .cweb-menu.is-active { display: flex; }

    .cweb-menu li {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    /* მობაილზე პირველი დონის მენიუც აკორდეონი ხდება */
    .cweb-menu > .menu-item-has-children > .sub-menu {
        position: static;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) { opacity: 0; }
    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}


/* --- მობაილის რესპონსივი --- */
@media (max-width: 768px) {
    #cweb-menu { min-width: 250px; }
    .cweb-menu-toggle { display: block; }

    .cweb-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: var(--nav-mobile-bg); /* შავი ფონი მთავარი მენიუსთვის */
        flex-direction: column;
        align-items: flex-start;
        display: none;
    }

    .cweb-menu.is-active { display: flex; }

    .cweb-menu > li {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1); /* გამყოფი ხაზები მთავარ მენიუზე */
    }

    /* 1. საბმენიუ და შიდა საბმენიუ - იდენტური სტილი (თეთრი ფონი) */
    .cweb-menu .sub-menu,
    .cweb-menu .sub-menu .sub-menu {
        position: static;
        width: 100%;
        background-color: #ffffff; /* ორივეზე თეთრი ფონი */
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        display: none; /* აკორდეონივით დამალულია */
    }

    /* კლიკზე გამოჩენა */
    .cweb-menu .menu-item-has-children.is-open > .sub-menu {
        display: block;
    }

    /* 2. სქროლი მხოლოდ მთავარ საბმენიუზე (50vh) */
    .cweb-menu > .menu-item-has-children > .sub-menu {
        max-height: 50vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; /* რბილი სქროლი მობაილზე */
    }

    /* შიდა საბმენიუს თავისი სქროლი არ უნდა, ის მშობლის სქროლში იშლება */
    .cweb-menu .sub-menu .sub-menu {
        max-height: none;
        overflow-y: visible;
    }

    /* 3. ლინკების იდენტური დიზაინი და შავი ფერი (!important) */
    .cweb-menu .sub-menu a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 20px;
        color: #000000 !important;
        border-bottom: 1px solid #eee;
        background-color: #ffffff;
        font-size: 15px;
    }
    .cweb-menu > li > a {
        justify-content: space-between;
    }

    /* 4. იერარქიის აღქმა - შიდა მენიუს ტექსტს ოდნავ მარჯვნივ ვწევთ */
    .cweb-menu > .menu-item-has-children > .sub-menu > li > a {
        padding-left: 20px;
    }
    
    .cweb-menu .sub-menu .sub-menu > li > a {
        padding-left: 35px; /* ეს უზრუნველყოფს, რომ მომხმარებელი მიხვდეს, ეს შიდა მენიუა */
        border-top: 1px solid #eee;
    }

    .cweb-menu .sub-menu li:last-child > a {
        border-bottom: none;
    }

    /* 5. სქროლბარის ვიზუალი (WebKit) */
    .cweb-menu .sub-menu::-webkit-scrollbar {
        width: 4px;
    }
    .cweb-menu .sub-menu::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    .cweb-menu .sub-menu::-webkit-scrollbar-thumb {
        background: #bbbbbb; 
        border-radius: 10px;
    }

    /* 6. ჰამბურგერის ანიმაცია */
    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) { opacity: 0; }
    .cweb-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}



#mini-cart .text-v-dark.pull-right {
    color: #000 !important;
}

/*.cart-icon {*/
/*    visibility: hidden;*/
/*}*/
/*.cart-head {*/
/*    position: relative !important;;*/
/*}*/
/*.cart-head:before {*/
/*    top: 0 !important;*/
/*    content: "\e87f" !important;*/
/*    font-family: "porto";*/
/*    font-size: 25px;*/
/*}*/




