/*
Theme Name: ActualitesPro
Theme URI: https://actualitespro.com
Author: ActualitesPro Team
Author URI: https://actualitespro.com
Description: Thème WordPress moderne et performant spécialement conçu pour les sites d'actualités, blogs et magazines en ligne. Optimisé pour Google PageSpeed Insights et Core Web Vitals.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: actualitespro
Tags: news, blog, magazine, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, editor-style, featured-image-header, flexible-header, post-formats, responsive-design, theme-options, accessibility-ready

ActualitesPro WordPress Theme, Copyright (C) 2024 ActualitesPro Team
ActualitesPro is distributed under the terms of the GNU GPL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ===================================
   CSS VARIABLES - ActualitesPro
   =================================== */
:root {
    /* Couleurs principales MENOW */
    --ap-primary: #16a085;
    --ap-secondary: #27ae60;
    
    /* Couleurs texte */
    --ap-text: #2c3e50;
    --ap-text-light: #5a6268; /* Contraste amélioré : 5.2:1 (WCAG AA+) - Meilleur pour Google PageSpeed */
    
    /* Couleurs fond */
    --ap-bg: #ffffff;
    --ap-bg-light: #f8f9fa;
    
    /* Bordures */
    --ap-border: #e0e0e0;
    
    /* Header & Footer MENOW */
    --ap-header-bg: #1a2d45;
    --ap-header-text: #ffffff; /* Couleur texte header - Personnalisable */
    --ap-footer-bg: #2c3e50; /* Bleu MENOW */
    --ap-footer-text: #ecf0f1; /* Couleur texte footer - Personnalisable */
    
    /* Widget Articles Récents - Couleurs personnalisables */
    --ap-widget-recent-primary: #16a085;
    --ap-widget-recent-secondary: #27ae60;
    --ap-widget-recent-bg: #ffffff;
    --ap-widget-recent-bg-hover: #f8f9fa;
    
    /* Widget Newsletter - Couleurs personnalisables */
    --ap-widget-newsletter-bg: #2c3e50;
    --ap-widget-newsletter-title: #27ae60;
    --ap-widget-newsletter-button-bg: #ffffff;
    --ap-widget-newsletter-button-text: #2c3e50;
    --ap-widget-newsletter-text: #ffffff;
    
    /* Espacements */
    --ap-spacing-xs: 4px;
    --ap-spacing-sm: 8px;
    --ap-spacing-md: 16px;
    --ap-spacing-lg: 24px;
    --ap-spacing-xl: 32px;
    --ap-spacing-xxl: 48px;
    
    /* Transitions */
    --ap-transition: 0.3s ease;
    
    /* Border radius */
    --ap-radius: 4px;
    --ap-radius-lg: 8px;
}

/* ===================================
   BASE STYLES
   =================================== */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Lora, Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--ap-text);
    background: var(--ap-bg);
    overflow-x: hidden;
}

/* ===================================
   ACCESSIBILITY
   =================================== */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ===================================
   PRINT STYLES
   =================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
    
    .site-header,
    .site-footer,
    .site-sidebar,
    nav,
    .menu-toggle,
    .back-to-top {
        display: none !important;
    }
}