/* CSK BAT : page Contact */

/* Cartes de coordonnees */
.csk-ct-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

.csk-ct-card {
  padding: 36px 28px;
  text-align: center;
  border-radius: 28px;
  background: #E6F4FB;
  border: 1px solid rgba(30,90,168,.12);
  transition: transform .35s ease, box-shadow .35s ease;
}
.csk-ct-card:hover { transform: translateY(-8px); box-shadow: 0 24px 50px rgba(30,90,168,.20); }
.csk-reveal-on .csk-ct-card.is-in:hover { transform: translateY(-8px); }

.csk-ct-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; margin-bottom: 18px;
  border-radius: 18px; background: #1E5AA8; color: #FFFFFF; font-size: 24px;
}
.csk-ct-card h3 { margin: 0 0 10px; font-family: "Manrope", sans-serif; font-weight: 800; font-size: 1.25rem; color: #0B2D5B !important; }
.csk-ct-card p,
.csk-ct-card a { display: block; margin: 0; font-size: 1.02rem; line-height: 1.6; color: #5B6770 !important; text-decoration: none; }
.csk-ct-card a { font-family: "Manrope", sans-serif; font-weight: 700; color: #1E5AA8 !important; overflow-wrap: anywhere; }
.csk-ct-card a:hover { text-decoration: underline; }
.csk-ct-card small { display: block; margin-top: 8px; font-size: .9rem; color: #5B6770 !important; }

/* Bloc formulaire : intro + formulaire */
.csk-ct-split { display: grid; grid-template-columns: 5fr 6fr; gap: 70px; align-items: start; }

.csk-ct-intro p { margin: 0 0 16px; font-size: 1.05rem; line-height: 1.7; color: #5B6770 !important; }

.csk-ct-list { list-style: none; margin: 24px 0 32px; padding: 0; }
.csk-ct-list li {
  position: relative; padding-left: 30px; margin-bottom: 10px;
  font-weight: 600; line-height: 1.5; color: #0B2D5B !important;
}
.csk-ct-list li::before {
  content: "\f00c"; font-family: "FontAwesome";
  position: absolute; left: 0; top: 0; color: #1E5AA8;
}

.csk-ct-urgent {
  display: flex; align-items: center; gap: 18px;
  padding: 22px 26px; border-radius: 24px;
  background: #1E5AA8; box-shadow: 0 18px 40px rgba(30,90,168,.25);
}
.csk-ct-urgent-ico {
  flex: 0 0 52px; height: 52px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: #FFFFFF; color: #1E5AA8; font-size: 20px;
}
.csk-ct-urgent strong { display: block; font-family: "Manrope", sans-serif; font-weight: 700; font-size: 1rem; color: #E6F4FB !important; }
.csk-ct-urgent a { font-family: "Manrope", sans-serif; font-weight: 800; font-size: 1.5rem; color: #FFFFFF !important; text-decoration: none; }
.csk-ct-urgent a:hover { text-decoration: underline; }

/* Formulaire */
.csk-ct-formwrap {
  padding: 44px; border-radius: 28px; background: #FFFFFF;
  box-shadow: 0 24px 60px rgba(30,90,168,.18);
}
.csk-ct-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.csk-ct-field { margin-bottom: 20px; }
.csk-ct-field label {
  display: block; margin-bottom: 6px;
  font-family: "Manrope", sans-serif; font-weight: 700; font-size: .92rem; color: #0B2D5B !important;
}
.csk-ct-field label small { font-weight: 400; color: #5B6770 !important; }

.csk-ct-field input,
.csk-ct-field select,
.csk-ct-field textarea {
  width: 100%; padding: 14px 16px;
  background: #F4FAFD; border: 1px solid rgba(30,90,168,.18); border-radius: 14px;
  font-family: "Inter", sans-serif; font-size: 1rem; color: #0B2D5B;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.csk-ct-field textarea { min-height: 150px; resize: vertical; }
.csk-ct-field input::placeholder,
.csk-ct-field textarea::placeholder { color: #8A96A0; }
.csk-ct-field input:focus,
.csk-ct-field select:focus,
.csk-ct-field textarea:focus {
  outline: none; background: #FFFFFF; border-color: #1E5AA8;
  box-shadow: 0 0 0 4px rgba(30,90,168,.18);
}

.csk-ct-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; padding: 17px 24px; border: 0; border-radius: 999px;
  background: #1E5AA8; color: #FFFFFF;
  font-family: "Manrope", sans-serif; font-weight: 700; font-size: 1.05rem;
  cursor: pointer; transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.csk-ct-submit:hover { background: #0B2D5B; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(11,45,91,.30); }
.csk-ct-submit:focus-visible { outline: 3px solid #7CC6E8; outline-offset: 3px; }

.csk-ct-privacy { margin: 16px 0 0; text-align: center; font-size: .85rem; line-height: 1.5; color: #5B6770 !important; }
.csk-ct-privacy a { color: #1E5AA8 !important; text-decoration: underline; }

/* Plan d'acces */
.csk-ct-map {
  overflow: hidden; border-radius: 28px;
  border: 1px solid rgba(30,90,168,.12);
  box-shadow: 0 24px 60px rgba(30,90,168,.18);
}
.csk-ct-map iframe { display: block; width: 100%; height: 450px; border: 0; }

/* Messages du formulaire */
.csk-ct-ok, .csk-ct-err { margin-bottom: 20px; padding: 14px 18px; border-radius: 12px; font-size: 15px; line-height: 1.5; }
.csk-ct-ok { background: #e8f6ee; border-left: 4px solid #27ae60; color: #1e6b3f; }
.csk-ct-err { background: #fdecec; border-left: 4px solid #c0392b; color: #7b241c; }

/* Responsive */
@media (max-width: 991px) {
  .csk-ct-cards { grid-template-columns: 1fr; }
  .csk-ct-split { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 575px) {
  .csk-ct-formwrap { padding: 26px 20px; border-radius: 22px; }
  .csk-ct-row { grid-template-columns: 1fr; gap: 0; }
  .csk-ct-urgent a { font-size: 1.25rem; }
  .csk-ct-map iframe { height: 320px; }
}