/*
Theme Name: ClicMédias
Theme URI: https://clicmedias.chantalelepine71.chatgpt.site
Author: ClicMédias
Description: Thème WordPress par blocs conçu pour ClicMédias. Une présentation moderne, chaleureuse et entièrement modifiable avec l’éditeur Gutenberg.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: clicmedias
*/

:root { --cm-navy:#071d3a; --cm-blue:#0b3d78; --cm-electric:#168bff; --cm-cream:#f6f0e4; --cm-coral:#e85d4a; --cm-ink:#102a43; }
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
a { text-underline-offset:.18em; }
.cm-header { position:absolute; z-index:20; top:34px; left:4vw; right:4vw; border:1px solid rgba(255,255,255,.34); border-radius:13px; background:rgba(7,29,58,.40); backdrop-filter:blur(8px); box-shadow:0 14px 44px rgba(0,0,0,.12); }
.cm-logo { letter-spacing:-1.5px; }
.cm-hero { min-height:880px; display:flex; align-items:center; position:relative; }
.cm-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,16,29,.94),rgba(7,29,58,.78) 42%,rgba(7,29,58,.14) 76%),linear-gradient(0deg,rgba(2,8,18,.65),transparent 55%); z-index:1; pointer-events:none; }
.cm-hero > .wp-block-cover__inner-container { z-index:2; width:100%; }
.cm-hero-copy { max-width:620px; margin-left:5.5vw!important; }
.cm-eyebrow { text-transform:uppercase; letter-spacing:1.8px; font-weight:800; }
.cm-hero-title { font-size:clamp(3.4rem,5.5vw,5.2rem)!important; line-height:.95!important; letter-spacing:-3.5px; }
.cm-button .wp-block-button__link { display:flex; align-items:center; justify-content:space-between; gap:28px; min-width:320px; transition:transform .25s,background .25s; }
.cm-button .wp-block-button__link:hover { transform:translateY(-2px); }
.cm-intro { padding-top:110px!important; padding-bottom:110px!important; }
.cm-section-title { font-size:clamp(2.7rem,4.6vw,4.4rem)!important; line-height:1.03!important; letter-spacing:-2.5px; }
.cm-coral-rule { width:55px!important; margin-left:0!important; border-top-width:4px!important; border-radius:3px; }
.cm-photo-grid img { border-radius:13px; object-fit:cover; }
.cm-news { padding-top:100px!important; padding-bottom:100px!important; }
.cm-story { height:100%; overflow:hidden; border-radius:14px; }
.cm-story img { aspect-ratio:4/2.6; object-fit:cover; transition:transform .45s; }
.cm-story:hover img { transform:scale(1.025); }
.cm-story-copy { padding:24px; }
.cm-programs { padding-top:110px!important; padding-bottom:110px!important; }
.cm-program { border-top:1px solid rgba(255,255,255,.27); padding:28px 8px!important; }
.cm-program-number { min-width:42px; }
.cm-territories { padding-top:110px!important; padding-bottom:110px!important; }
.cm-membership { padding-top:80px!important; padding-bottom:80px!important; }
.cm-footer { padding-top:42px!important; padding-bottom:42px!important; }
@media (max-width:900px) {
  .cm-header { top:16px; }
  .cm-header .wp-block-navigation__responsive-container-open { color:white; }
  .cm-hero { min-height:760px; }
  .cm-hero-copy { margin-left:7vw!important; margin-right:7vw!important; }
  .cm-intro,.cm-news,.cm-programs,.cm-territories { padding-top:78px!important; padding-bottom:78px!important; }
}
@media (max-width:600px) {
  .cm-header { left:18px; right:18px; }
  .cm-hero-title { font-size:3.2rem!important; }
  .cm-button,.cm-button .wp-block-button__link { width:100%; min-width:0; }
  .cm-membership { padding-top:62px!important; padding-bottom:62px!important; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }