/*
 * CB06 — Page d'accueil.
 * Remplace les 3 blocs <style> auparavant intégrés directement dans
 * index.php (Espace client Premium V7, SEO Clean V3, Conseils Premium
 * Final). Utilise les tokens de cb06-design-system.css.
 */

.cb06-home-client{
  width:min(1100px, calc(100% - 32px));
  margin:var(--cb06-sp-6) auto;
  padding:var(--cb06-sp-4);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--cb06-sp-3);
  background:var(--cb06-bg-alt);
  border:1px solid var(--cb06-border);
  border-radius:var(--cb06-r-lg);
}
.cb06-home-client h2{
  margin:0 0 6px;
  color:var(--cb06-navy);
  font-size:var(--cb06-fs-h2);
  font-weight:var(--cb06-fw-title);
  line-height:1.15;
}
.cb06-home-client p{
  margin:0;
  max-width:60ch;
  color:var(--cb06-text-secondary);
  font-size:15px;
  line-height:1.55;
}
.cb06-home-client .cb06-home-client-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media (max-width:760px){
  .cb06-home-client{
    grid-template-columns:1fr;
    margin:var(--cb06-sp-4) auto;
    padding:var(--cb06-sp-3);
  }
  .cb06-home-client .cb06-home-client-actions{ display:grid; }
}

.cb06-home-blog{
  padding:clamp(40px, 6vw, 56px) 0;
  background:linear-gradient(135deg, var(--cb06-navy), var(--cb06-blue));
}
.cb06-home-blog-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--cb06-sp-3);
}
.cb06-home-blog h2{
  margin:0 0 8px;
  color:#fff;
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.02em;
  font-weight:var(--cb06-fw-title);
}
.cb06-home-blog p{
  margin:0;
  max-width:52ch;
  color:rgba(255,255,255,.75);
  font-size:15px;
  line-height:1.55;
}
.cb06-home-blog a{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  background:var(--cb06-yellow);
  color:var(--cb06-navy);
  font-weight:800;
  white-space:nowrap;
  text-decoration:none;
  transition:transform var(--cb06-transition), box-shadow var(--cb06-transition), background var(--cb06-transition);
}
.cb06-home-blog a:hover{ background:var(--cb06-yellow-hover); transform:translateY(-1px); }
.cb06-home-blog a:focus-visible{ outline:3px solid rgba(255,210,31,.5); outline-offset:2px; }
@media (max-width:680px){
  .cb06-home-blog-inner{ grid-template-columns:1fr; }
  .cb06-home-blog h2{ font-size:25px; }
  .cb06-home-blog a{ width:100%; justify-content:center; }
}