/* 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;
}