/*
Theme Name: Pimarket Academy
Theme URI: https://academy.pimarket.dz
Author: Pimarket
Description: Theme du site academy.pimarket.dz. Deux modeles de page : Pole Sante Numerique et Pole Dirigeants & Entreprise. Selecteur de poles dans la barre, video de fond teintee dans la couleur du pole, bandeau photo duotone, deux parcours par page (individuel / organisation). La mise en page est en styles inline dans les modeles ; ce fichier porte les globales, la navigation responsive et les etats de survol.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietaire
Text Domain: pimarket-academy
*/

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg { max-width: 100%; }
* { box-sizing: border-box; }
a { color: #004D8C; text-decoration: none; }
a:hover { color: #00396A; }
::selection { background: #00A550; color: #FFFFFF; }
a[href^="tel:"]:not([data-tel]), .pi-plain a { color: inherit !important; text-decoration: none !important; }

/* Barre : selecteur de poles + liens de page. Sous 1420 px tout passe dans le menu glissant. */
.pi-nav-desktop { display: flex; }
.pi-poles { display: flex; }
.pi-burger { display: none; }
@media (max-width: 1420px) {
  .pi-nav-desktop, .pi-poles { display: none; }
  .pi-burger { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) { .pi-hero-video { display: none; } }

.pi-scrim { opacity: 0; pointer-events: none; transition: opacity 0.28s ease; }
.pi-scrim[data-open="true"] { opacity: 1; pointer-events: auto; }
.pi-drawer { transform: translateX(-102%); transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1); }
.pi-drawer[data-open="true"] { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .pi-drawer, .pi-scrim { transition: none; } }

body.pi-menu-ouvert { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { transition: none !important; opacity: 1 !important; transform: none !important; }
}

/* Parcours : un seul panneau visible a la fois (voir js/poles.js). */
.ac-panneau[hidden] { display: none; }

/* Contenu redige dans WordPress (index.php) : les modeles poles n'en dependent pas. */
.ac-contenu { max-width: 68ch; }
.ac-contenu h2 { font-size: clamp(22px, 3.5vw, 30px); line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; margin-block: 40px 12px; }
.ac-contenu h3 { font-size: 20px; line-height: 28px; font-weight: 600; margin-block: 32px 8px; }
.ac-contenu p, .ac-contenu li { font-size: 16px; line-height: 26px; }
.ac-contenu img { height: auto; border-start-end-radius: 20px; border-end-end-radius: 20px; }
.ac-contenu blockquote { margin-inline: 0; padding: 20px 24px; border-inline-start: 6px solid #00A550; background: #F7F7F7; }

/* Lien de connexion vers le LMS */
.ac-lms:hover { background: #F2F2F2; border-color: #333333; color: #333333; }

/* Etats de survol repris du design (un par element, ne pas renumeroter) */
.ac-h1:hover { color: #333333; }
.ac-h2:hover { background: #E9E9E9; color: #004D8C; }
.ac-h3:hover { background: #00396A; }
.ac-h4:hover { background: #E5E5E5; }
.ac-h5:hover { background: #6B3904; }
.ac-h6:hover { background: #111111; }
.ac-h7:hover { background: #111111; }
.ac-h8:hover { border-color: #FFFFFF; background: #424242; }
.ac-h9:hover { border-color: #FFFFFF; background: #424242; }
.ac-h10:hover { border-color: #FFFFFF; background: #424242; }
.ac-h11:hover { border-color: #FFFFFF; background: #424242; }
.ac-h12:hover { color: #333333; }
.ac-h13:hover { background: #E9E9E9; color: #8A4A05; }
.ac-h14:hover { background: #00396A; }
.ac-h15:hover { background: #E5E5E5; }
.ac-h16:hover { background: #6B3904; }
.ac-h17:hover { background: #111111; }
.ac-h18:hover { background: #111111; }
.ac-h19:hover { border-color: #FFFFFF; background: #424242; }
.ac-h20:hover { border-color: #FFFFFF; background: #424242; }
.ac-h21:hover { border-color: #FFFFFF; background: #424242; }
.ac-h22:hover { border-color: #FFFFFF; background: #424242; }