/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/
/* --- OLIKO CUSTOM SYSTEM --- */

/* vire la marge du haut */
.ast-separate-container #primary {
padding: 0em 0 !important;  
margin: 0;
border: 0;
}

/* FORCE LE DARK MODE PROPRE SUR TOUT LE SITE */
body, #page, #content {
    background-color: #000000 !important; /* Noir pur */
    color: #cccccc !important; /* Texte gris clair, moins agressif que le blanc pur */
}

/* On nettoie les liens bleus bizarres d'Astra */
a {
    color: #ffffff !important;
    text-decoration: none;
}

a:hover {
    color: var(--accent-color, #e74c3c) !important; /* Prend la couleur du pays au survol */
}

/* Header et Menus */
.main-header-bar, .ast-primary-header-bar {
    background-color: #000000 !important;
    border-bottom: 1px solid #1a1a1a !important;
}

.main-header-menu a {
    color: #fff !important;
}
/* --- CONFIGURATION PAR DÉFAUT (JAPON) --- */
.category-japon-porno {
    --accent-color: #e74c3c;
    --bg-image: url('https://www.oliko.fr/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-06-at-11.54.39-1.jpeg');
}

/* --- CONFIGURATION FRANCE --- */
.category-porno-francais {
    --accent-color: #3498db;
    --bg-image: url('https://www.oliko.fr/wp-content/uploads/2026/05/drapeau-france.webp');
}

/* --- LE CODE OLIKO QUI UTILISE LES VARIABLES --- */
.oliko-pillar { 
    color: #eee !important; 
    line-height: 1.8; 
    background: #000; 
    padding: 0; /* On gère le padding dans le header */
}

/* Header dynamique avec drapeau/image */
.oliko-pillar-header {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.9)), var(--bg-image) !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 80px 20px;
    text-align: center;
    border-bottom: 3px solid var(--accent-color);
}


.oliko-pillar .section-dark { 
    background: #1a1a1a !important; 
    padding: 20px; 
    margin: 10px;
    border-radius: 8px; 
    border-left: 4px solid var(--accent-color) !important; 
}

.oliko-pillar .pill-tag { 
    background: #333 !important; 
    color: var(--accent-color) !important; 
    border: 1px solid var(--accent-color);
    padding: 4px 12px; 
    border-radius: 20px; 
}

.oliko-pillar h1, .oliko-pillar h2, .oliko-pillar h3 { 
    color: #fff !important; 
    text-transform: uppercase; 
    border-bottom: 1px solid #333; 
}

.oliko-pillar strong { 
    color: var(--accent-color) !important; 
}

body.archive .ast-archive-description {
    max-width: 100% !important; /* On fait sauter la limite des 1200px */
    width: 100% !important;
    padding: 0 !important;      /* On supprime les 3em qui bouffaient tout l'espace */
    margin: 0 !important;
    text-align: left;
    background: transparent !important; /* Au cas où Astra mettrait un fond gris/bleu */
    border: none !important;
}

/* CSS pour les top */
.top-item h3 span {
    background: #e74c3c;
    color: #fff;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 0.9rem;
}
.top-item {
    margin-bottom: 25px;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}