/* --- ESTHETIQUE SUR-MESURE DE LA FICHE LEVRIER --- */

/* Encadré général avec fond gris clair et bords arrondis */
.custom_det_content {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-top: 15px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Style de chaque ligne pour les forcer à se mettre côte à côte */
.custom_det_content .row {
    display: flex !important;
    flex-direction: row !important; /* Force l'alignement horizontal */
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 12px 10px !important;
    margin: 0 !important; /* Casse les marges forcées de Cassiopeia */
    border-bottom: 1px solid #eaeaea !important;
}

/* On enlève la ligne de séparation sous le tout dernier champ */
.custom_det_content .row:last-child {
    border-bottom: none !important;
}

/* La colonne de gauche (Les titres : Sexe, Cotations...) */
.custom_det_content span.row_label {
    flex: 0 0 40% !important; /* Prend 40% de la place */
    max-width: 40% !important;
    font-weight: bold !important;
    color: #1a365d !important; /* Joli bleu foncé pro */
    margin: 0 !important;
    padding-right: 15px !important;
    display: block !important;
}

/* La colonne de droite (Les réponses : Mâle, 4/6...) */
.custom_det_content span.row_value {
    flex: 0 0 60% !important; /* Prend les 60% restants */
    max-width: 60% !important;
    text-align: left !important;
    color: #333333 !important;
    display: block !important;
    margin: 0 !important;
}

/* --- RETOUR A LA VERSION 1 : PROPRE ET STABLE --- */

/* L'encadré global */
#form_search133, .dj_cf_search form {
    display: block !important;
    background-color: #f4f8fa !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border-top: 6px solid #1a365d !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* On aligne tout verticalement de façon nette */
.dj_cf_search .djseform_field, 
.dj_cf_search .djcf_se_row,
.dj_cf_search .search_ex_fields > div,
.dj_cf_search .djse_type_inputbox {
    width: 100% !important;
    display: block !important;
    margin-bottom: 15px !important;
    clear: both !important;
}

/* Style des titres (Sexe, Propriétaire...) */
.dj_cf_search span.label, 
.dj_cf_search .djcf_se_row_label {
    display: block !important;
    font-weight: bold !important;
    color: #1a365d !important;
    margin-bottom: 5px !important;
}

/* Le bouton Recherche (Standard) */
.dj_cf_search button {
    background-color: #1a365d !important;
    color: white !important;
    padding: 10px 30px !important;
    border-radius: 4px !important;
    border: none !important;
}


/* Style spécifique pour les titres de races sur les grandes expos */
.page-header h1, .nationale-title {
    border-left: 10px solid #1a365d;
    padding-left: 20px;
    background: #f8f9fa;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

/* --- STYLE DES TITRES DE BLOCS (Actus, Connexion, Menu) --- */
.card-header, h3.mod-title {
    background-color: #1f4e79 !important; /* Bleu Marine */
    color: white !important;
    padding: 12px !important;
    border-radius: 8px 8px 0 0 !important;
    font-weight: bold;
    border: none;
}

/* --- STYLE DU MENU PRINCIPAL --- */
.menu-bouton ul.nav, .menu-bouton ul.menu {
    list-style: none !important;
    padding-left: 0 !important;
}

.menu-bouton ul li a {
    background-color: #f8f9fa !important; /* Gris clair */
    margin: 8px 0 !important;
    padding: 12px 15px !important;
    border-radius: 6px !important;
    color: #1f4e79 !important;
    display: block !important;
    border-left: 5px solid #4a90e2 !important; /* Barre bleue */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Ombre légère */
}

/* Effet au survol */
.menu-bouton ul li a:hover {
    background-color: #1f4e79 !important; /* Bleu Marine */
    color: white !important;
    padding-left: 20px !important;
    border-left: 5px solid #ffffff !important;
}

/* On dit à la zone du haut de se comporter comme un bloc centré */
.container-top-a {
    display: block !important;
    text-align: center !important; /* Centre le contenu textuel et inline */
    width: 100% !important;
}

/* On force le module Smart Slider à se mettre au milieu de sa zone */
.container-top-a .mod-smartslider3, 
.container-top-a .n2-ss-align {
    display: inline-block !important; /* Permet le centrage via text-align */
    margin: 0 auto !important;
    float: none !important; /* Annule un éventuel alignement à gauche */
}