/* Contact page – KIDnKOD look & feel */
:root{
  --kk-violet:#330394;
  --kk-orange:#fca203;
  --kk-blue:#15ACE1;
  --kk-light:#F4F7FE;
  --kk-dark:#14183E;
}

.kk-contact-hero{
  background:
    radial-gradient(900px 450px at 15% 10%, rgba(252,162,3,.25), transparent 60%),
    radial-gradient(900px 450px at 85% 30%, rgba(21,172,225,.18), transparent 60%),
    linear-gradient(90deg, #2b027e 0%, var(--kk-violet) 55%, #3a07a8 100%);
}

/* Card style cohérent avec les arrondis/pills */
.kk-card{
  background:#fff;
  border-radius: 18px;
  box-shadow: 0 15px 30px rgba(20,24,62,.08);
}

/* Icônes rondes */
.kk-icon{
  width:44px;
  height:44px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(51,3,148,.10);
  color: var(--kk-violet);
  flex: 0 0 auto;
}
.kk-icon--orange{ background: rgba(252,162,3,.18); color: var(--kk-orange); }
.kk-icon--blue{ background: rgba(21,172,225,.18); color: var(--kk-blue); }

.kk-hr{
  border-top: 1px solid rgba(51,3,148,.10);
  opacity:1;
}

/* Liens */
.kk-link{
  color: var(--kk-violet);
  font-weight: 800;
  text-decoration: none;
}
.kk-link:hover{ text-decoration: underline; color: var(--kk-violet); }

/* Note confidentialité */
.kk-note{
  background: rgba(51,3,148,.06);
  border: 1px solid rgba(51,3,148,.12);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--kk-dark);
  font-weight: 600;
}

/* Form inputs (reste bootstrap-compatible) */
.kk-input{
  border-radius: 14px !important;
  border: 1px solid rgba(51,3,148,.18) !important;
  padding: 12px 12px !important;
}
.kk-input:focus{
  border-color: rgba(51,3,148,.45) !important;
  box-shadow: 0 0 0 .25rem rgba(51,3,148,.12) !important;
}

/* Boutons */
.kk-btn-primary{
  background: var(--kk-violet) !important;
  border: 2px solid var(--kk-violet) !important;
  color:#fff !important;
  font-weight: 800 !important;
  transition: .2s ease-in-out;
}
.kk-btn-primary:hover{
  transform: translateY(-1px);
  background: #2b027e !important;
  border-color: #2b027e !important;
}

.kk-btn-outline-light{
  border: 2px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
  font-weight: 800 !important;
  background: transparent !important;
}
.kk-btn-outline-light:hover{
  border-color:#fff !important;
  color:#fff !important;
}

/* Responsive spacing */
@media (max-width: 991.98px){
  .kk-card{ border-radius: 16px; }
}