/* ==========================================================================
   Formulaire de contact — [at_contact_form]
   ========================================================================== */

.at-contact-form {
    max-width: 640px;
}

.at-contact-form__honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.at-contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--at-space-sm);
}

@media (max-width: 600px) {
    .at-contact-form__row {
        grid-template-columns: 1fr;
    }
}

.at-contact-form__field {
    margin-bottom: var(--at-space-sm);
}

.at-contact-form__field label {
    display: block;
    font-size: 0.85rem;
    color: var(--at-color-text-muted);
    margin-bottom: 0.3rem;
}

.at-contact-form__field input,
.at-contact-form__field textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    background-color: var(--at-color-bg);
    border: 1px solid var(--at-color-border);
    border-radius: var(--at-radius);
    color: var(--at-color-text);
    font-family: inherit;
    font-size: 0.95rem;
}

.at-contact-form__field input:focus-visible,
.at-contact-form__field textarea:focus-visible {
    outline: 2px solid var(--at-color-accent);
    outline-offset: 1px;
}

.at-contact-form__mentions {
    font-size: 0.8rem;
    color: var(--at-color-text-dim);
    margin-bottom: var(--at-space-sm);
}

/* --------------------------------------------------------------------------
   Boutons — dupliqué depuis le thème pour que shortcodes.css reste
   autonome (le plugin ne doit pas dépendre d'un fichier CSS du thème,
   qui pourrait changer ou être absent selon le thème actif un jour).
   -------------------------------------------------------------------------- */
.at-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    border-radius: var(--at-radius);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: var(--at-space-sm);
}

.at-btn--primary {
    background-color: var(--at-color-accent);
    color: var(--at-color-on-accent);
    font-weight: 600;
}

.at-btn--primary:hover,
.at-btn--primary:focus-visible {
    filter: brightness(1.1);
}