/* Startseiten-KI-Suchfeld – leitet an die KI-Filter-Seite weiter.
   Optik an die KI-Suchbox des Filters angelehnt (maschinen_markt_ki_filter.css),
   etwas größer als Hero-Element. */
.mm_startsuche { max-width: 720px; margin: 0 auto; }
.mm_startsuche_form { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.mm_startsuche_input {
    flex: 1 1 320px; min-width: 200px;
    padding: 14px 16px; font-size: 16px; font-family: inherit;
    border: 2px solid #e85d26; border-radius: 8px; background: #fff; color: #222;
}
.mm_startsuche_input:focus { outline: none; border-color: #c04b1e; box-shadow: 0 0 0 3px rgba(232, 93, 38, .15); }
.mm_startsuche_input::placeholder { color: #999; }
.mm_startsuche_btn {
    background: #e85d26; color: #fff; border: none; border-radius: 8px;
    padding: 0 26px; font-size: 16px; font-weight: 500; font-family: inherit; cursor: pointer;
    text-transform: uppercase; letter-spacing: .3px; transition: background .2s;
}
.mm_startsuche_btn:hover, .mm_startsuche_btn:focus { background: #c04b1e; }

@media (max-width: 560px) {
  .mm_startsuche_btn { flex: 1 1 100%; padding: 12px; }
}

/* „Zuletzt gesucht" unter dem Suchfeld – dezenter Outline-Button. */
.mm_startsuche_recent { margin: 12px 0 28px; text-align: center; }
.mm_startsuche_recent[hidden] { display: none; }
.mm_startsuche_recentbtn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 8px 16px; border: 1px solid #e85d26; border-radius: 8px;
    background: #fff; color: #e85d26; font-weight: 600; font-size: 14px; text-decoration: none;
    transition: background .15s, color .15s;
}
.mm_startsuche_recentbtn:hover { background: #e85d26; color: #fff; }
.mm_startsuche_recentico { font-size: 15px; line-height: 1; }

html.mm-dark .mm_startsuche_recentbtn { background: transparent; }
html.mm-dark .mm_startsuche_recentbtn:hover { background: #e85d26; color: #fff; }

/* Dark-Mode (globale Seite) – heller Input auf dunklem Hero bleibt lesbar. */
html.mm-dark .mm_startsuche_input { background: #1a2535; color: #fff; border-color: #e85d26; }
html.mm-dark .mm_startsuche_input::placeholder { color: #8fa0b3; }
