/*
Theme Name: BlackNews
Theme URI:  https://afthemes.com/products/blacknews/
Author:     AF themes
Author URI: https://afthemes.com/
Description: BlackNews is a dark, magazine-style WordPress child theme built on MoreNews for publishers seeking a high-contrast, professional aesthetic. It supports the Block Editor and major page builders for drag-and-drop layout creation, complemented by the parent header and footer builder. The theme includes banner areas, template kits, and custom widgets optimized for fast performance despite rich visual content. It focuses on SEO, Core Web Vitals, and AMP support while maintaining WCAG compliance. It is translation-ready and supports RTL languages with demos in English, Spanish, Chinese, Arabic, and Japanese. https://afthemes.com/products/blacknews/
Template: morenews
Version: 3.2.0
Requires at least: 4.0
Requires PHP: 5.0
Tested up to: 7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blacknews

BlackNews WordPress Theme, Copyright 2025 AF themes
BlackNews is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

*, *::before, *::after {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

html, body, p, li, a, div, span, input, button, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-body) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11", "ss01", "ss02", "ss03" !important;
    font-optical-sizing: auto !important;
}

div#main-navigation-bar {
    background: #0a0c12 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.exclusive-posts .exclusive-now {
    background-color: #ff5500;
}

.main-navigation .menu-description {
    background-color: #ff5500;
}

.main-navigation .menu-description:after {
    border-top: 5px solid #ff5500;
}

.morenews-header div.custom-menu-link>a {
    background: #ff5500;
}

.aft-dark-mode .aft-main-banner-wrapper .af-slick-navcontrols,
.aft-dark-mode .morenews-widget .af-slick-navcontrols,
.aft-dark-mode .morenews-customizer .section-wrapper .af-slick-navcontrols,
body.aft-dark-mode.single-post-title-full .entry-header-details,
body.aft-dark-mode .main-navigation .menu .menu-mobile,
body.aft-dark-mode .main-navigation .menu>ul>li>ul,
body.aft-dark-mode .main-navigation .menu>ul ul,
body.aft-dark-mode .af-search-form,
body.aft-dark-mode .aft-popular-taxonomies-lists,
body.aft-dark-mode .exclusive-slides::before,
body.aft-dark-mode .exclusive-slides::after,
body.aft-dark-mode .banner-exclusive-posts-wrapper .exclusive-posts:before,
body.aft-dark-mode.woocommerce div.product,
body.aft-dark-mode.home.blog main.site-main,
body.aft-dark-mode main.site-main,
body.aft-dark-mode .af-main-banner-latest-posts.grid-layout.morenews-customizer .container-wrapper,
body.aft-dark-mode .af-middle-header,
body.aft-dark-mode .mid-header-wrapper,
body.aft-dark-mode .comments-area,
body.aft-dark-mode .af-breadcrumbs,
.aft-dark-mode .morenews-customizer,
body.aft-dark-mode .morenews-widget {
    background-color: #08090d;
}

@media only screen and (min-width: 993px) {
    body.aft-dark-mode .main-navigation .menu ul ul ul,
    body.aft-dark-mode .main-navigation .menu>ul>li>ul {
        background-color: #08090d;
    }
}

/* Category Micro-Pills Defaults */
.cat-links li a,
a.morenews-categories {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

/* HOOPS63 TYPOGRAPHY RULES */
p {
    margin-bottom: 24px;
}

body.single-post .entry-title,
h1.page-title {
    font-size: clamp(1.45rem, 4.5vw, 2.15rem) !important;
    letter-spacing: -0.025em !important;
    line-height: 1.22 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* Single and Archive Styling */
.entry-content p,
.entry-summary p,
article p {
    color: #f1f5f9 !important;
    font-size: 17.6px !important;
    line-height: 1.75 !important;
    letter-spacing: -0.011em !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.read-title a {
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    color: #f8fafc !important;
}

/* ==========================================================================
   SINGLE POST: 2 BLOCS DISTINCTS SÉPARÉS PAR LE FOND D'ÉCRAN
   ========================================================================== */

/* Annulation du conteneur parent global pour laisser apparaître le fond */
body.single-post.aft-dark-mode main.site-main,
body.single-post main.site-main {
    background: transparent !important;
    background-color: transparent !important;
}

body.single-post.aft-dark-mode main.site-main .entry-content-wrap,
body.single-post .entry-content-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* BLOC 1 : En-tête de l'article (Badge Catégorie, Titre H1, Chapeau & Métadonnées) */
body.single-post header.entry-header {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 28px 32px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.single-post .aft-post-excerpt-and-meta {
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-left: 4px solid #ff6b00 !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

body.single-post .aft-post-excerpt-and-meta .post-excerpt {
    border-left: none !important;
    padding-left: 0 !important;
    margin: 0 0 12px 0 !important;
    color: #cbd5e1 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    font-style: italic !important;
}

/* BLOC 2 : Corps de l'article (Flash Parquet "Ce qu'il faut retenir" & Contenu) */
body.single-post .entry-content-wrap > .color-pad {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;
}

body.single-post .entry-content.read-details {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

body.single-post .entry-content details.hoops-flash-box,
body.single-post .entry-content .hoops-flash-parquet-box {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
}

/* Commentaires sous forme de carte cohérente */
body.single-post .comments-area {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 28px 32px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

/* ==========================================================================
   OPTIMISATION RESPONSIVE MOBILE : Marges latérales réduites sur smartphone
   ========================================================================== */
@media (max-width: 768px) {
    .container-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    body.single-post header.entry-header {
        padding: 20px 14px !important;
        border-radius: 10px !important;
    }
    body.single-post .entry-content-wrap > .color-pad {
        padding: 18px 12px !important;
        border-radius: 10px !important;
    }
    body.single-post .aft-post-excerpt-and-meta {
        padding: 14px 12px !important;
    }
    body.single-post .comments-area {
        padding: 18px 12px !important;
        border-radius: 10px !important;
    }

    /* Typographie Mobile Confort de Lecture (Norme Korben.info : 17.6px / line-height 1.72) */
    .entry-content p,
    .entry-summary p,
    article p {
        font-size: 17.6px !important;
        line-height: 1.72 !important;
        color: #f1f5f9 !important;
        letter-spacing: -0.011em !important;
    }
    .entry-content li {
        font-size: 17.5px !important;
        line-height: 1.65 !important;
        color: #f1f5f9 !important;
    }
    body.single-post .aft-post-excerpt-and-meta .post-excerpt {
        font-size: 1.15rem !important;
        line-height: 1.65 !important;
        color: #e2e8f0 !important;
    }
}

@media (max-width: 480px) {
    .container-wrapper {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    body.single-post header.entry-header {
        padding: 16px 10px !important;
        border-radius: 8px !important;
    }
    body.single-post .entry-content-wrap > .color-pad {
        padding: 16px 10px !important;
        border-radius: 8px !important;
    }
    body.single-post .aft-post-excerpt-and-meta {
        padding: 12px 10px !important;
        border-radius: 6px !important;
    }
}