/*
 * EnFavori Home Search
 * --------------------
 * Masaustu/tablet yatay yerlesimi + mobil canonical arama geometrisi.
 * Mobilde tek kolon kullanilir; header ve hero bu dosyanin kapsami disindadir.
 */

/* Şu An Neredeyim artık arama panelinin içindedir; eski ayrı blok görünmez. */
.hm-home-page .ef-location-discovery-final {
    display: none !important;
}

@media (min-width: 768px) {
    .hm-home-page .ef-home-search {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        min-height: 0;
        height: auto;
        margin: 0 0 10px;
        padding: 16px 18px;
        overflow: visible;
        color: #fff;
        background: #10263d;
        border: 1px solid #20394f;
        border-radius: 14px;
        box-shadow: none;
    }

    .hm-home-page .ef-home-search-shell,
    .hm-home-page .ef-home-search-layout,
    .hm-home-page .ef-home-search-main {
        position: static;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .hm-home-page .ef-home-search-layout {
        display: grid;
        grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
        align-items: center;
        gap: 22px;
    }

    .hm-home-page .ef-home-search-copy {
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .hm-home-page .ef-home-search-title {
        margin: 0;
        color: #fff;
        font-size: clamp(22px, 1.8vw, 27px);
        font-weight: 850;
        line-height: 1.08;
        letter-spacing: -.025em;
        text-shadow: none;
    }

    .hm-home-page .ef-home-search-title strong {
        color: #63d8cf;
        font-weight: 850;
    }

    .hm-home-page .ef-home-search-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        min-width: 0;
        margin: 0 0 9px;
    }

    .hm-home-page .ef-home-guide-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        margin: 0;
        padding: 0;
        color: rgba(255, 255, 255, .88);
        background: transparent;
        border: 0;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
        text-align: left;
    }

    .hm-home-page .ef-home-guide-label i {
        color: #63d8cf;
        font-size: 12px;
    }

    .hm-home-page .ef-home-location-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        flex: 0 0 auto;
        min-height: 30px;
        padding: 5px 10px;
        color: #ffffff;
        background: rgba(99, 216, 207, .10);
        border: 1px solid rgba(99, 216, 207, .34);
        border-radius: 999px;
        font-size: 11px;
        font-weight: 850;
        line-height: 1;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .hm-home-page .ef-home-location-action > i:first-child {
        color: #63d8cf;
        font-size: 12px;
    }

    .hm-home-page .ef-home-location-action small {
        color: rgba(255, 255, 255, .66);
        font-size: 10px;
        font-weight: 700;
    }

    .hm-home-page .ef-home-location-action-arrow {
        color: #63d8cf;
        font-size: 9px;
    }

    .hm-home-page .ef-home-location-action:hover,
    .hm-home-page .ef-home-location-action:focus-visible {
        color: #ffffff;
        background: rgba(99, 216, 207, .18);
        border-color: rgba(99, 216, 207, .58);
        outline: none;
    }

    .hm-home-page .ef-home-guide-form {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        gap: 8px;
        width: 100%;
        margin: 0;
    }

    .hm-home-page .ef-home-guide-select-wrap {
        position: relative;
        min-width: 0;
        margin: 0;
    }

    .hm-home-page .ef-home-guide-select-wrap > i {
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 2;
        color: #3fa89f;
        font-size: 13px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .hm-home-page .ef-home-guide-select-wrap::after {
        content: '\f078';
        position: absolute;
        top: 50%;
        right: 12px;
        color: #7a8794;
        font-family: 'Font Awesome 6 Free';
        font-size: 8px;
        font-weight: 900;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .hm-home-page .ef-home-guide-select {
        appearance: none;
        width: 100%;
        height: 48px;
        margin: 0;
        padding: 0 32px 0 39px;
        color: #172033;
        background: #fff;
        border: 1px solid #dfe5ea;
        border-radius: 10px;
        box-shadow: none;
        font-family: inherit;
        font-size: 12px;
        font-weight: 750;
        outline: none;
    }

    .hm-home-page .ef-home-guide-select:disabled {
        color: #98a3ad;
        background: #f1f4f6;
    }

    .hm-home-page .ef-home-guide-submit {
        min-width: 96px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 0 15px;
        color: #07343a;
        background: #27c9bc;
        border: 0;
        border-radius: 10px;
        box-shadow: none;
        font-family: inherit;
        font-size: 12px;
        font-weight: 850;
        cursor: pointer;
    }
}

/*
 * Mobil canonical arama.
 * Blade doğrudan .ef-home-search üretir. Şehir, ilçe, kategori ve konum
 * aksiyonu aynı keşif panelinde tek kolon olarak gösterilir.
 */
@media (max-width: 767.98px) {
    html body #main-content .hm-home-page .ef-home-search {
        position: relative !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 10px 0 !important;
        padding: 14px !important;
        overflow: hidden !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #10263d 0%, #14314a 100%) !important;
        border: 1px solid #24425a !important;
        border-top: 2px solid #27c9bc !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    html body #main-content .hm-home-page .ef-home-search::before,
    html body #main-content .hm-home-page .ef-home-search::after {
        display: none !important;
        content: none !important;
    }

    html body #main-content .hm-home-page .ef-home-search-shell,
    html body #main-content .hm-home-page .ef-home-search-layout,
    html body #main-content .hm-home-page .ef-home-search-main {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #main-content .hm-home-page .ef-home-search-layout {
        display: block !important;
    }

    html body #main-content .hm-home-page .ef-home-search-copy {
        margin: 0 0 10px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body #main-content .hm-home-page .ef-home-search-title {
        display: block !important;
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 22px !important;
        font-weight: 900 !important;
        line-height: 1.12 !important;
        letter-spacing: -.03em !important;
        text-shadow: none !important;
    }

    html body #main-content .hm-home-page .ef-home-search-title strong {
        color: #63d8cf !important;
        font-weight: 900 !important;
    }

    html body #main-content .hm-home-page .ef-home-search-tools {
        display: block !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }

    /* Mobilde ekstra rehber satırı yerine doğrudan konum aksiyonu gösterilir. */
    html body #main-content .hm-home-page .ef-home-guide-label {
        display: none !important;
    }

    html body #main-content .hm-home-page .ef-home-location-action {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        color: #ffffff !important;
        background: rgba(99, 216, 207, .11) !important;
        border: 1px solid rgba(99, 216, 207, .36) !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    html body #main-content .hm-home-page .ef-home-location-action > i:first-child,
    html body #main-content .hm-home-page .ef-home-location-action-arrow {
        color: #63d8cf !important;
    }

    html body #main-content .hm-home-page .ef-home-location-action small {
        color: rgba(255, 255, 255, .66) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select-wrap,
    html body #main-content .hm-home-page .ef-home-guide-select-wrap:nth-of-type(3),
    html body #main-content .hm-home-page .ef-home-guide-submit {
        grid-column: 1 !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select-wrap {
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid #dbe4eb !important;
        border-radius: 10px !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select-wrap > i {
        position: absolute !important;
        z-index: 2 !important;
        top: 50% !important;
        left: 14px !important;
        width: 18px !important;
        margin: 0 !important;
        color: #19a99e !important;
        font-size: 14px !important;
        line-height: 1 !important;
        text-align: center !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select-wrap::after {
        content: '' !important;
        position: absolute !important;
        z-index: 2 !important;
        top: 50% !important;
        right: 16px !important;
        width: 7px !important;
        height: 7px !important;
        margin-top: -2px !important;
        border-right: 1.5px solid #788a9a !important;
        border-bottom: 1.5px solid #788a9a !important;
        transform: translateY(-50%) rotate(45deg) !important;
        pointer-events: none !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 42px 0 44px !important;
        color: #172033 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        outline: 0 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select-wrap:has(.ef-home-guide-select:disabled) {
        background: #edf2f5 !important;
        border-color: #d6dfe6 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-select:disabled {
        color: #8b99a6 !important;
        opacity: 1 !important;
    }

    html body #main-content .hm-home-page .ef-home-guide-submit {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        padding: 0 16px !important;
        color: #07343a !important;
        background: #27c9bc !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }
}

@media (max-width: 390px) {
    html body #main-content .hm-home-page .ef-home-location-action small {
        display: none !important;
    }
}