/* css/custom-floating-cart.css */

/* Floating Cart Container & Bubble */
#cfc-floating-cart-container {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1001; /* Užtikrinti, kad būtų virš kitų elementų */
}

a#cfc-floating-cart-toggle.cfc-floating-cart-bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px; /* Burbuliuko dydis */
    height: 60px;
    background-color: #f45c2a; /* Jūsų temos spalva arba norima spalva */
    color: white;
    border-radius: 50%; /* Padaro jį apvalų */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-decoration: none;
    cursor: pointer;
    position: relative; /* Svarbu prekių skaičiui pozicionuoti */
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

a#cfc-floating-cart-toggle.cfc-floating-cart-bubble:hover {
    transform: translateY(-3px) scale(1.05); /* Šiek tiek pakyla ir padidėja užvedus pelę */
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

a#cfc-floating-cart-toggle.cfc-floating-cart-bubble svg.cfc-cart-icon {
    width: 28px; /* Krepšelio ikonos dydis burbuliuke */
    height: 28px;
    fill: currentColor;
}

/* Prekių skaičiaus burbuliukas ant pagrindinio burbuliuko */
/* Naudojame tą pačią klasę .cart-contents-count, kad AJAX fragmentai veiktų */
#cfc-floating-cart-toggle .cart-contents-count {
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 0.75em;
    line-height: 1.3;
    position: absolute;
    top: -5px;       /* Pozicija viršuje dešinėje */
    right: -5px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
#cfc-floating-cart-toggle .cart-contents-count:empty {
    display: none; /* Slėpti, jei tuščias */
}


/* Krepšelio Dropdown (dabar atsidaro virš burbuliuko) */
#cfc-floating-mini-cart-dropdown.custom-mini-cart-dropdown {
    position: absolute;
    bottom: calc(100% + 12px); /* 100% burbuliuko aukščio + 12px tarpas */
    right: 0; /* Lygiuoti su burbuliuko dešiniu kraštu */
    /* Jei norite, kad būtų šiek tiek į kairę nuo burbuliuko krašto: */
    /* right: -10px; */
    z-index: 1000; /* Žemiau nei pats burbuliukas, jei jis turi aukštesnį z-index */
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    width: 320px; 
    max-height: 450px; 
    overflow-y: auto;
    padding: 15px;
    border-radius: 6px; /* Šiek tiek suapvalinti kampai */
    /* Paslėpti pagal nutylėjimą, JS valdys rodymą/slėpimą */
    /* display: none; jau yra inline style PHP kode */
}

/* Likusios .custom-mini-cart-dropdown taisyklės iš JŪSŲ CSS failo lieka galioti,
   nes jos aprašo vidinį turinį, kuris iš esmės nesikeičia.
   Įsitikinkite, kad nukopijavote jas čia arba kad jos įkeliamos.
   Pvz.: */

.custom-mini-cart-dropdown .widget_shopping_cart_content {
    /* Jūsų stiliai */
}

.custom-mini-cart-content-wrapper.loading {
    opacity: 0.5;
    pointer-events: none; 
}

/* Mini krepšelio elementai (paliekame .cmc- klases viduje, kaip buvo generuojama HTML) */
/* ... VISI JŪSŲ .cmc-item-image, .cmc-item-details, .cmc-qty-btn ir t.t. STILIAI ... */
/* Nukopijuokite juos čia iš savo originalaus CSS failo */
.custom-mini-cart-dropdown ul.woocommerce-mini-cart {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-mini-cart-dropdown .woocommerce-mini-cart-item {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}
.custom-mini-cart-dropdown .woocommerce-mini-cart-item:last-child {
    border-bottom: none;
}

.custom-mini-cart-dropdown .cmc-item-image {
    margin-right: 10px;
}
.custom-mini-cart-dropdown .cmc-item-image img {
    width: 60px;
    height: auto;
    border: 1px solid #eee;
}

.custom-mini-cart-dropdown .cmc-item-details {
    flex-grow: 1;
}
.custom-mini-cart-dropdown .cmc-item-name a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.custom-mini-cart-dropdown .cmc-item-name a:hover {
    color: #0073aa;
}

.custom-mini-cart-dropdown .cmc-item-quantity {
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.custom-mini-cart-dropdown .cmc-qty-btn {
    background-color: #fff;
    border: 1px solid #fff;
    color: #555;
    cursor: pointer;
    padding: 2px 8px;
    font-size: 1em;
    line-height: 1.2;
}
.custom-mini-cart-dropdown .cmc-qty-btn:hover {
    background-color: #fff;
}
.custom-mini-cart-dropdown .cmc-qty-input {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 3px;
    padding: 3px;
    -moz-appearance: textfield; /* Firefox */
}
.custom-mini-cart-dropdown .cmc-qty-input::-webkit-outer-spin-button,
.custom-mini-cart-dropdown .cmc-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
    margin: 0;
}


.custom-mini-cart-dropdown .cmc-item-price .quantity {
    display: block; /* Kad būtų naujoje eilutėje arba kontroliuoti su flex */
    font-size: 0.9em;
    color: #777;
}

.custom-mini-cart-dropdown .remove_from_cart_button.cmc-remove-item {
    position: absolute;
    top: 10px; /* Arba centruoti vertikaliai */
    right: 0;
    color: #cc0000 !important; /* Svarbu perrašyti temos stilius */
    text-decoration: none !important;
    line-height: 1;
    font-size: 20px;
}
.custom-mini-cart-dropdown .remove_from_cart_button.cmc-remove-item:hover {
    color: #ff0000 !important;
}

/* Suma ir mygtukai */
.custom-mini-cart-dropdown .woocommerce-mini-cart__total {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    font-weight: bold;
    text-align: right;
}
.custom-mini-cart-dropdown .woocommerce-mini-cart__buttons .button {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    padding: 10px;
}
.custom-mini-cart-dropdown .woocommerce-mini-cart__buttons .button:last-child {
    margin-bottom: 0;
}

.woocommerce-mini-cart__empty-message {
    text-align: center;
    padding: 20px 0;
    color: #777;
}

button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"]
 {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0);

 }
 a.remove::before {
 border: 1px solid #2f3c4f00 !important;
 }
.custom-mini-cart-dropdown .remove_from_cart_button:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}