/* ===== Premium Phase 8 — Contact info tiles ==========================
   The /contact/ "General Contact Information" row originally rendered
   each tile as a single bare icon (map / phone / envelope) — useful as
   a click target but communicates no data. Promote those tiles to show
   the actual address, phone, and email, with the icon fading into the
   background so it doesn't fight the text. Scoped to .pism-contact-tile
   so no other Elementor icon widgets are affected.
   ====================================================================== */

.pism-contact-tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 32px 28px;
  text-align: center;
}

/* The original anchor + icon becomes a faded background layer.
   Use !important + a direct light-blue color (rather than opacity alone)
   because Elementor's per-widget selectors hard-set color/fill at higher
   specificity than a single-class rule. */
.pism-contact-tile .elementor-icon {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: rgba(11, 68, 193, 0.08) !important;   /* very faint navy */
  text-decoration: none;
  border: 0 !important;
  transition: color 280ms ease;
}

.pism-contact-tile .elementor-icon i {
  font-size: 130px !important;
  line-height: 1;
  color: inherit !important;
}
.pism-contact-tile .elementor-icon svg,
.pism-contact-tile .elementor-icon svg path {
  width: 120px !important;
  height: 120px !important;
  fill: rgba(11, 68, 193, 0.08) !important;
}

.pism-contact-tile:hover .elementor-icon {
  color: rgba(11, 68, 193, 0.14) !important;
}
.pism-contact-tile:hover .elementor-icon svg,
.pism-contact-tile:hover .elementor-icon svg path {
  fill: rgba(11, 68, 193, 0.14) !important;
}

/* Text overlay — pointer-events:none so clicks fall through to the icon
   anchor below, keeping the whole tile clickable */
.pism-contact-text {
  position: relative;
  z-index: 1;
  pointer-events: none;
  max-width: 88%;
}

.pism-contact-text__label {
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 0.74rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #0B44C1;
  font-weight: 700;
  margin-bottom: 10px;
}

.pism-contact-text__value {
  display: block;
  font-family: "Playfair Display", "Georgia", serif;
  font-size: 1.05rem;
  line-height: 1.5;
  color: #1f2937;
  font-weight: 500;
  letter-spacing: 0;
}
.pism-contact-text__value strong {
  font-weight: 600;
  color: #0F172A;
}

@media (max-width: 767px) {
  .pism-contact-tile {
    min-height: 160px;
    padding: 24px 20px;
  }
  .pism-contact-tile .elementor-icon i { font-size: 88px; }
  .pism-contact-tile .elementor-icon svg { width: 80px; height: 80px; }
  .pism-contact-text__value { font-size: 0.95rem; }
}