/* Low Nation Cart Fix CSS */

/* 1. OVERFLOW & CLIPPING FIXES */
#wpadminbar { z-index: 9999999 !important; }
header.elementor-location-header, .elementor-location-header { z-index: 99999 !important; overflow: visible !important; }
.elementor-location-header .elementor-section, .elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap, .elementor-widget-woocommerce-menu-cart {
    overflow: visible !important; clip-path: none !important;
}
.elementor-location-header .marquee { overflow: hidden !important; }

/* 2. CART OVERLAY */
div.elementor-menu-cart__container {
    background-color: rgba(0, 0, 0, 0.75) !important;
    z-index: 9999999 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}
div.elementor-menu-cart__container.lownation-cart-open {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. CART MAIN PANEL */
html body div.elementor-menu-cart__main {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    background: #0c0c0c !important;
    background-color: #0c0c0c !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: -10px 0 40px rgba(0,0,0,0.9) !important;
    color: #f1f1f1 !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
    width: 380px !important; 
    max-width: 90vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important; 
    flex-direction: column !important; 
    padding: 30px 20px !important;
    transform: translateX(100%) !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 10000000 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
html body div.elementor-menu-cart__container.lownation-cart-open div.elementor-menu-cart__main {
    transform: translateX(0) !important;
}

/* Inner elements styling */
div.elementor-menu-cart__empty-message {
    color: #ffffff !important; font-size: 18px !important; margin-top: 50px !important; text-align: center !important; display: block !important;
    visibility: visible !important; opacity: 1 !important;
}

div.elementor-menu-cart__close-button {
    background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 50% !important;
    width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important;
    transition: all 0.3s ease !important; position: absolute !important; top: 25px !important; right: 25px !important; cursor: pointer !important; z-index: 999 !important;
}
div.elementor-menu-cart__close-button:hover { background: rgba(255, 255, 255, 0.2) !important; transform: rotate(90deg) scale(1.1) !important; }
div.elementor-menu-cart__close-button svg, div.elementor-menu-cart__close-button-custom svg { fill: #ffffff !important; width: 18px !important; height: 18px !important; opacity: 1 !important; }

div.elementor-menu-cart__header { margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
div.elementor-menu-cart__products { margin-top: 50px !important; max-height: calc(100vh - 280px) !important; padding-right: 8px !important; overflow-y: auto !important; }
div.elementor-menu-cart__products::-webkit-scrollbar { width: 5px; }
div.elementor-menu-cart__products::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 5px; }

div.elementor-menu-cart__product {
    background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; margin-bottom: 15px !important;
    padding: 15px !important; display: grid !important; grid-template-columns: 70px auto !important; gap: 15px !important; position: relative !important; transition: transform 0.2s ease, background 0.2s ease !important;
}
div.elementor-menu-cart__product:hover { background: rgba(255, 255, 255, 0.07) !important; transform: translateY(-2px) !important; }
div.elementor-menu-cart__product-image { width: 70px !important; height: 70px !important; background: rgba(0, 0, 0, 0.4) !important; border-radius: 8px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,0.05) !important; }
div.elementor-menu-cart__product-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.8 !important; }

div.elementor-menu-cart__product-name, div.elementor-menu-cart__product-price { padding-inline-start: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
div.elementor-menu-cart__product-name a { color: #ffffff !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.4 !important; text-decoration: none !important; }
div.elementor-menu-cart__product-price { color: #15aabf !important; font-weight: 700 !important; font-size: 16px !important; margin-top: 6px !important; }

div.elementor-menu-cart__product-remove { position: absolute !important; top: 15px !important; right: 15px !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: rgba(255, 71, 87, 0.15) !important; border: 1px solid rgba(255, 71, 87, 0.3) !important; cursor: pointer !important; overflow: hidden !important; }
div.elementor-menu-cart__product-remove a, div.elementor-menu-cart__product-remove svg { opacity: 0 !important; width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 10 !important; }
div.elementor-menu-cart__product-remove::before, div.elementor-menu-cart__product-remove::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; background: #ff4757 !important; pointer-events: none !important; }
div.elementor-menu-cart__product-remove::before { width: 12px !important; height: 2px !important; transform: translate(-50%, -50%) rotate(45deg) !important; }
div.elementor-menu-cart__product-remove::after { height: 12px !important; width: 2px !important; transform: translate(-50%, -50%) rotate(45deg) !important; }
div.elementor-menu-cart__product-remove:hover { background: #ff4757 !important; border-color: #ff4757 !important; }
div.elementor-menu-cart__product-remove:hover::before, div.elementor-menu-cart__product-remove:hover::after { background: #ffffff !important; }

div.elementor-menu-cart__subtotal { border-top: 1px solid rgba(255, 255, 255, 0.15) !important; border-bottom: none !important; padding-top: 25px !important; margin-top: 15px !important; font-size: 18px !important; color: #ffffff !important; font-weight: 600 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
div.elementor-menu-cart__subtotal strong { color: #cccccc !important; font-weight: 500 !important; font-size: 16px !important; }
div.elementor-menu-cart__subtotal span.woocommerce-Price-amount { color: #15aabf !important; font-size: 24px !important; font-weight: 800 !important; }

div.elementor-menu-cart__footer-buttons { gap: 15px !important; margin-top: 25px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; }
div.elementor-menu-cart__footer-buttons .elementor-button { border-radius: 50px !important; font-weight: 700 !important; font-size: 13px !important; padding: 16px 20px !important; width: 100% !important; text-align: center !important; border: none !important; }
div.elementor-button--view-cart { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; }
div.elementor-button--view-cart:hover { background: rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; }
div.elementor-button--checkout { background: linear-gradient(135deg, #15aabf, #0b7285) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(21, 170, 191, 0.4) !important; }
div.elementor-button--checkout:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(21, 170, 191, 0.6) !important; background: linear-gradient(135deg, #17bdd4, #0b7285) !important; }