/*
Theme Name: Guinness Centre
Theme URI: https://guinness-centre.example
Author: Guinness Centre
Description: Thème sur-mesure pour le site vitrine du Centre Guinness (soutien scolaire & langues). Compatible avec l'éditeur de blocs et le plugin Spectra.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: guinness-centre
*/

/* La quasi-totalité du design est géré par Tailwind (chargé en CDN, voir functions.php)
   afin de rester fidèle à la maquette d'origine et de ne nécessiter aucune étape de build.
   Ce fichier ne contient que le strict nécessaire que Tailwind ne couvre pas. */

.rtl { direction: rtl; text-align: right; }

.hero-pattern {
    background: linear-gradient(135deg, rgba(29, 78, 216, 0.95) 0%, rgba(69, 182, 73, 0.9) 100%), url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #45b649; border-radius: 5px; }

/* Horizontal card carousels (Annonces / Activités): the scroll track is
   kept LTR regardless of page direction, so scrollBy()/scroll-snap math and
   the arrow buttons behave identically on the French and the Arabic site.
   Each card's own text direction is then restored to RTL on the Arabic
   site (html.rtl) so Arabic titles/excerpts still read and align correctly. */
#annonces-track, #gallery-track { direction: ltr; }
.rtl #annonces-track > a,
.rtl #gallery-track > button { direction: rtl; text-align: right; }

.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Line-clamp fallback (Tailwind's Play CDN build may not always include it) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* WordPress core alignment helpers used by the_content() on single posts */
.wp-block-image img { border-radius: 1.5rem; }

/* wp_nav_menu() output (see header.php) — Tailwind utility classes can't reach
   into the <li><a> markup WordPress generates, so we style it here instead. */
nav ul li a { transition: color .2s ease; }
nav ul li a:hover { color: #f47c36; }
#mobile-menu ul { list-style: none; margin: 0; padding: 0; }
#mobile-menu ul li a { display: block; padding: 0.5rem 0; font-weight: 500; color: #334155; }