/* HK DIAG — encadré « Diagnostics à prévoir » (formulaire de devis + page merci) */
.copro-row .radio-group{ flex-wrap: wrap; }

.diag-prevus[hidden]{ display: none !important; }
.diag-prevus{
  position: relative;
  margin: 6px 0 30px;
  padding: 20px 22px 18px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(14,165,160,.07), rgba(14,165,160,.02));
  border: 1px solid rgba(14,165,160,.28);
  box-shadow: var(--shadow-sm);
}
.diag-prevus .dp-tete{ display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.diag-prevus .dp-icone{
  flex: none; width: 38px; height: 38px; border-radius: 11px;
  display: grid; place-items: center;
  background: var(--accent); color: #fff;
  box-shadow: 0 6px 16px rgba(14,165,160,.30);
}
.diag-prevus .dp-icone svg{ width: 20px; height: 20px; }
.diag-prevus .dp-titre{ margin: 0; font-size: 1.05rem; line-height: 1.25; color: var(--navy-dark); font-weight: 700; }
.diag-prevus .dp-sous{ margin: 2px 0 0; font-size: .8rem; color: var(--text-light); }

.dp-liste{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.dp-item{
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: var(--radius-sm);
  background: #fff; border: 1px solid var(--border);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.dp-item:hover{ transform: translateY(-1px); box-shadow: var(--shadow-sm); border-color: rgba(14,165,160,.35); }
.dp-coche{
  flex: none; width: 20px; height: 20px; border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.dp-txt{ display: flex; flex-direction: column; min-width: 0; }
.dp-txt strong{ font-size: .92rem; color: var(--text); font-weight: 600; line-height: 1.3; }
.dp-txt small{ font-size: .76rem; color: var(--text-light); line-height: 1.3; }
.dp-tag{
  align-self: flex-start; margin-top: 5px;
  font-size: .68rem; font-weight: 600; line-height: 1.2;
  padding: 3px 9px; border-radius: 999px;
  color: var(--accent-ink); background: rgba(14,165,160,.13);
}
.dp-item.is-possede .dp-coche{ background-color: #9fb3c1; }
.dp-item.is-possede strong{ color: var(--text-light); }

.dp-hint{ margin: 12px 0 0; font-size: .8rem; color: var(--navy); }
.dp-non{ margin: 8px 0 0; font-size: .78rem; color: var(--text-light); }
.dp-non span{ font-weight: 600; }
.dp-vide{ margin: 0; font-size: .9rem; color: var(--text-light); }
.dp-mention{ margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed rgba(14,165,160,.30); font-size: .74rem; color: var(--text-light); }

.dp-anim .dp-item{ animation: dpIn .35s var(--ease) both; }
.dp-anim .dp-item:nth-child(2){ animation-delay: .03s; } .dp-anim .dp-item:nth-child(3){ animation-delay: .06s; }
.dp-anim .dp-item:nth-child(4){ animation-delay: .09s; } .dp-anim .dp-item:nth-child(5){ animation-delay: .12s; }
.dp-anim .dp-item:nth-child(6){ animation-delay: .15s; } .dp-anim .dp-item:nth-child(n+7){ animation-delay: .18s; }
@keyframes dpIn{ from{ opacity: 0; transform: translateY(4px); } to{ opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){ .dp-anim .dp-item{ animation: none; } .dp-item{ transition: none; } }

/* Page merci */
.success-box .diag-prevus{ text-align: left; margin: 26px auto 26px; max-width: 560px; }

/* Téléphone */
@media (max-width: 700px){
  .diag-prevus{ padding: 16px 14px 14px; margin-bottom: 26px; }
  .diag-prevus .dp-icone{ width: 34px; height: 34px; border-radius: 10px; }
  .diag-prevus .dp-titre{ font-size: 1rem; }
  .dp-liste{ grid-template-columns: 1fr; gap: 6px; }
  .dp-item{ padding: 9px 11px; }
  .copro-row .radio-group{ flex-wrap: nowrap; gap: 6px; }
  .copro-row .radio-item{ flex: 1 1 auto; min-width: 0; justify-content: center; padding-left: 6px; padding-right: 6px; white-space: nowrap; font-size: .84rem; gap: 6px; }
  .success-box .diag-prevus{ margin-left: -28px; margin-right: -28px; }
}
@media (max-width: 380px){
  .dp-tag{ font-size: .64rem; }
}

/* ---------- Saisie d'adresse assistée ---------- */
.adr-box{ position: relative; }
.adr-liste{
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 40;
  margin: 0; padding: 6px; list-style: none;
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  max-height: min(340px, 50vh); overflow-y: auto; overscroll-behavior: contain;
  animation: dpIn .2s var(--ease) both;
}
.adr-liste[hidden]{ display: none; }
.adr-item{
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px; border-radius: 8px; cursor: pointer;
  transition: background .15s var(--ease);
}
.adr-item:hover, .adr-item.is-actif{ background: rgba(14,165,160,.11); }
.adr-pin{
  flex: none; width: 30px; height: 30px; border-radius: 50%;
  background: rgba(14,165,160,.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a86' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.2A7 7 0 0 1 19 9.8C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.4'/%3E%3C/svg%3E") center / 17px no-repeat;
}
.adr-txt{ display: flex; flex-direction: column; min-width: 0; }
.adr-txt strong{ font-size: .94rem; color: var(--text); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.adr-txt small{ font-size: .8rem; color: var(--text-light); line-height: 1.3; }
.adr-vide{ padding: 12px; font-size: .86rem; color: var(--text-light); }

#adresse.is-verified{
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a86' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 18px;
}
#adresse.adr-err{ border-color: var(--wheel-red); box-shadow: 0 0 0 3px rgba(224,87,79,.15); }
.adr-msg{ margin: 8px 0 0; font-size: .84rem; line-height: 1.4; color: #b3261e; }
.adr-msg[hidden]{ display: none; }

.adr-flash{ animation: adrFlash 1.1s var(--ease); }
@keyframes adrFlash{ 0%{ box-shadow: 0 0 0 3px rgba(14,165,160,.45); } 100%{ box-shadow: 0 0 0 3px rgba(14,165,160,0); } }
@media (prefers-reduced-motion: reduce){ .adr-liste, .adr-flash{ animation: none; } .adr-item{ transition: none; } }

@media (max-width: 700px){
  .adr-item{ padding: 12px 10px; min-height: 52px; }
  .adr-liste{ max-height: 46vh; }
}

/* Question copropriété : colonne de droite, sous « Type de bien » (ordinateur) */
@media (min-width: 761px){ .form-row > .copro-row{ grid-column: 2; } }