/* ============================================================
   BLURCOM SHOP - STRUCTURAL ANCHOR FIX
   ============================================================ */

/* 1. CORE LAYOUT (Stop the "Full Page" stretch) */
body {
    background-color: #05040a !important;
}

header, .navbar {
    height: 80px !important;
    background: rgba(5, 4, 10, 0.9) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

/* 2. THE CONTENT PUSH (Moves the shop out from under the navbar) */
.aimeos {
    margin-top: 80px !important;
    background: radial-gradient(circle at 50% 30%, rgba(155, 77, 255, 0.15) 0%, #05040a 80%) !important;
    min-height: calc(100vh - 80px);
}

/* 3. FIXING THE BASKET & LOCALE STRETCH */
/* This forces the cart and language/currency to be small header items again */
.aimeos .basket-mini, 
.aimeos .catalog-filter-local, 
.aimeos .catalog-filter-language, 
.aimeos .catalog-filter-currency {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 10px !important;
    padding: 0 !important;
}

/* 4. SEARCH BOX CONSTRAINTS */
.aimeos .catalog-filter-search {
    flex: 0 1 300px !important; /* Limits width to 300px */
    height: auto !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

.aimeos .catalog-filter-search input {
    background: #111018 !important;
    border: 1px solid #333 !important;
    border-radius: 50px !important;
    color: #fff !important;
    height: 35px !important;
    width: 100% !important;
}

/* 5. VISIBILITY & COLORS (Ironclad) */
.aimeos, .aimeos div, .aimeos span, .aimeos p, .aimeos a, .aimeos li {
    color: #f5f5ff !important;
    background-color: transparent !important;
    border-color: transparent;
}

/* Pink/Purple Highlights */
.aimeos h1, .aimeos h2, .aimeos .name { color: #f527e4 !important; }
.aimeos .price, .aimeos .value { color: #00ffa3 !important; font-weight: bold; }

/* 6. ICON REPAIR */
.aimeos .bi-cart:before, .aimeos .bi-bag:before, .aimeos .basket-mini:before {
    content: "\f23f" !important;
    color: #f527e4 !important;
    font-family: "bootstrap-icons" !important;
    font-size: 1.2rem !important;
}

.navbar-nav .login > .nav-link::before, .navbar-nav .profile > .nav-link::before {
    content: "\f4e1" !important;
    color: #9b4dff !important;
    font-family: "bootstrap-icons" !important;
    font-size: 1.2rem !important;
}

/* 7. PRODUCT CARDS (Clean Glass) */
.aimeos .product-item, .aimeos .catalog-list-items .item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
}

/* 8. BUTTONS */
.aimeos .btn-primary {
    background: #f527e4 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
}