/*
Theme Name: JNews Child
Description: Design Éditorial Premium - elpricej.net
Author: Jean-EL-Price
Version: 3.0.0 (Optimisée Mai 2026)
*/

@import url("../jnews/style.css");
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;600;700;800&family=Playfair+Display:wght@700&family=Montserrat:wght@400;600;700&display=swap');

/* ==========================================================================
   1. BASES ET TYPOGRAPHIE
   ========================================================================== */
body {
    background-color: #ffffff !important;
    font-family: 'Asap Condensed', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* --- TITRE ÉDITORIAL (SINGLE) --- */
.entry-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 46px !important;
    color: #051221 !important;
    line-height: 1.15 !important;
    text-align: center;
    margin: 10px auto 20px !important;
    font-weight: 700 !important;
    max-width: 900px;
}

/* --- TECHNIQUE DE BREAK-OUT (LARGEUR ÉTENDUE) --- */
.jep-break-out {
    margin-left: -15% !important;
    margin-right: -15% !important;
    width: 130% !important;
    position: relative !important;
}

/* ==========================================================================
   2. BARRE MÉTA ET CATÉGORIES
   ========================================================================== */
.jep-unified-meta-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    flex-wrap: wrap !important;
    gap: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    padding: 12px 0 !important;
    margin: 25px auto 15px !important;
    max-width: 760px;
    border-bottom: 1px solid #f2f2f2 !important;
}

.jeg_meta_category a {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #f22e52 !important;
    font-size: 12px !important;
}

.jep-x-link {
    color: #f22e52 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   3. CONTENU ET IMAGES
   ========================================================================== */
.entry-content {
    font-family: 'Montserrat', sans-serif !important;
    max-width: 720px !important;
    margin: 0 auto 60px !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
    color: #333 !important;
}

.entry-content p {
    margin-bottom: 25px !important;
}

.jep-featured-image-narrow img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    margin: 25px 0 40px 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* ==========================================================================
   4. SYSTÈME DE GRILLE (CATÉGORIES / ARCHIVES)
   ========================================================================== */
.jep-main-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
}

.jep-article-card {
    background: #ffffff !important;
    border: 1px solid #f2f2f2 !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
}

.jep-article-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
}

/* Badges sur images */
.jep-card-media { position: relative !important; height: 220px !important; overflow: hidden !important; }

.jep-badge-cat, .jep-badge-date {
    position: absolute !important;
    top: 15px !important;
    padding: 6px 12px !important;
    font-family: 'Asap Condensed', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    z-index: 10 !important;
}

.jep-badge-cat { left: 15px !important; background: #051221 !important; color: #fff !important; }
.jep-badge-date { right: 15px !important; background: rgba(5, 18, 33, 0.85) !important; color: #fff !important; }

/* Titres des cartes */
.jep-article-title {
    font-family: 'Asap Condensed', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    padding: 20px 20px 0;
}

.jep-btn-read {
    font-family: 'Asap Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #051221 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #c5a47e !important;
    margin: 15px 20px 25px;
    align-self: flex-start !important;
}

/* ==========================================================================
   5. FORMULAIRES (MINISTÈRE / CONTACT)
   ========================================================================== */
.contact-form-container {
    max-width: 850px;
    margin: 40px auto;
    padding: 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
}

.contact-form-container input, .contact-form-container select, .contact-form-container textarea {
    width: 100%;
    min-height: 50px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background-color: #fcfcfc;
}

.button-send {
    background: linear-gradient(135deg, #bc986a, #a38155) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    padding: 16px 42px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(188, 152, 106, 0.25);
}

/* ==========================================================================
   6. RESPONSIVE
   ========================================================================== */
@media (max-width: 1200px) {
    .jep-break-out { margin-left: -5% !important; margin-right: -5% !important; width: 110% !important; }
    .jep-main-grid-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    .jep-break-out { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
    .entry-title { font-size: 32px !important; }
    .jep-main-grid-wrapper { grid-template-columns: 1fr !important; }
    .contact-form-container { padding: 20px; }
}