/*
Theme Name: CHIK Brand & Prod
Theme URI: https://chikbrandprod.example
Author: CHIK Brand & Prod
Author URI: https://chikbrandprod.example
Description: Thème vitrine cinématographique pour CHIK Brand & Prod — agence de marketing d'influence et de production audiovisuelle responsable (Cotonou, Bénin). Page d'accueil immersive : hero « viewfinder » caméra, diaporama, showreel, grille tarifaire interactive, bilingue FR/EN. La plupart des contenus se modifient dans Apparence → Personnaliser.
Version: 1.0.0
Requires at least: 5.5
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chik-brand-prod
*/

/* =========================================================
   Base + animations.
   Le reste de la mise en forme est en styles « inline » dans
   les gabarits (template-parts) pour rester simple à éditer.
   ========================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--accent);color:#fff}
:root{
  --ink:#070d20;--ink2:#0a1330;--ink3:#0e1c44;--card:#0e1838;
  --accent:#1763e6;--blue2:#3b8bff;--green:#16a06a;
  --paper:#f3f6fc;--paper2:#ffffff;--line:#e3e9f5;
  --text:#0a1228;--snow:#eef3ff;--md:rgba(233,239,252,.62);--ml:#5c6680;
}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:#c3cde2;border-radius:8px;border:3px solid var(--paper)}
input,textarea,button{font-family:inherit}
a{color:inherit}
img{max-width:100%;height:auto}

@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes riseSm{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes glow{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.22)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes kb{0%{transform:scale(1.12) translate(0,0)}100%{transform:scale(1.26) translate(-3%,-3%)}}
@keyframes afpulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes afbox{0%,100%{transform:translate(-50%,-50%) scale(1);border-color:rgba(255,255,255,.5)}50%{transform:translate(-50%,-50%) scale(.86);border-color:var(--blue2)}}
@keyframes recblink{0%,48%{opacity:1}50%,100%{opacity:.18}}
@keyframes flare{0%{transform:translateX(-40vw) rotate(10deg);opacity:0}28%{opacity:.55}72%{opacity:.55}100%{transform:translateX(140vw) rotate(10deg);opacity:0}}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mtr1{0%,100%{height:22%}50%{height:88%}}
@keyframes mtr2{0%,100%{height:54%}40%{height:30%}70%{height:96%}}
@keyframes mtr3{0%,100%{height:70%}30%{height:44%}60%{height:90%}}
@keyframes mtr4{0%,100%{height:38%}50%{height:74%}}
@keyframes apertureBreathe{0%,100%{transform:scale(1)}50%{transform:scale(.78)}}
@keyframes clap{0%,66%,100%{transform:rotate(0deg)}80%{transform:rotate(-32deg)}90%{transform:rotate(0deg)}}
@keyframes eqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes eqFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(13px)}}
@keyframes recblink{0%,48%{opacity:1}50%,100%{opacity:.18}}
@keyframes afpulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes afbox{0%,100%{transform:translate(-50%,-50%) scale(1);border-color:rgba(255,255,255,.5)}50%{transform:translate(-50%,-50%) scale(.86);border-color:var(--blue2)}}
@keyframes flare{0%{transform:translateX(-40vw) rotate(10deg);opacity:0}28%{opacity:.55}72%{opacity:.55}100%{transform:translateX(140vw) rotate(10deg);opacity:0}}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kb{0%{transform:scale(1.12) translate(0,0)}100%{transform:scale(1.26) translate(-3%,-3%)}}
@keyframes mtr1{0%,100%{height:22%}50%{height:88%}}
@keyframes mtr2{0%,100%{height:54%}40%{height:30%}70%{height:96%}}
@keyframes mtr3{0%,100%{height:70%}30%{height:44%}60%{height:90%}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}