/*
 * Cap Portage — système visuel « Confiance claire »
 * Couche transversale non destructive pour les modèles éditoriaux.
 */
:root{
  --cp-trust-blue:#1261c9;
  --cp-trust-blue-dark:#0b3977;
  --cp-trust-sky:#edf6ff;
  --cp-trust-sky-2:#f7fbff;
  --cp-trust-line:#d7e7f7;
  --cp-trust-sand:#e7c878;
}

body:not(.home){
  background:var(--cp-trust-sky-2);
}

body:not(.home) .navbar{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--cp-trust-line);
  box-shadow:0 4px 24px rgba(11,57,119,.05);
}

body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#fff!important;
  color:var(--cp-navy)!important;
  border-bottom:1px solid var(--cp-trust-line);
}

body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero)::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:calc(var(--navbar-h) + 1rem);
  right:max(2vw,calc((100vw - 1240px)/2));
  width:min(46vw,660px);
  height:calc(100% - var(--navbar-h) - 2rem);
  min-height:280px;
  background:url("../images/illustrations/support-team.webp") center/contain no-repeat;
  pointer-events:none;
}

body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero) > .container{
  position:relative;
  z-index:1;
}

body:not(.home) :where(.hero__inner,.page-hero .container,.sector-hero__layout,.city-hero .container,.metier-hero__inner,.cp-v3-hero .container){
  width:100%;
  max-width:1240px!important;
  margin-inline:auto!important;
  padding-right:min(48vw,680px)!important;
  text-align:left!important;
}

body:not(.home) :where(.hero__title,.page-hero h1,.sector-hero h1,.city-hero h1,.metier-hero h1,.cp-v3-hero h1){
  color:var(--cp-navy)!important;
  text-wrap:balance;
}

body:not(.home) :where(.hero__subtitle,.page-hero p,.sector-hero p,.city-hero p,.metier-hero p,.cp-v3-hero p){
  color:#52657d!important;
}

body:not(.home) :where(.gradient-text,.hero__badge){
  color:var(--cp-trust-blue)!important;
  -webkit-text-fill-color:currentColor!important;
  background:var(--cp-trust-sky)!important;
}

body:not(.home) .hero__ctas{
  justify-content:flex-start!important;
}

body:is(.page-template-page-simulateur,.page-template-page-offre-standard,.page-template-page-offre-premium,.page-template-page-frais-pro,.page-template-page-sasu-micro-portage)
  :where(.hero,.page-hero)::after{
  background-image:url("../images/illustrations/simulator-guidance.webp");
}

body:is(.page-template-page-secteur,.page-template-page-consultant-it,.page-template-page-freelance,.post-type-archive-cp_metier,.single-cp_metier)
  :where(.hero,.page-hero,.sector-hero,.metier-hero)::after{
  background-image:url("../images/illustrations/sector-experts.webp");
}

body:is(.page-template-page-contact,.page-template-page-faq,.page-template-page-a-propos,.page-template-page-france,.page-template-page-comment-ca-marche)
  :where(.hero,.page-hero,.cp-v3-hero)::after{
  background-image:url("../images/illustrations/support-team.webp");
}

body:not(.home) main :where(.section,.section--sm):nth-of-type(even){
  background:#fff;
}

body:not(.home) :where(.card,.offer-card,.city-card,.metier-card){
  border-color:var(--cp-trust-line);
  box-shadow:0 12px 35px rgba(11,57,119,.07);
}

.cp-home-v6{
  --v6-ivory:#fff;
  --v6-ivory-dark:#edf6ff;
  --v6-blue-tint:#edf6ff;
}

.cp-home-v6 .v6-hero{
  background:#f7fbff;
}

.cp-home-v6 .v6-sector__icon.dashicons,
.cp-home-v6 .v6-benefit__icon.dashicons{
  width:auto;
  height:auto;
  font-size:1.5rem;
  line-height:1;
}

.cp-home-v6 .v6-hero__illustration,
.cp-home-v6 .v6-human__illustration{
  object-fit:contain;
  background:#fff;
  box-shadow:none;
}

.cp-home-v6 .v6-hero__illustration{
  height:auto;
  aspect-ratio:3/2;
}

.cp-home-v6 .v6-human__illustration{
  height:auto;
  aspect-ratio:3/2;
  border-radius:24px;
}

.cp-home-v6 .v6-hero__content h1{
  color:var(--cp-navy);
  max-width:13ch;
}

.cp-home-v6 .btn--blue,
.cp-home-v6 .v6-sim{
  background:var(--cp-trust-blue);
}

.cp-home-v6 .v6-eyebrow{
  background:var(--cp-trust-sky);
  color:var(--cp-trust-blue-dark);
}

@media(max-width:1000px){
  body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero){
    padding-bottom:2rem!important;
  }
  body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero)::after{
    position:relative;
    display:block;
    inset:auto;
    width:min(92%,680px);
    height:auto;
    aspect-ratio:3/2;
    margin:1.5rem auto 0;
  }
  body:not(.home) :where(.hero__inner,.page-hero .container,.sector-hero__layout,.city-hero .container,.metier-hero__inner,.cp-v3-hero .container){
    padding-right:0!important;
  }
}

@media(max-width:640px){
  body:not(.home) :where(.hero,.page-hero,.sector-hero,.city-hero,.metier-hero,.cp-v3-hero)::after{
    width:100%;
    min-height:220px;
  }
  .cp-home-v6 .v6-hero__illustration,
  .cp-home-v6 .v6-human__illustration{
    border-radius:16px;
  }
}