/* Bloc « Je cherche » (includes/alerte-form.php) */
.m7-alerte {
    margin: 28px 0 8px;
    padding: 20px 22px;
    border-radius: 16px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #1e1b4b;
}
.m7-alerte.is-vide { border-width: 2px; border-color: #818cf8; }
.m7-alerte__tete { display: flex; gap: 14px; align-items: flex-start; }
.m7-alerte__icone {
    flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px;
    display: grid; place-items: center; background: #6366f1; color: #fff; font-size: 1.1rem;
}
.m7-alerte__titre { font-size: 1.12rem; font-weight: 700; margin: 0 0 4px; color: #1e1b4b; text-wrap: balance; }
.m7-alerte__texte { margin: 0; font-size: .9rem; color: #4338ca; }
.m7-alerte__compteur { font-weight: 600; }
.m7-alerte__form { margin-top: 16px; }
.m7-alerte__champs { display: grid; grid-template-columns: 2fr 1fr 2fr; gap: 10px; }
.m7-alerte__champ { display: grid; gap: 4px; font-size: .78rem; font-weight: 600; color: #3730a3; margin: 0; }
.m7-alerte__champ small { font-weight: 400; color: #6366f1; }
.m7-alerte__champ input {
    width: 100%; box-sizing: border-box; border: 1px solid #c7d2fe; border-radius: 10px;
    padding: 9px 12px; font-size: .9rem; font-family: inherit; background: #fff; color: #1e293b;
}
.m7-alerte__champ input:focus { outline: none; border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, .18); }
.m7-alerte__euro { position: relative; display: block; }
.m7-alerte__euro input { padding-right: 28px; }
.m7-alerte__euro b { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); color: #6366f1; font-weight: 700; }
.m7-alerte__case { display: flex; gap: 8px; align-items: center; margin: 10px 0 0; font-size: .85rem; font-weight: 500; color: #3730a3; cursor: pointer; }
.m7-alerte__piege { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.m7-alerte__actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.m7-alerte__btn {
    border: 0; border-radius: 10px; padding: 10px 20px; font-weight: 600; font-size: .92rem; cursor: pointer;
    background-color: #6366f1; background-image: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff;
}
.m7-alerte__btn:hover { opacity: .92; }
.m7-alerte__btn:disabled { opacity: .55; cursor: progress; }
.m7-alerte__btn:focus-visible, .m7-alerte__case input:focus-visible { outline: 2px solid #4338ca; outline-offset: 2px; }
.m7-alerte__mention { font-size: .78rem; color: #6366f1; }
.m7-alerte__retour { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; font-size: .88rem; font-weight: 500; background: #fff; }
.m7-alerte__retour.is-ok { color: #15803d; border: 1px solid #bbf7d0; }
.m7-alerte__retour.is-erreur { color: #b91c1c; border: 1px solid #fecaca; }

body[data-theme="dark"] .m7-alerte { background: rgba(99, 102, 241, .1); border-color: rgba(165, 180, 252, .3); color: #e0e7ff; }
body[data-theme="dark"] .m7-alerte.is-vide { border-color: #818cf8; }
body[data-theme="dark"] .m7-alerte__titre { color: #eef2ff; }
body[data-theme="dark"] .m7-alerte__texte,
body[data-theme="dark"] .m7-alerte__champ,
body[data-theme="dark"] .m7-alerte__case { color: #c7d2fe; }
body[data-theme="dark"] .m7-alerte__champ small,
body[data-theme="dark"] .m7-alerte__mention,
body[data-theme="dark"] .m7-alerte__euro b { color: #a5b4fc; }
body[data-theme="dark"] .m7-alerte__champ input { background: #0f172a; border-color: #334155; color: #f1f5f9; }
body[data-theme="dark"] .m7-alerte__retour { background: #0f172a; }
body[data-theme="dark"] .m7-alerte__retour.is-ok { color: #4ade80; border-color: rgba(74, 222, 128, .3); }
body[data-theme="dark"] .m7-alerte__retour.is-erreur { color: #fca5a5; border-color: rgba(252, 165, 165, .3); }

@media (max-width: 767px) {
    .m7-alerte { padding: 16px; }
    .m7-alerte__champs { grid-template-columns: 1fr; }
}

/* Variante compacte (accueil) : une ligne, options repliees */
.m7-alerte--compact { margin: 0; }
.m7-alerte__ligne { display: grid; grid-template-columns: 1.3fr 1fr auto; gap: 10px; align-items: end; }
.m7-alerte__ligne .m7-alerte__btn { height: 41px; white-space: nowrap; }
.m7-alerte__options { margin-top: 10px; font-size: .85rem; color: #4338ca; }
.m7-alerte__options summary { cursor: pointer; font-weight: 600; width: max-content; max-width: 100%; }
.m7-alerte__options summary:focus-visible { outline: 2px solid #4338ca; outline-offset: 2px; border-radius: 4px; }
.m7-alerte__options-corps { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: end; margin-top: 10px; }
.m7-alerte__options-corps .m7-alerte__champ { width: 160px; }
.m7-alerte__options-corps .m7-alerte__case { margin: 0 0 10px; }
.m7-alerte--compact .m7-alerte__mention { display: block; margin: 10px 0 0; }
body[data-theme="dark"] .m7-alerte__options { color: #c7d2fe; }
@media (max-width: 767px) {
    .m7-alerte__ligne { grid-template-columns: 1fr; }
    .m7-alerte__ligne .m7-alerte__btn { width: 100%; }
}