/*
Theme Name: REM'S Crystal
Theme URI: https://github.com/remi-content-ai/rems-crystal
Author: REM'S Content AI
Author URI: https://www.meilleur-site-paris-sportifs-cameroun.com
Description: Thème ultra-léger conçu spécialement pour le plugin REM'S Content AI. Design Crystal Glass natif. Header avec mega-menu auto-construit depuis les ligues du plugin, drawer mobile fluide, footer responsive. Compatible avec les 10 palettes Crystal du plugin (Admin → Design).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rems-crystal
Tags: blog, news, sports, betting, custom-menu, featured-images, footer-widgets, threaded-comments
*/

/* Le CSS principal vient du plugin REM'S Content AI :
   - design-system.css : tokens Crystal
   - rems-ai-widgets.css : composants widgets (cards, atomes)
   - rems-ai-pages.css : composants pages (hp-*, lg-*, ex-*, bk-*)
   - rems-ai-chrome.css : reset chrome legacy
   - rems-ai-layout.css : Header / Mega menu / Drawer / Footer (lay-*) ← v4.5.3

   Ici on ne fait QUE le minimum pour que WordPress soit content
   et le contenu de page (entre header et footer). */

/* Reset minimal */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Container par défaut */
.rc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
@media (min-width: 769px) {
    .rc-container { padding: 0 24px; }
}

/* Main content (entre header et footer) */
.rc-site-main {
    min-height: 60vh;
    padding: 24px 0 48px;
}

/* Single post / page minimal styling */
.rc-entry-header {
    margin-bottom: 24px;
}
.rc-entry-title {
    font-family: var(--rg-font-display, 'Inter', sans-serif);
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -.02em;
    color: var(--rg-t-1, #0f1530);
    margin: 0;
}
/* Si le contenu démarre par un H1 (via shortcode), cacher le H1 du thème */
body:has(.rems-hero__title) .rc-entry-header,
body:has(.hp-hero__h1) .rc-entry-header,
body:has(.lg-hd__h1) .rc-entry-header,
body:has(.rems-bkr-page h1) .rc-entry-header,
body:has(.rems-expert-page h1) .rc-entry-header,
body:has(.rems-homepage h1) .rc-entry-header {
    display: none;
}

/* Skip link accessibilité */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 8px;
    background: var(--rg-accent, #3d4cf0);
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    z-index: 10000;
}
.skip-link:focus { left: 8px; }

/* Pagination posts */
.rc-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 24px 0;
}
.rc-pagination a, .rc-pagination span {
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
    border: 1px solid var(--rg-line, rgba(60,75,130,.12));
    text-decoration: none;
    color: var(--rg-t-2, #3a456a);
    font-weight: 700;
}
.rc-pagination .current {
    background: var(--rg-accent, #3d4cf0);
    color: var(--rg-accent-ink, #fff);
    border-color: transparent;
}