/*
Theme Name: Pimarket Landing
Theme URI: https://pimarket.dz
Author: Pimarket
Description: Theme de la landing page PIMARKET. Bloc Pi asymetrique, arete gauche vive, coins 48/32/24/12 px. Menu glissant sous 1040 px. La mise en page est en styles inline dans front-page.php ; ce fichier porte les globales, la navigation responsive et les etats de survol.
Version: 1.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietaire
Text Domain: pimarket-landing
*/

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%; }
  /* Safari iOS transforme les suites de chiffres en liens tel: bleus : on force l'heritage */
  a[href^="tel:"]:not([data-tel]), .pi-plain a { color: inherit !important; text-decoration: none !important; }
  /* Navigation : liens en ligne au-dessus de 900px, menu glissant en dessous */
  .pi-nav-desktop { display: flex; }
  .pi-burger { display: none; }
  @media (max-width: 1040px) {
    .pi-nav-desktop { display: none; }
    .pi-burger { display: inline-flex; }
  }
  .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); }
  [dir="rtl"] .pi-drawer { transform: translateX(102%); }
  [dir="rtl"] .pi-drawer[data-open="true"] { transform: translateX(0); }
  @media (prefers-reduced-motion: reduce) { .pi-drawer, .pi-scrim { transition: none; } }
  [data-reveal] { transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
  @media (prefers-reduced-motion: reduce) { [data-reveal] { transition: none !important; opacity: 1 !important; transform: none !important; } }
  * { box-sizing: border-box; }
  a { color: #004D8C; text-decoration: none; }
  a:hover { color: #00396A; }
  ::selection { background: #00A550; color: #FFFFFF; }

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

/* Etats de survol repris du design (un par element, ne pas renumeroter) */
.pi-h1:hover { background: #00396A; }
.pi-h2:hover { background: #00396A; }
.pi-h3:hover { background: #004D8C; color: #FFFFFF; }
.pi-h4:hover { background: #F6E2C6; color: #5C3103; }
.pi-h5:hover { background: #EAF2F9; }
.pi-h6:hover { background: #000000; }
.pi-h7:hover { background: #6B1520; }
.pi-h8:hover { background: #EAF2F9; }
.pi-h9:hover { background: #001C30; }
.pi-h10:hover { background: #F9EBED; }
.pi-h11:hover { background: rgba(255, 255, 255, 0.14); }
.pi-h12:hover { background: #00396A; }
.pi-h13:hover { border-color: #FFFFFF; background: #424242; }
.pi-h14:hover { border-color: #FFFFFF; background: #424242; }
.pi-h15:hover { border-color: #FFFFFF; background: #424242; }
.pi-h16:hover { border-color: #FFFFFF; background: #424242; }

/* Pagination des listes d'articles */
.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding-inline: 14px; border: 1px solid #E5E5E5; background: #FFFFFF; color: #333333; font-size: 14px; font-weight: 600; border-start-start-radius: 0; border-start-end-radius: 12px; border-end-end-radius: 12px; border-end-start-radius: 0; }
.page-numbers:hover { border-color: #004D8C; color: #004D8C; }
.page-numbers.current { background: #004D8C; border-color: #004D8C; color: #FFFFFF; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }

/* Corps d'article */
.pi-article h2 { margin: 48px 0 16px; font-size: 22px; line-height: 30px; font-weight: 600; color: #333333; }
.pi-article h3 { margin: 32px 0 12px; font-size: 18px; line-height: 26px; font-weight: 600; color: #333333; }
.pi-article p { margin: 0 0 20px; }
.pi-article ul, .pi-article ol { margin: 0 0 20px; padding-inline-start: 22px; }
.pi-article li { margin-bottom: 8px; }
.pi-article img { display: block; height: auto; border-start-end-radius: 24px; border-end-end-radius: 24px; }
.pi-article blockquote { margin: 32px 0; padding: 16px 20px; background: #F2F7FB; border-inline-start: 6px solid #004D8C; color: #00396A; border-start-end-radius: 24px; border-end-end-radius: 24px; }