/* =========================================================
   Pagina „Contact” – .p-contact (v3)
   Listă de contact (icon + etichetă + text) lângă hartă
   ========================================================= */

.p-contact .contact-list {
  background: #fff; border-radius: var(--el-radius); box-shadow: var(--el-shadow);
  padding: clamp(8px, 1.5vw, 16px) clamp(20px, 3vw, 36px); height: 100%;
}
.p-contact.sec-warm .contact-list { background: #fff; }
.p-contact:not(.sec-warm) .contact-list { background: var(--el-warm); box-shadow: none; }

/* un rând de contact */
.p-contact .contact-item {
  display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; align-items: start;
  padding: 22px 0; border-bottom: 1px solid rgba(0,0,0,.08);
}
.p-contact .contact-item:last-child { border-bottom: 0; }
.p-contact .contact-icon {
  grid-row: span 2; width: 56px; height: 56px; border-radius: 50%; background: var(--el-red);
  display: flex; align-items: center; justify-content: center; transition: background .2s;
}
.p-contact a.contact-icon:hover { background: var(--el-maroon); }
.p-contact .contact-icon svg { width: 24px; height: 24px; fill: #fff; }
.p-contact .contact-icon-img { background: var(--el-pink); }
.p-contact .contact-icon-img img { width: 32px; height: 32px; }
.p-contact .contact-label {
  font-size: .78rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--el-red); margin: 4px 0 6px;
}
.p-contact .contact-text { margin: 0; line-height: 1.6; color: var(--el-ink); overflow-wrap: anywhere; }
.p-contact .contact-text a { color: var(--el-ink); text-decoration: none; }
.p-contact .contact-text a:hover { color: var(--el-red); }
.p-contact .contact-small { font-size: .85rem; }

/* harta */
.p-contact .contact-map {
  height: 100%; min-height: 420px; border-radius: var(--el-radius); overflow: hidden; box-shadow: var(--el-shadow);
}
.p-contact .contact-map iframe { width: 100%; height: 100%; min-height: 420px; border: 0; display: block; }
@media (max-width: 575.98px) {
  .p-contact .contact-map, .p-contact .contact-map iframe { min-height: 320px; }
}
.p-contact .contact-map { position: relative; }