/**
 * Desktop Search Bar Fixes
 * Fixes:
 * 1. White line above "What" text (pseudo-element removal)
 * 2. Uneven top edge of search bar (consistent heights)
 * 3. Location icon vertical alignment with "Where" text
 */

/* ============================================
   DESKTOP ONLY (min-width: 769px)
   ============================================ */

@media (min-width: 769px) {

    /* FIX 1: Remove white lines / pseudo-elements above labels */
    .lp-search-bar-header .input-group-addon::before,
    .lp-search-bar-header .input-group-addon::after,
    .lp-search-bar-header .lp-border::before,
    .lp-search-bar-header .lp-border::after,
    .lp-search-bar-header .input-group-addon.lp-border::before,
    .lp-search-bar-header .input-group-addon.lp-border::after {
        display: none !important;
        content: none !important;
        border: none !important;
        background: none !important;
    }

    /* FIX 2: Consistent heights for "What" and "Where" sections */
    .lp-search-bar-header .input-group-addon,
    .lp-search-bar-header .input-group-addon.lp-border,
    .lp-search-bar-header .input-group-addon.lp-where {
        height: 44px !important;
        line-height: 44px !important;
        min-height: 44px !important;
    }

    /* FIX 3: Ensure both sections align to same top position */
    .lp-search-bar-header .form-group {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }

    /* FIX 4: Icon vertical alignment in "Where" section */
    .lp-search-bar-header .lp-where i,
    .lp-search-bar-header .lp-where .fa,
    .lp-search-bar-header .lp-where [class*="fa-"],
    .lp-search-bar-header .input-group-addon.lp-where i {
        vertical-align: middle !important;
        line-height: 44px !important;
        height: 44px !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* FIX 5: Ensure input fields have consistent heights */
    .lp-search-bar-header input.lp-search-input,
    .lp-search-bar-header input.form-control {
        height: 44px !important;
        line-height: 44px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    /* FIX 6: Remove any top borders that create white lines */
    .lp-search-bar-header *,
    .lp-search-bar-header .form-group *,
    .lp-search-bar-header .input-group * {
        border-top-color: transparent !important;
    }

    /* FIX 7: Ensure search bar container has straight top edge */
    .lp-search-bar-header {
        display: flex !important;
        align-items: center !important;
    }

    .lp-search-bar-header .form-inline {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* FIX 8: Override any parent theme pseudo-elements */
    body .lp-search-bar-header .input-group-addon:before,
    body .lp-search-bar-header .input-group-addon:after,
    body:not(.home) .lp-search-bar-header .input-group-addon:before,
    body:not(.home) .lp-search-bar-header .input-group-addon:after {
        display: none !important;
        content: none !important;
    }

    /* FIX 9: Remove box-shadow that might create lines */
    .lp-search-bar-header .input-group-addon,
    .lp-search-bar-header .input-group-addon * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* FIX 10: Ensure labels are properly positioned */
    .lp-search-bar-header .input-group-addon {
        position: absolute !important;
        left: 15px !important;
        top: 0 !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
    }

    /* FIX 11: Location icon (crosshair) vertical alignment */
    /* The crosshair icon is a ::before pseudo-element on .ui-widget.border-dropdown */
    .lp-search-bar-header .ui-widget.border-dropdown,
    .lp-search-bar-header .lp-location-search .ui-widget.border-dropdown {
        display: inline-flex !important;
        align-items: center !important;
        height: 44px !important;
        line-height: 44px !important;
        vertical-align: middle !important;
    }

    /* Ensure the crosshair icon pseudo-element is vertically centered */
    .lp-search-bar-header .ui-widget.border-dropdown::before,
    .lp-search-bar-header .lp-location-search .ui-widget.border-dropdown::before {
        vertical-align: middle !important;
        line-height: 44px !important;
        height: 16px !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
        align-self: center !important;
    }

    /* Ensure the chosen dropdown container is also vertically centered */
    .lp-search-bar-header .chosen-container {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }
}