/* Theme-override of iqitwishlist's front.css for the `evenimente` (shop 2) theme.
 *
 * Mobile-header layout: with 5 icon-only buttons (search + account + wishlist + cart + menu)
 * added to `.mobile-main-bar .row-mobile-header`, we want:
 *   - Logo takes up as much horizontal space as possible (fills the left).
 *   - All 5 buttons cluster on the right, on the SAME row as the logo (no wrap).
 *
 * The default `.col-mobile-logo` uses Bootstrap `.col` = `flex: 1 0 0%; min-width: auto`.
 * Because the shop logo image has intrinsic width ~248px, `min-width: auto` inherits that
 * as the flex-basis minimum, so the col refuses to shrink and pushes the 6th button off
 * onto a second line at phone widths.
 *
 * Fix (mobile only): `min-width: 0` on the col + `max-width: 100%` on the img allows the
 * flex-grow logo to fill all remaining space AFTER the col-auto buttons claim theirs, and
 * the image inside shrinks to fit. Buttons sit flush against the right edge because they
 * are `col-auto` and come after the flex-grow logo in DOM order.
 *
 * Reverts automatically when iqitwishlist is uninstalled — this stylesheet stops being
 * registered by hookHeader() and the wide-logo default returns (with only 4 buttons, it
 * fits again).
 */

@media (max-width: 480px) {
    #mobile-header .col-mobile-logo {
        min-width: 0;
    }
    #mobile-header .col-mobile-logo img.logo {
        max-width: 100%;
        height: auto;
    }
}

/* Preserve the module's original rules — copied verbatim from
 * modules/iqitwishlist/views/css/front.css so the theme override doesn't lose them. */

#iqitwishlist-modal {
    text-align: center;
}
#iqitwishlist-modal .forgot-password {
    margin-bottom: 1rem;
}

#iqitwishlist-user-products .iqitwishlist-product ._name {
    padding: 0;
}

.btn-iqitwishlist-add .added {
    display: none;
}

.btn-iqitwishlist-add.iqitwishlist-added .added {
    display: inline-block;
}

.btn-iqitwishlist-add.iqitwishlist-added .not-added {
    display: none;
}