/*
Theme Name: ADVANT Altana
Theme URI: https://newsletters.advant-altana.com
Author: MEDIA-SQUAD
Description: Thème sur-mesure basé sur Bootstrap 5.3
Version: 1.0
Text Domain: advant
*/

:root {
    --advant-primary: #ad1839;    
    --advant-secondary: #1A1A1A;  
    --advant-bg-light: #F4F6F8;   
    --text-dark: #1A1A1A;         
    --text-light: #FFFFFF;        
    --font-family: Verdana, Geneva, sans-serif; 
}

body {
    font-family: var(--font-family);
    background-color: var(--advant-bg-light);
    color: var(--text-dark);
}

/* Boutons */
.btn-advant {
    background-color: var(--advant-primary);
    color: var(--text-light);
    border-radius: 37px;
    padding: 12px 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
    border: 2px solid var(--advant-primary);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}
.btn-advant:hover {
    background-color: transparent;
    color: var(--advant-primary);
}

/* Navbar */
.navbar-custom {
    background-color: var(--text-light);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    padding: 15px 0;
}
.navbar-brand img {
    width: 202px;
    max-width: 100%;
    height: auto;
}
.navbar-nav .nav-link {
    color: var(--text-dark);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem; 
    padding: 8px 12px !important;
    border-radius: 50px; 
    transition: all 0.3s ease;
    white-space: nowrap; /* <-- C'est cette ligne qui empêche le texte de se couper */
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .current-menu-item > a {
    background-color: var(--advant-primary);
    color: var(--text-light) !important;
}
.navbar-toggler { border: none; color: var(--advant-primary); }

/* Header & Héro */
.hero-header, .article-header {
    padding: 150px 0 60px; 
    background-color: var(--advant-bg-light); 
    border-bottom: 1px solid #E5E7EB;
}
.hero-title, .article-title {
    font-size: 3rem;
    font-weight: bold;
    color: var(--advant-primary);
    margin-bottom: 20px;
}
.yoast-breadcrumb { font-size: 0.85rem; color: #6B7280; margin-bottom: 30px; }
.yoast-breadcrumb a { color: #6B7280; text-decoration: none; }
.yoast-breadcrumb a:hover { color: var(--advant-primary); text-decoration: underline; }

/* Cartes Articles */
.news-card {
    background: var(--text-light);
    border: 1px solid #E5E7EB;
    border-radius: 0;
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden; 
}
.news-card::before {
    content: '';
    position: absolute; top: 0; left: 0; width: 100%; height: 4px;
    background-color: transparent; transition: background-color 0.3s; z-index: 2; 
}
.news-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }
.news-card:hover::before { background-color: var(--advant-primary); }
.news-image-wrapper { height: 200px; overflow: hidden; }
.news-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.news-card:hover .news-image-wrapper img { transform: scale(1.05); }
.news-category { font-size: 0.8rem; font-weight: bold; text-transform: uppercase; color: var(--text-dark); margin-bottom: 15px; display: inline-block;}
.news-title { font-size: 1.5rem; font-weight: bold; color: var(--advant-primary); margin: 0 0 15px 0; }

/* Contenu Article */
.article-content { font-size: 1.1rem; line-height: 1.8; }
.article-content h2 { color: var(--advant-primary); margin: 40px 0 20px; }
.article-quote { border-left: 5px solid var(--advant-primary); padding: 20px 30px; background-color: var(--advant-bg-light); font-style: italic; margin: 40px 0; }
.article-hero-img { width: 100%; height: 450px; object-fit: cover; border-radius: 15px; margin-bottom: 40px; }

/* Pagination */
.pagination-custom .page-link { color: var(--text-dark); border: none; border-radius: 50% !important; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: bold; background-color: transparent;}
.pagination-custom .page-link:hover { background-color: var(--advant-bg-light); }
.pagination-custom .active .page-link, .pagination-custom .current { background-color: var(--advant-primary); color: var(--text-light); }

/* Footer */
.footer-minimal { background-color: var(--text-dark); color: var(--text-light); padding: 40px 0; }

/* ==========================================
   PAGINATION PERSONNALIS&Eacute;E (Tous les articles & Archives)
   ========================================== */
   
/* Conteneur g&eacute;n&eacute;ral */
.pagination-wrapper .page-numbers,
.nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    border-radius: 50% !important; /* Force l'arrondi complet */
    background-color: transparent;
    color: var(--text-dark);
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
}

/* &Eacute;tat au survol (Hover) */
.pagination-wrapper a.page-numbers:hover,
.nav-links a.page-numbers:hover {
    background-color: #E5E7EB; /* Gris l&eacute;ger */
    color: var(--text-dark);
}

/* Page active (Courante) */
.pagination-wrapper span.current,
.nav-links span.current {
    background-color: var(--advant-primary);
    color: var(--text-light);
}

/* Boutons "Pr&eacute;c&eacute;dent" et "Suivant" */
.pagination-wrapper a.prev,
.pagination-wrapper a.next,
.nav-links a.prev,
.nav-links a.next {
    width: auto; /* Permet au texte de prendre sa place */
    border-radius: 37px !important; /* Arrondi type "Pill" */
    padding: 0 20px;
}

/* Les fameux "..." (Points de suspension) */
.pagination-wrapper span.dots,
.nav-links span.dots {
    background-color: transparent;
    color: var(--text-dark);
}

/* 
 * Pour s'assurer que le conteneur englobant g&eacute;n&eacute;r&eacute; par 
 * the_posts_pagination() se comporte correctement (flexbox) 
 */
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}