/* FORCE L'ALIGNEMENT DU LOGO À GAUCHE */
.footer-logo {
    text-align: left !important;      /* Aligne le texte/image à gauche */
    display: flex !important;         /* Utilise le mode flexible */
    justify-content: flex-start !important; /* Pousse le contenu au début (gauche) */
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.footer-logo a, .footer-logo img {
    margin-left: 0 !important;        /* Supprime les marges automatiques qui centrent */
    margin-right: auto !important;    /* Pousse tout le vide vers la droite */
		max-width : 150px;
    display: block !important;
}

/* 1. ON FAIT RÉAPPARAITRE LE TEXTE (HUMANITÉ...) */
.logo_tagline {
    display: block !important;    /* On l'affiche à nouveau */
    text-align: left !important;  /* On l'aligne à gauche */
    margin-left: 0 !important;
    margin-right: auto !important;
    color: #ff6600 !important;       /* Une couleur grise pro */
    font-size: 13px !important;
    margin-top: 5px !important;   /* Espace sous le logo */
}

/* 2. ON S'ASSURE QUE TOUT LE BLOC EST BIEN À GAUCHE */
.footer-logo {
    display: flex !important;
    flex-direction: column !important; /* Pour que le texte soit SOUS le logo */
    align-items: flex-start !important; /* Aligne les deux à gauche */
    text-align: left !important;
}

/* --- GESTION DES TEXTES SOUS LES LOGOS --- */

/* 1. LE HAUT (HEADER) : On force le centrage */
header .logo_tagline, 
.nav__primary .logo_tagline,
#header .logo_tagline {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* 2. LE BAS (FOOTER) : On force l'alignement à gauche */
.footer .logo_tagline,
.footer-logo .logo_tagline {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
}

/* On s'assure que la "boîte" du logo en bas aligne bien tout à gauche */
.footer-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Force l'alignement à gauche du logo ET du texte */
}

/* --- ACTION : REMONTER LES LIENS À CÔTÉ DU LOGO --- */

/* 1. On force le conteneur principal à tout aligner sur une ligne */
.footer .container, .footer-inner {
    display: flex !important;
    flex-direction: row !important;       /* Force l'alignement horizontal */
    justify-content: space-between !important; /* Logo à gauche <---> Liens à droite */
    align-items: center !important;      /* Aligne tout le monde sur la même hauteur */
    flex-wrap: nowrap !important;        /* Empêche le saut à la ligne */
}

/* 2. On s'assure que le bloc des liens ne prend pas toute la place */
.footer-align-horizontal {
    display: flex !important;
    margin-top: 0 !important;             /* Supprime l'espace qui le forçait à descendre */
    padding: 0 !important;
    flex: 1 !important;                  /* Prend l'espace restant à droite */
    justify-content: flex-end !important; /* Pousse les liens bien vers la droite */
}

/* 3. On réduit l'espace sous le bloc logo pour qu'il ne bloque pas la montée des liens */
.footer-logo {
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;           /* Garde sa taille naturelle sans pousser les autres */
}

/* 1. ON CACHE TOUT LE BLOC (Copyright + "Réalisé par") */
#footer-text, .footer-text, .copyright-text {
    font-size: 0 !important; /* Rend le texte invisible */
    visibility: hidden;
}

/* 2. ON CACHE LES ÉVENTUELS LIENS CACHÉS (le site du créateur) */
#footer-text a, .footer-text a {
    display: none !important;
}

/* 3. ON RÉÉCRIT UNIQUEMENT TON TEXTE À TOI */
#footer-text:after, .footer-text:after {
    content: "© 2026 SPFA Arménie - Solidarité Protestante France-Arménie";
    font-size: 12px !important; /* On redonne une taille au texte */
    visibility: visible;
    display: block;
    color: #999;
    text-align: right;
		flex-wrap :now-wrap !important
}
	
/* --- TRADUCTION DU BOUTON PAGINATION --- */

.btn-pagination {
    font-size: 0 !important;           /* On cache "Older Entries" */
    text-decoration: none !important;
    display: inline-block !important;
}

.btn-pagination::after {
    content: "« Anciens articles" !important; /* On écrit le français */
    font-size: 20px !important;        /* On remet la taille du texte */
    visibility: visible !important;
    color: #ff6600 !important;         /* Ton orange SPFA */
    text-transform: none
			font-family: Baskerville, 'NewBaskerville', Times, serif;
    font-style: italic;align-conten 
	!important;   
	/* Pour éviter que ça soit tout en majuscules */
}

/* --- LE FREIN À MAIN CONTRE NICESCROLL --- */

html, body {
    /* On force le comportement par défaut de l'ordinateur */
    scroll-behavior: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
}

/* On fait disparaître physiquement la barre de scroll lente */
#ascrail2000, 
.nicescroll-rails, 
.nicescroll-cursors, 
[id^="ascrail"] {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* --- 1. SUPPRIMER UNIQUEMENT L'ANCIEN BOUTON POP-UP --- */
/* On vise l'élément exact que tu m'as envoyé */
a[href="#small-dialog"], 
.popup-with-zoom-anim, 
.icon-search-2 {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    position: absolute !important;
    left: -9999px !important; /* On l'envoie hors de l'écran */
}

/* --- 2. ALIGNEMENT DU MENU --- */
#main-menu, .nav-menu, .sf-menu {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* --- 3. POSITION DE NOTRE LOUPE (À DROITE) --- */
.spfa-search-li {
    margin-left: auto !important; /* Pousse vers la droite */
    display: inline-flex !important;
    align-items: center !important;
    padding-right: 15px !important;
}

.spfa-search-flex-container {
    display: flex !important;
    align-items: center !important;
}

/* --- 4. STYLE DE NOTRE LOUPE --- */
.spfa-loupe-btn {
    font-size: 20px !important;
    color: #ff6600 !important; 
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 5px !important;
    line-height: 1 !important;
}

.spfa-hidden-check { display: none !important; }

/* --- 5. LE CADRE BIEN FERMÉ --- */
.spfa-search-form {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
    display: flex !important;
}

.spfa-input-field {
    border: 2px solid #ff6600 !important;
    border-radius: 20px !important;
    height: 32px !important;
    width: 0;
    padding: 0 !important;
    outline: none !important;
    background: #ffffff !important;
    box-sizing: border-box !important; /* FERME LE CADRE */
}

/* --- 6. OUVERTURE AU CLIC --- */
.spfa-hidden-check:checked ~ .spfa-search-form {
    width: 190px;
    margin-left: 10px;
}

.spfa-hidden-check:checked ~ .spfa-search-form .spfa-input-field {
    width: 180px !important;
    padding: 0 12px !important;
}

/* --- 7. CACHER DANS LE FOOTER --- */
footer .spfa-search-li, .footer .spfa-search-li {
    display: none !important;
}

@media (max-width: 480px) {
    /* On réduit la taille des gros titres */
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    
    /* On réduit les marges sur les côtés pour gagner de la place */
    .container, .content-holder {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}@media (max-width: 768px) {
    /* On agrandit les boutons pour qu'ils soient faciles à cliquer avec le pouce */
    .button, .btn, input[type="submit"], .more-link {
        display: block !important; /* Prend toute la largeur si besoin */
        width: 100% !important;
        padding: 15px !important;
        font-size: 18px !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }
	
	
	@media (max-width: 480px) {
    p {
        line-height: 1.6 !important; /* Plus d'espace entre les lignes */
        margin-bottom: 20px !important;
        font-size: 16px !important;
    }
    
    /* On centre les titres pour un look plus "moderne" sur mobile */
    h1, h2, h3 {
        text-align: center !important;
        line-height: 1.2 !important;
    }
}
	
	
/* --- HARMONISATION DU MENU MOBILE (ORANGE & BLANC) --- */

@media (max-width: 991px) {
    /* 1. Fond du menu déroulant complet */
    .slicknav_nav, 
    .mobile-menu-container, 
    #mobile-nav, 
    .mobile-navigation {
        background-color: #ff6600 !important; /* Ton Orange SPFA */
    }

    /* 2. Style des liens (Texte blanc) */
    .slicknav_nav a, 
    .mobile-menu-container a, 
    .mobile-navigation ul li a {
        color: #ffffff !important;
        font-weight: bold !important;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Fine ligne de séparation */
    }

    /* 3. SUPPRESSION DU GRIS (Au clic et sur la page active) */
    /* On remplace le gris par un orange un peu plus sombre pour le relief */
    .slicknav_nav a:hover, 
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav .slicknav_item:hover,
    .mobile-menu-container li.current-menu-item > a,
    .mobile-menu-container li a:active,
    .mobile-menu-container li a:focus {
        background-color: #e65c00 !important; /* Orange plus foncé au clic */
        color: #ffffff !important;
    }

    /* 4. Le bouton "Hamburger" (les 3 traits) */
    /* Pour qu'il soit bien visible sur le bandeau du haut */
    .slicknav_btn, .mobile-menu-trigger {
        background-color: #ff6600 !important;
    }
    
    .slicknav_icon-bar {
        background-color: #ffffff !important; /* Traits blancs */
    }
}
	
}	
/* --- SUPPRESSION DÉFINITIVE DU TITRE DE PAGE --- */

/* On vise tous les types de bandeaux de titre de BuzzBlog */
.title-section, 
.page-title-section, 
.page-header, 
.post-header.page-header, 
.header-title-container,
.single-page-title,
header.entry-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* On remonte un peu le contenu pour éviter un grand trou blanc */
#content, .site-content, .main-content-area {
    padding-top: 25px !important;
}


}
/* --- CODE DE COMPRESSION MAXIMALE : LOGO ET PIED DE PAGE --- */

/* 1. On tire le LOGO SPFA vers le haut (fortement) */
.logo_h {
    margin-top: -160px !important; /* Ajuste cette valeur pour monter plus/moins */
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. On colle le texte de MISSION ("HUMANITAIRE...") sous le logo */
.footer-logo p, 
.footer-logo .footer-text {
    margin-top: -90px !important; /* Réduit l'espace avec le logo */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. On remonte tout le bloc de PIED DE PAGE (Bouton Faire un don, etc.) */
.lowestfooter, 
.footer-bottom, 
#footer-bottom {
    margin-top: -70px !important; /* Ajuste pour rapprocher du texte de mission */
    background-color: #ffffff !important; /* Assure le fond blanc partout */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
}

/* 4. On supprime l'espace vide sous le texte final pour supprimer la bande grise */
footer.footer, 
.footer-copy-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 5. Force la suppression de toute zone grise en dessous */
body, html {
    background-color: #ffffff !important;
}

/* --- MÉTHODE NUCLÉAIRE : REMONTER LE LOGO DU BAS --- */
footer img[src*="logo-spfa-site-1.png"] {
    transform: translateY(-80px) !important; /* DÉPLACEMENT PHYSIQUE VERS LE HAUT */
    position: relative !important;
    z-index: 9999 !important;
}

/* On s'assure que le cadre qui contient le logo ne le coupe pas */
footer .footer-logo, footer .logo_h__img {
    overflow: visible !important;
}