/*
Theme Name: Vivanima Theme
Author: Ton Nom
Description: Thème sur-mesure créé à partir de maquettes Lovable.
Version: 1.0
Text Domain: vivanima
*/

/* --- Styles pour le contenu généré par l'éditeur WordPress --- */
.vivanima-content {
    color: rgb(91, 107, 125); /* var(--color-texte-secondaire) */
    font-size: 1.05rem;
    line-height: 1.75;
    font-family: var(--font-corps, Lato, sans-serif);
}

.vivanima-content p {
    margin-bottom: 1.25rem;
}

.vivanima-content p:last-child {
    margin-bottom: 0;
}

/* Titres H2 (Ex: "Quelques exemples d'affections...") */
.vivanima-content h2 {
    font-family: var(--font-titre, Catamaran, sans-serif);
    color: rgb(28, 65, 110); /* var(--color-vivablu) */
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

/* Titres H3 et H4 */
.vivanima-content h3, 
.vivanima-content h4 {
    font-family: var(--font-titre, Catamaran, sans-serif);
    color: rgb(28, 65, 110);
    font-size: 1.35rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

/* Listes à puces (Ex: Les maladies listées) */
.vivanima-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.vivanima-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.vivanima-content li {
    margin-bottom: 0.5rem;
}

/* Liens et mise en gras */
.vivanima-content a {
    color: rgb(78, 178, 201); /* var(--color-vivaciana) */
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.vivanima-content a:hover {
    color: rgb(28, 65, 110);
}

.vivanima-content strong, 
.vivanima-content b {
    font-weight: 700;
    color: rgb(27, 31, 90);
}

.vivanima-content em, 
.vivanima-content i {
    font-style: italic;
}

/* Désactiver les vilaines bordures de CF7 et gérer ses messages d'erreur */
.wpcf7-form-control:not(.wpcf7-submit) {
    border-color: #D6DBE3 !important;
}
.wpcf7-form-control:focus {
    --tw-ring-color: #4EB2C9 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    border-radius: 8px;
    font-size: 0.9em;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    border-radius: 8px;
    background-color: #f3faf4;
    color: #1B1F5A;
}

/* 1. Suppression des sauts de ligne automatiques de CF7 */
.wpcf7 form p {
    margin: 0;
    padding: 0;
}
.wpcf7 form br {
    display: none;
}

/* 2. Style des champs de saisie */
.cf7-vivanima-input {
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid #D6DBE3;
    padding: 0.5rem 0.75rem;
    color: #1f2937;
    font-family: var(--font-corps, Lato, sans-serif);
    font-size: 1rem;
    outline: none;
    background-color: white;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.cf7-vivanima-input:focus {
    box-shadow: 0 0 0 2px #4EB2C9;
    border-color: #4EB2C9;
}

/* 3. Style du bouton de validation */
.cf7-vivanima-submit {
    width: 100%;
    border-radius: 0.375rem;
    padding: 0.75rem 1.25rem;
    font-weight: 600;
    font-family: var(--font-titre, Catamaran, sans-serif);
    background-color: #4EB2C9;
    color: #1B1F5A;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.cf7-vivanima-submit:hover {
    opacity: 0.9;
}

/* 4. Esthétique des messages d'erreur/succès CF7 */
.wpcf7 form .wpcf7-response-output {
    border-radius: 0.375rem;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    font-family: var(--font-corps, Lato, sans-serif);
}