/*
Theme Name: Solidaires Finances
Description: Thème enfant OceanWP pour la Fédération Solidaires Finances. Optimisé pour la performance et la compatibilité mobile avec header sticky desktop, responsive design complet, et intégration JavaScript avancée. Fonctionnalités : header sticky réduit au scroll (desktop uniquement), responsive mobile complet avec menu hamburger, text wrapping des images flottantes, gestion optimisée de la recherche, animations CSS fluides, et documentation complète. Compatible WordPress 5.0+ et navigateurs modernes.
Template: oceanwp
Version: 3.0.1
*/

/* ========================================
   THÈME ENFANT SOLIDAIRES FINANCES
   Version 3.0.0 - CSS responsive complet
   ======================================== */

/* Styles de base du thème enfant */
body {
    font-family: inherit;
    line-height: 1.6;
}

/* ⚠️ IMPORTANT : CSS RESPONSIVE COMPLET dans responsive-custom.css */
/* 
Ce thème enfant contient toutes les fonctionnalités CSS responsives :
 * 🖥️  Header sticky desktop (min-width: 1025px) avec réduction au scroll
 * 📱  Gestion mobile complète (max-width: 1024px et 768px)
 * 🔍  Gestion recherche (masquée sauf dans le menu mobile SIDR)
 * 🏷️  Text wrapping des images (25% float right avec shape-outside)
 * 🎨  Animations et effets hover sur les images
 * �  Support complet blog/archives/pages individuelles
 * 🧹  Clearfix et optimisations text flow
 * 🎯  Corrections spécifiques OceanWP et Gutenberg
 */

/* ========================================
   IMAGE MISE EN AVANT DANS L'ARTICLE
   ======================================== */

/* Version précédente (image flottante) - conservée pour retour arrière
.article-featured-image {
    float: right;
    width: 30%;
    max-width: 300px;
    margin: 10px 0 15px 25px;
}
.article-featured-image img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
}
*/

/* Version précédente (image flottante simple) - conservée pour retour arrière
.article-featured-image {
    float: right;
    width: 35%;
    max-width: 320px;
    margin: 5px 0 15px 25px;
    box-sizing: border-box;
}
.article-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #eee;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
}
*/

/* Version float corrigée : image flottante à droite, contenue dans la colonne de texte */
.article-featured-image {
    float: right;
    width: 35%;
    max-width: 320px;
    margin: 5px 0 15px 25px; /* Marge haut, droite, bas, gauche */
}

.article-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #eee;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
}

/* Correctif pour s'assurer que le texte s'enroule correctement autour de l'image */
.entry-content::after {
    content: "";
    display: table;
    clear: both;
}

/* Conteneur pour lier l'image et le texte sur les grands écrans */
.content-wrap {
    max-width: 1180px; /* Augmenté de 800px à 1180px pour plus de largeur */
    margin: 0 auto;
    position: relative;
}

/* ========================================
   THÈME ENFANT SOLIDAIRES FINANCES
   Version 3.0.0 - CSS responsive complet
   ======================================== */