/*
Theme Name:  ClientAuto 24/7
Theme URI:   https://maxacrea.mg
Author:      Maxacrea
Author URI:  https://maxacrea.mg
Description: Thème WordPress ClassiqueClassique pour ClientAuto 24/7 — Automatisation Facebook Messenger pour PME malgaches. Tous les blocs sont construits avec ACF Pro + Gutenberg.
Version:     1.0.0
Requires at least: 6.3
Tested up to:      6.7
Requires PHP:      8.1
License:           Proprietary
Text Domain:       clientauto
Tags:              black, green, gutenberg, acf, automation, facebook
*/

/* ─────────────────────────────────────────────
   RESET & BASE
───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: inherit; text-decoration: none; }

/* ─────────────────────────────────────────────
   WORDPRESS CORE — Override pour thème dark
───────────────────────────────────────────── */
.wp-block-group  { margin: 0; padding: 0; }
.entry-content > * + * { margin-top: 0; }
.wp-site-blocks  { padding: 0; }

/* Barre admin */
body.admin-bar .clientauto-header { top: 32px; }

/* ─────────────────────────────────────────────
   UTILITAIRES GLOBAUX
───────────────────────────────────────────── */
.font-display { font-family: 'Space Grotesk', sans-serif; }

.ca-container {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 2rem;
}

/* ─────────────────────────────────────────────
   ANIMATIONS
───────────────────────────────────────────── */
@keyframes ca-spin   { to { transform: rotate(360deg); } }
@keyframes ca-pulse  { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
@keyframes ca-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.ca-spin    { animation: ca-spin   20s linear infinite; }
.ca-pulse   { animation: ca-pulse  2s  ease-in-out infinite; }
.ca-marquee { animation: ca-marquee 28s linear infinite; }

/* ─────────────────────────────────────────────
   EDITOR — désactive padding Gutenberg
───────────────────────────────────────────── */
.editor-styles-wrapper .wp-block { max-width: none; }

/* ─────────────────────────────────────────────
   PROSE LÉGALE — Template pages légales
───────────────────────────────────────────── */
.prose-legal h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  color: #fff;
  scroll-margin-top: 100px;
}

.prose-legal h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: #fff;
}

.prose-legal p,
.prose-legal li {
  font-size: 0.92rem;
  line-height: 1.65;
  color: #d4d4d8;
}

.prose-legal p { margin-bottom: 0.85rem; }

.prose-legal ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
}

.prose-legal ul li {
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 0.45rem;
}

.prose-legal ul li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: #4ade80;
  font-weight: 700;
}

.prose-legal strong { color: #fff; font-weight: 600; }

.prose-legal a {
  color: #4ade80;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.prose-legal a:hover { color: #bbf7d0; }