/* =========================================================
   PATH: /app/portal/css/kontakt.css
   STRONA KONTAKTOWA
========================================================= */

.kontakt-page{
  max-width:1300px;
  margin:40px auto;
  padding:20px 40px;
}

.kontakt-grid{
  display:grid;
  grid-template-columns:460px 1fr;
  gap:80px;
}

.kontakt-hero{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:520px;
}

.kontakt-hero img{
  max-height:520px;
  margin-bottom:28px;
  object-fit:contain;
  filter:drop-shadow(0 8px 24px rgba(75,60,167,0.3));
  animation:kontaktStarFloat 3s ease-in-out infinite;
}
@keyframes kontaktStarFloat{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-10px) rotate(2deg);}
}

.kontakt-call{text-align:center;}
.kontakt-call-label{font-size:14px;color:#666;margin-bottom:6px;}
.kontakt-call-phone{font-size:24px;font-weight:800;color:#0e7490;text-decoration:none;}
.kontakt-call-phone:hover{text-decoration:underline;}
.kontakt-call-hours{font-size:13px;color:#777;}

#box_kontakt_form{
  background:#fff;
  padding:48px 56px;
  border-radius:22px;
  box-shadow:0 40px 100px rgba(6,95,108,.14);
}

#box_kontakt_form h3{
  font-size:34px;
  font-weight:800;
  color:#0e7490;
  margin-bottom:10px;
}

.kontakt-sub{font-size:16px;color:#666;margin-bottom:32px;}

#box_kontakt_form .row{display:flex;gap:20px;margin-bottom:22px;}
#box_kontakt_form .col{flex:1;}

#box_kontakt_form input.text,
#box_kontakt_form textarea{
  width:100%;
  padding:15px 18px;
  border-radius:14px;
  border:1px solid #d7d5e2;
  background:#fafafe;
}

#box_kontakt_form input.text:focus,
#box_kontakt_form textarea:focus{
  border-color:#0e7490;
  background:#fff;
  box-shadow:0 0 0 3px rgba(6,95,108,.12);
}

.rodo-info{display:flex;gap:10px;font-size:14px;margin-bottom:10px;}
.rodo-desc{font-size:13px;line-height:1.6;color:#555;}

#box_kontakt_form input.submit{
  background:linear-gradient(135deg,#0e7490,#4a3f87);
  color:#fff;
  padding:18px 44px;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
}

#box_kontakt_form input.submit:hover{
  box-shadow:0 14px 36px rgba(6,95,108,.35);
}

.info_ok{background:#e7f8f1;color:#067a4f;padding:18px;border-radius:14px;}
.info_err{background:#fdeaea;color:#a30000;padding:18px;border-radius:14px;}

@media (max-width:900px){
  .kontakt-page{padding:20px;}
  .kontakt-grid{grid-template-columns:1fr;gap:40px;}
  .kontakt-hero{min-height:360px;}
  .kontakt-hero img{max-height:360px;}
}