/**
 * FolkBeauty Webshop - Kosár Stílusok (v2.0)
 * Navigációs ikon, dropdown, kosár oldal.
 */

/* --- Navigációs Kosár Ikon --- */
.cart-icon-container {
    position: relative;
}
.cart-icon {
    font-size: 1.4rem; /* Kicsit nagyobb ikon */
    color: var(--szin-szoveg); /* Igazodjon a többi linkhez */
    cursor: pointer;
    transition: color var(--transition-fast), transform var(--transition-fast);
    position: relative; /* Badge pozicionálásához */
    display: inline-block; /* Megakadályozza a szöveg körbefolyását */
}
.cart-icon:hover, .cart-icon-link:hover .cart-icon {
    color: var(--piros);
    transform: scale(1.1);
}
.cart-badge {
    position: absolute;
    top: -5px; /* Finomhangolás */
    right: -10px;
    background-color: var(--piros);
    color: var(--feher);
    border-radius: 50%;
    width: 20px; /* Kicsit nagyobb */
    height: 20px;
    font-size: 0.7rem; /* Kisebb szám */
    font-weight: bold;
    display: inline-flex; /* Flexbox a központosításhoz */
    align-items: center;
    justify-content: center;
    line-height: 1; /* Pontos függőleges közép */
    border: 1px solid var(--feher); /* Kis keret */
}
body.dark-theme .cart-badge {
    border-color: var(--szin-kartya-hatter); /* Sötét háttérhez igazított keret */
}
.cart-icon-link {
     text-decoration: none; /* Link aláhúzás eltávolítása */
}

/* --- Kosár Dropdown (ha lenne) --- */
/* A jelenlegi tervben nincs dropdown, de a stílusok itt lehetnének */
/*
.cart-dropdown { ... }
.cart-items { ... }
.cart-item { ... }
.cart-item-image { ... }
.cart-item-details { ... }
.cart-item-title { ... }
.cart-item-price { ... }
.cart-summary { ... }
*/

/* --- Kosár Oldal --- */
.cart-section {
    /* Nincs szükség extra konténer stílusra */
}

.cart-table thead th {
    font-family: var(--font-secondary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--font-size-sm);
    letter-spacing: 0.5px;
    background-color: var(--szin-hover-hatter);
    border-bottom-width: 2px;
}
.cart-table tbody td {
    vertical-align: middle;
}
.cart-item-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    border: 1px solid var(--szin-keret);
}
.cart-item-title {
    font-weight: 600;
    color: var(--szin-szoveg);
    font-size: var(--font-size-base);
}
.cart-item-title:hover {
    color: var(--piros);
}
.remove-from-cart-btn {
    padding: var(--spacing-xs) var(--spacing-sm);
    line-height: 1;
    opacity: 0.7;
    transition: opacity var(--transition-fast), color var(--transition-fast);
}
.remove-from-cart-btn:hover {
    opacity: 1;
    color: var(--piros-dark) !important;
}

.cart-summary {
    background-color: var(--szin-hatter); /* Illeszkedjen az oldal hátteréhez */
    border: 1px solid var(--szin-keret);
    padding: var(--spacing-lg);
}
#cart-total-value {
     color: var(--piros);
}

/* --- Kosárba Helyezés Értesítés (Oldalsó) --- */
.cart-notification {
    position: fixed;
    bottom: var(--spacing-lg);
    right: var(--spacing-lg);
    background-color: var(--szin-kartya-hatter);
    color: var(--szin-kartya-szoveg);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    box-shadow: var(--shadow-lg);
    z-index: var(--z-index-notification);
    opacity: 0;
    transform: translateY(20px);
    transition: opacity var(--transition-normal), transform var(--transition-normal);
    min-width: 280px; /* Minimális szélesség */
    border-left: 5px solid var(--zold); /* Zöld sáv a siker jelzésére */
}
.cart-notification.show {
    opacity: 1;
    transform: translateY(0);
}
.cart-notification .alert { /* Belső alert stílus eltávolítása */
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: inherit;
}
.cart-notification .btn-close { /* Bezárás gomb stílusa */
     position: absolute;
     top: 0.5rem;
     right: 0.75rem;
}

/* Értesítés a termék oldalon (placeholder helyett) */
.cart-notification-product.alert {
    margin-top: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
}