/* ==========================================================================
   Overrides — loaded after Bootstrap to win specificity
   Keep this file SMALL. Only put fixes for Bootstrap conflicts here.
   ========================================================================== */

/* Bootstrap 5 sets .container-xxl with --bs-gutter-x padding. Reset to ours. */
.container-xxl {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100%;
}
@media (min-width: 1400px) {
    .container-xxl { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Bootstrap body line-height/font conflict */
body {
    font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #1a1a1a;
    line-height: 1.6;
}

/* Magnific popup sign-in modal */
.zoom-anim-dialog {
    background: #fff;
    padding: 32px;
    max-width: 460px;
    margin: 40px auto;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);
    position: relative;
}
@media (max-width: 575.98px) {
    .zoom-anim-dialog { margin: 16px; padding: 24px 20px; border-radius: 12px; }
}

/* Bootstrap dropdown does not get our nav-menu styling — leave that alone */
.nav-menu .dropdown-menu { display: none; }

/* Cart count badge legacy class compat */
.cart_bt .cart-count {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    background: #ff6b35;
    color: #fff;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Force header layout — Bootstrap may inject flex utilities that conflict */
.main-header > .container-xxl {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
}
.topbar > .container-xxl {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}