/* Innovate Community — finition professionnelle des pages Services — 27.07.2026 */

/* Curseur noir sur les fonds clairs, avec un fin liseré pour rester lisible sur les zones sombres. */
html body.page-service .ic-fluo-cursor-final{
  width:9px !important;
  height:9px !important;
  background:#111111 !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 1px 5px rgba(0,0,0,.22) !important;
}
html body.page-service.ic-cursor-hover .ic-fluo-cursor-final{
  width:15px !important;
  height:15px !important;
}

/* Nom du service en noir. */
html body.page-service main.wrap .right .label,
html body.page-service main.wrap .right .label *{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}

/* Flèches gauche/droite réellement cliquables. */
html body.page-service .controls{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
html body.page-service .service-nav-arrow{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(17,17,17,.30);
  border-radius:999px;
  background:rgba(255,255,255,.28);
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  font-family:"Space Grotesk",Arial,sans-serif;
  font-size:20px;
  line-height:1;
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
html body.page-service .service-nav-arrow:hover,
html body.page-service .service-nav-arrow:focus-visible{
  background:#ccff00;
  border-color:#ccff00;
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
  transform:translateY(-1px);
  outline:none;
}

/* Bloc Idéal pour : texte lisible et deux actions regroupées proprement. */
html body.page-service .service-offer-intro{
  width:min(760px,100%) !important;
  margin-top:clamp(28px,3vw,42px) !important;
  padding-top:22px !important;
  border-top:1px solid rgba(17,17,17,.18) !important;
  display:block !important;
}
html body.page-service .service-offer-intro p,
html body.page-service .service-offer-intro strong{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}
html body.page-service .service-offer-intro p{
  font-size:clamp(18px,1.22vw,22px) !important;
  line-height:1.28 !important;
}
html body.page-service .service-offer-intro-label{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  margin-bottom:8px !important;
}
html body.page-service .service-page-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
html body.page-service .service-page-actions .service-offer-intro-link,
html body.page-service .service-page-actions .back{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.15 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  white-space:normal !important;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease !important;
}
html body.page-service .service-page-actions .service-offer-intro-link{
  background:#ccff00 !important;
  border:1px solid #ccff00 !important;
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
}
html body.page-service .service-page-actions .service-offer-intro-link:hover,
html body.page-service .service-page-actions .service-offer-intro-link:focus-visible{
  background:#111111 !important;
  border-color:#111111 !important;
  color:#f6f2eb !important;
  -webkit-text-fill-color:#f6f2eb !important;
  transform:translateY(-1px);
  outline:none;
}
html body.page-service .service-page-actions .back{
  background:transparent !important;
  border:1px solid rgba(17,17,17,.34) !important;
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}
html body.page-service .service-page-actions .back:hover,
html body.page-service .service-page-actions .back:focus-visible{
  background:#111111 !important;
  border-color:#111111 !important;
  color:#f6f2eb !important;
  -webkit-text-fill-color:#f6f2eb !important;
  transform:translateY(-1px);
  outline:none;
}
html body.page-service .service-page-actions .back:hover *,
html body.page-service .service-page-actions .back:focus-visible *{
  color:#f6f2eb !important;
  -webkit-text-fill-color:#f6f2eb !important;
}

/* Parlons-en : jaune fluo au survol sur toutes les pages de services. */
html body.page-service a.ic-talk-button,
html body.page-service a.ic-talk-button--violet{
  --ic-talk-hover-bg:#ccff00 !important;
  --ic-talk-hover-color:#111111 !important;
  --ic-talk-hover-border:#ccff00 !important;
}

@media(max-width:900px){
  html body.page-service .controls{
    position:static !important;
    display:flex !important;
    justify-content:flex-end !important;
    margin:0 0 22px !important;
  }
  html body.page-service .service-nav-arrow{
    width:42px;
    height:42px;
    font-size:18px;
  }
  html body.page-service .service-page-actions{
    align-items:stretch;
  }
  html body.page-service .service-page-actions .service-offer-intro-link,
  html body.page-service .service-page-actions .back{
    width:100% !important;
  }
}