/* ========================================
   MODERNÍ ANIMACE PRO E-SHOP
   Minimalistický styl jako Alza, Mall.cz
   ======================================== */

/* ========== MENU TOGGLE - CHEVRON ICON ========== */

.nav-item.menu-toggle {
    position: relative;
    cursor: pointer;
    transition: background 0.2s ease;
    padding-right: 35px !important;
}

.nav-item.menu-toggle:hover {
    background: rgba(0,0,0,0.3) !important;
}

/* Modern chevron (^) made from borders - small and subtle */
.nav-item.menu-toggle::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid white;
    border-bottom: 1.5px solid white;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
    opacity: 0.8;
}

.nav-item.menu-toggle.active::after {
    transform: translateY(-20%) rotate(-135deg);
}

/* ========== DROPDOWN MENU - FADE + SLIDE ========== */

.dropdown-menu {
    opacity: 0 !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    border-radius: 0 0 8px 8px !important;
}

.dropdown-menu.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ========== DROPDOWN ITEMS - SIMPLE HOVER ========== */

.dropdown-item {
    transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease !important;
}

.dropdown-item:hover {
    background: #f8f6f4 !important;
    color: #C4A574 !important;
    padding-left: 24px !important;
}

.dropdown-item.has-subcategories::after {
    opacity: 0.4 !important;
    transition: opacity 0.2s ease !important;
}

.dropdown-item.has-subcategories:hover::after {
    opacity: 0.8 !important;
}

/* ========== PRODUCT CARDS - SUBTLE LIFT ========== */

.product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.1) !important;
}

/* Image zoom on hover */
.product-image {
    overflow: hidden !important;
}

.product-card:hover .product-image img {
    transform: scale(1.05) !important;
    transition: transform 0.3s ease !important;
}

.product-image img {
    transition: transform 0.3s ease !important;
}

/* ========== BUTTONS - CLEAN HOVER ========== */

.btn-add-cart,
.btn-buy {
    transition: background 0.2s ease, transform 0.1s ease !important;
}

.btn-add-cart:hover,
.btn-buy:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.btn-add-cart:active,
.btn-buy:active {
    transform: translateY(0) !important;
}

/* ========== CATEGORY BUTTONS ========== */

.category-btn {
    transition: background 0.2s ease, color 0.2s ease !important;
}

.category-btn:hover {
    background: #C4A574 !important;
    color: white !important;
}

.category-btn.active {
    background: #C4A574 !important;
    color: white !important;
}