/* Charte 3W CONSEIL : noir structurel, bleu ciel d’intervention, Kollektif pour titrer, Cormorant pour la lecture. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
@font-face{font-family:"Kollektif";src:url("kollektif-regular.woff") format("woff");font-display:swap}
#threew-conseil-guide{--i:#080a0b;--p:#f6f6f2;--w:#fff;--b:#68cbed;--l:#d9e2e5;--m:#536068;font-family:"Cormorant Garamond",Georgia,serif}#threew-conseil-guide h1,#threew-conseil-guide h2,#threew-conseil-guide h3,#threew-conseil-guide button,#threew-conseil-guide .wpc-meta,#threew-conseil-guide .wpc-card,#threew-conseil-guide .wpc-explorer nav,#threew-conseil-guide .wpc-hero i,#threew-conseil-guide .wpc-explorer i,#threew-conseil-guide .wpc-handoff i,#threew-conseil-guide .wpc-form-wrap>i{font-family:"Kollektif",Arial,sans-serif}#threew-conseil-guide .wpc-hero h1 em{color:#b5e7f7}#threew-conseil-guide .wpc-vigilance{background:#e8f8fd;border-left-color:var(--b)}#threew-conseil-guide .wpc-vigilance p{color:#294f60}#threew-conseil-guide .wpc-result{background:#eef9fc}#threew-conseil-guide .wpc-tutorial li aside{background:#f1f8fa}#threew-conseil-guide .wpc-assistance.repair{background:#e9f8fd}#threew-conseil-guide .wpc-assistance.build{background:#e7f0f3}#threew-conseil-guide .wpc-assistance:before{border-color:var(--b)}#threew-conseil-guide .wpc-video>b{background:var(--b);color:var(--i)}

/* Version intégrée : s’affranchit du conteneur Hello Elementor et applique la palette 3W CONSEIL. */
body:has(#threew-conseil-guide) {
  background: #080a0b;
}

#threew-conseil-guide {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100svh;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: clip;
  background: var(--i) !important;
  color: var(--i);
  border-top: 3px solid var(--b);
  box-shadow: 0 0 0 1px rgba(104, 203, 237, .14);
}

#threew-conseil-guide .wpc-explorer,
#threew-conseil-guide main,
#threew-conseil-guide .wpc-handoff {
  background: var(--p) !important;
}

#threew-conseil-guide .wpc-tutorial,
#threew-conseil-guide .wpc-search {
  background: var(--w) !important;
}

#threew-conseil-guide .wpc-tutorial li,
#threew-conseil-guide .wpc-video,
#threew-conseil-guide .wpc-reference,
#threew-conseil-guide .wpc-assistance,
#threew-conseil-guide .wpc-list {
  border-color: var(--l) !important;
}

#threew-conseil-guide .wpc-hero,
#threew-conseil-guide .wpc-progress,
#threew-conseil-guide .wpc-video {
  background: var(--i) !important;
}

#threew-conseil-guide .wpc-card.is-active {
  box-shadow: 5px 5px 0 var(--b) !important;
}

@media (max-width: 900px) {
  #threew-conseil-guide {
    min-height: 100svh;
  }
}

/* Lisibilité des blocs : aucun titre ni aucune description ne doit être tronqué par une colonne. */
#threew-conseil-guide .wpc-card,
#threew-conseil-guide .wpc-card strong,
#threew-conseil-guide .wpc-card small,
#threew-conseil-guide .wpc-card span,
#threew-conseil-guide .wpc-assistance,
#threew-conseil-guide .wpc-assistance h3,
#threew-conseil-guide .wpc-assistance p,
#threew-conseil-guide .wpc-assistance div,
#threew-conseil-guide .wpc-assistance div b,
#threew-conseil-guide .wpc-assistance div small {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Liens d’action : bleu foncé au repos, bleu ciel visible au survol et au focus clavier. */
#threew-conseil-guide .wpc-card em,
#threew-conseil-guide .wpc-assistance button,
#threew-conseil-guide .wpc-handoff button,
#threew-conseil-guide .wpc-hero a,
#threew-conseil-guide .wpc-reference {
  color: #0b3d55 !important;
  opacity: 1 !important;
  text-decoration-color: currentColor !important;
  transition: color 160ms cubic-bezier(.23, 1, .32, 1), background-color 160ms cubic-bezier(.23, 1, .32, 1) !important;
}

#threew-conseil-guide .wpc-assistance button,
#threew-conseil-guide .wpc-handoff button,
#threew-conseil-guide .wpc-hero a {
  background: transparent !important;
}

#threew-conseil-guide .wpc-card:hover em,
#threew-conseil-guide .wpc-card:focus-visible em,
#threew-conseil-guide .wpc-assistance button:hover,
#threew-conseil-guide .wpc-assistance button:focus-visible,
#threew-conseil-guide .wpc-handoff button:hover,
#threew-conseil-guide .wpc-handoff button:focus-visible,
#threew-conseil-guide .wpc-hero a:hover,
#threew-conseil-guide .wpc-hero a:focus-visible,
#threew-conseil-guide .wpc-reference:hover,
#threew-conseil-guide .wpc-reference:focus-visible {
  color: #05769d !important;
  background: rgba(104, 203, 237, .18) !important;
}

#threew-conseil-guide .wpc-assistance button:focus-visible,
#threew-conseil-guide .wpc-handoff button:focus-visible,
#threew-conseil-guide .wpc-hero a:focus-visible,
#threew-conseil-guide .wpc-reference:focus-visible {
  outline: 2px solid #68cbed !important;
  outline-offset: 3px !important;
}

/* Survol des cartes : priorité maximale sur les anciens états rose / brique. */
#threew-conseil-guide .wpc-card,
#threew-conseil-guide .wpc-card strong,
#threew-conseil-guide .wpc-card span,
#threew-conseil-guide .wpc-card small,
#threew-conseil-guide .wpc-card em {
  color: #080a0b !important;
}

#threew-conseil-guide .wpc-card:hover,
#threew-conseil-guide .wpc-card:focus-visible,
#threew-conseil-guide .wpc-card.is-active {
  background: #e5f7fc !important;
  color: #080a0b !important;
  border-color: #68cbed !important;
  outline: 1px solid #68cbed !important;
  box-shadow: 5px 5px 0 #68cbed !important;
}

#threew-conseil-guide .wpc-card:hover strong,
#threew-conseil-guide .wpc-card:hover span,
#threew-conseil-guide .wpc-card:hover small,
#threew-conseil-guide .wpc-card:focus-visible strong,
#threew-conseil-guide .wpc-card:focus-visible span,
#threew-conseil-guide .wpc-card:focus-visible small,
#threew-conseil-guide .wpc-card.is-active strong,
#threew-conseil-guide .wpc-card.is-active span,
#threew-conseil-guide .wpc-card.is-active small {
  color: #080a0b !important;
  opacity: 1 !important;
}

#threew-conseil-guide .wpc-card em,
#threew-conseil-guide .wpc-card:hover em,
#threew-conseil-guide .wpc-card:focus-visible em,
#threew-conseil-guide .wpc-card.is-active em {
  color: #05769d !important;
  opacity: 1 !important;
}