/* ======================================================
   DÜRREMONITOR – Search CSS  v2.1.0
====================================================== */

.dm-search-shadow-wrapper,
.dm-search-wrapper {
    max-width: 600px !important;
    margin: 30px auto !important;
    padding: 8px !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
    position: relative !important;
    z-index: 100 !important;
}

.dm-search-flex {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
}

#dm-search-input {
    flex-grow: 1 !important;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 44px !important;
    margin: 0 !important;
    outline: none !important;
}

.dm-search-btn {
    background: #3da367 !important;
    color: #fff !important;
    border: none !important;
    padding: 0 22px !important;
    height: 44px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background .2s !important;
    line-height: 44px !important;
}
.dm-search-btn:hover { background: #338a56 !important; }

/* Dropdown */
#dm-search-results {
    position: absolute !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.12) !important;
    display: none;
    z-index: 99999 !important;
    border: 1px solid #e8e8e8 !important;
    overflow: hidden !important;
}

.dm-result-item {
    padding: 10px 15px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.dm-result-item:last-child { border-bottom: none !important; }
.dm-result-item:hover      { background: #f5f9f5 !important; }

.dm-result-city  { font-size: 15px !important; color: #111 !important; font-weight: 500 !important; }
.dm-result-state { font-size: 13px !important; color: #888 !important; }