/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Version Finale Ultime - Correctif Espace Haut
 Author:         La Comédillienne
 Template:       Divi
 Version:        1.8.0
*/

/* === 1. RESET HAUT DE PAGE === */
html, body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* === 2. CONFIGURATION ET COULEURS === */
:root {
    --primary-color: #38514C;
    --text-dark: #1a1a1a;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text-dark);
}

/* === 3. HEADER ET NAVIGATION === */
#main-header { 
    height: 80px !important; 
    position: fixed !important;
    top: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#page-container {
    padding-top: 80px !important; /* Doit correspondre à la hauteur du header */
}

/* Ajustement pour la barre d'admin (uniquement pour l'administrateur connecté) */
body.admin-bar #main-header { top: 32px !important; }
@media screen and (max-width: 782px) { body.admin-bar #main-header { top: 46px !important; } }

/* === 4. LIENS (Gras, Vert, Sans soulignement) === */
a, a:visited, a:active, .et_pb_text_inner a {
    color: var(--primary-color) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: inherit !important;
    transition: none !important;
}

a:hover { opacity: 0.8; text-decoration: none !important; }

/* === 5. IMAGE LCP PORTRAIT (360x507) === */
img[src*="et-dieu-crea-les-fans"] {
    width: 360px !important;
    height: 507px !important;
    aspect-ratio: 360 / 507 !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

.et_pb_image_wrap { overflow: visible !important; }

/* === 6. BOUTONS ET BARRE ADMIN === */
.et_pb_button {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 6px;
    padding: 8px 18px !important;
    font-weight: 700 !important;
}
.et_pb_button:after { display: none !important; }

#wpadminbar, #wpadminbar *, #wpadminbar a {
    color: #eeeeee !important;
    font-weight: normal !important;
    text-decoration: none !important;
}