/* ----------------------------------
   SoliMed — Surcouches WordPress
   Ajustements propres à l'intégration WordPress,
   sans modifier le fichier original theme.css.
-----------------------------------*/

/* Décalage de la admin bar WordPress quand l'utilisateur est connecté */
.admin-bar .navbar-sticky.fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .navbar-sticky.fixed {
        top: 46px;
    }
}

/* Classes natives WordPress pour les images alignées dans le contenu */
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px auto;
}

/* Légendes d'images (wp_get_attachment_image avec caption) */
.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 13px;
    color: #777;
    text-align: center;
    margin-top: 8px;
}

/* Bouton "Continuer" généré par le tag <!--more--> */
.read-more-link {
    display: inline-block;
    margin-top: 10px;
}

/* Pagination native WordPress (the_posts_pagination) */
.solimed-pagination {
    text-align: center;
    margin-top: 40px;
    clear: both;
}

.solimed-pagination .page-numbers {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    border-radius: 4px;
    background: #f5f5f5;
}

.solimed-pagination .page-numbers.current {
    background: #2a5593;
    color: #fff;
}

/* Champ honeypot anti-spam pour le formulaire de contact */
.solimed-hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* Instagram n'existe pas dans la liste de réseaux sociaux d'origine de la
   maquette (theme.css ne stylise que facebook/twitter/pinterest/g-plus/
   linkedin pour .sidebar-item.social-sidebar) ; on ajoute la couleur de
   marque ici plutôt que de modifier le fichier d'origine. */
.sidebar-item.social-sidebar li.instagram a {
    background: #c32aa3 none repeat scroll 0 0;
}

/* Étiquette de type de contenu (Cause / Événement) dans les résultats de
   recherche mixtes (template-parts/content-cause.php et content-event.php).
   La maquette d'origine n'a pas de gabarit "résultats mixtes" : on reprend
   le style "pilule" déjà utilisé par .sidebar-item.tags pour rester cohérent
   avec le reste du thème plutôt que d'utiliser le .badge générique de
   Bootstrap (gris, sans rapport avec la charte du thème). */
.item-box .item .info .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.item-box .item .info .title .content-type-tag {
    display: inline-block;
    flex-shrink: 0;
    padding: 4px 14px;
    border: 1px solid #2a5593;
    border-radius: 30px;
    color: #2a5593;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* Image à la une de l'article unique (single.php) : theme.css ne fixe
   aucune largeur sur .thumb img (juste max-width:100% hérité de la règle
   img générique), elle garde donc sa taille intrinsèque WordPress
   (ex: 500px du gabarit solimed-blog-card) au lieu de remplir la colonne
   .blog-content, beaucoup plus large. On force ici la pleine largeur,
   sans toucher aux carrousels et grilles ailleurs sur le site. */
.blog-area.single-blog .blog-content .item-box .thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* .title-meta (bloc date + titre, voir single.php, content.php) :
   theme.css définit .title-meta .date et .title-meta .title en
   display:table-cell, mais ne fixe jamais display:table sur le parent
   .title-meta lui-même — un manque déjà présent dans la maquette HTML
   d'origine. Sans ce contexte de tableau, l'alignement vertical et la
   mise côte à côte du bloc date et du titre ne sont pas garantis selon
   les navigateurs. */
.blog-area .info .title-meta {
    display: table;
    width: 100%;
}

/* .blog-items (voir index.php, search.php, single.php) contient deux
   colonnes flottantes : .blog-content (float:right) et .sidebar
   (float:left, en plus du float Bootstrap de col-md-4). Le clearfix de
   Bootstrap s'applique à .row, pas à .blog-items lui-même — un niveau plus
   profond — donc rien ne nettoie ces flottants et .blog-items s'effondre
   en hauteur, déformant la mise en page (sidebar mal positionnée, contenu
   suivant qui chevauche). Lacune déjà présente dans la maquette d'origine. */
.blog-area .blog-items::after {
    content: "";
    display: table;
    clear: both;
}

/* .sidebar-item.recent-post li (voir sidebar.php, footer.php) : même lacune
   que .title-meta plus haut. .thumb et .info y sont en display:table-cell,
   mais le <li> parent n'a jamais display:table dans la maquette d'origine,
   ce qui empêche un alignement fiable de la vignette et du texte. */
.sidebar-item.recent-post li,
footer .f-item.recent-post li {
    display: table;
    width: 100%;
}


.sidebar-item.social-sidebar li a {
    height: 30px;
    line-height: 34px;
}

.sidebar-item.recent-post .thumb img {
    height: auto;
}