@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');

/* Kontener */
#formularz-koleda{
  padding:10px;
  background:#f8f4ef;
  border-radius:8px;
  font-family:'Roboto','Segoe UI',Arial,sans-serif;
}

/* Etykiety */
#formularz-koleda .label{
  color:#4d3061;
  font-family:'Roboto Slab', serif;
  font-size:14px;
  margin:0 0 8px 0;
}

/* Pola */
#formularz-koleda input[type="text"],
#formularz-koleda input[type="tel"],
#formularz-koleda input[type="email"],
#formularz-koleda textarea{
  width:100%;
  border:1px solid #c3b2d3;
  border-radius:8px;
  background:#fff;
  transition: box-shadow .22s, border-color .22s;
  outline:none;
  box-sizing:border-box;
  resize:none;
  margin-bottom:10px;
  font-size:14px;
  padding:8px;
  min-height:36px;
}
#formularz-koleda input:focus,
#formularz-koleda textarea:focus{
  border-color:#913da0;
  box-shadow:0 0 0 3px #913da01b;
}

/* Checkbox */
#formularz-koleda input[type="checkbox"]{
  transform: translateY(1px);
  margin-right:.4rem;
}

/* Button (jak w intencjach – zwykły, obrys + hover na fiolet) */
#formularz-koleda button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  font-family:'Roboto Slab', serif;
  font-size:14px;
  padding:8px 15px;
  color:#913da0;
  background:#fff;
  border:1px solid #913da0;
  border-radius:5px;
  text-decoration:none;
  transition: background .3s, color .3s, border-color .3s, box-shadow .2s;
  margin-top: 20px;
}
#formularz-koleda button[type="submit"]:hover{
  background:#913da0; color:#fff; border-color:#913da0;
}
#formularz-koleda button[type="submit"]:focus{
  box-shadow:0 0 0 3px #913da038;
}

/* Placeholdery */
#formularz-koleda ::placeholder{ color:#a7a7a7; }

/* Responsywka */
@media (max-width: 500px){
  #formularz-koleda{ padding:16px 6px 12px 6px; }
}