/* ============================================================
   contact.css — Contact template only.
   Loaded on: is_page_template('contact.php')  (after content.css)

   The two-up contact-method cards (email + Telegram).
   ============================================================ */

.contact-methods {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   14px;
  max-width:             820px;
  margin:                28px auto 0;
}

.contact-card {
  display:       flex;
  align-items:   center;
  gap:           14px;
  padding:       20px;
  background:    #181818;
  border:        1px solid var(--border);
  border-radius: 14px;
  transition:    border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
a.contact-card:hover {
  border-color: rgba(43,238,52,0.4);
  box-shadow:   0 8px 30px rgba(43,238,52,0.08);
  transform:    translateY(-2px);
}

.contact-card .cc-icon {
  flex-shrink:   0;
  width:         46px;
  height:        46px;
  border-radius: 50%;
  display:       grid;
  place-items:   center;
  color:         var(--accent);
  background:    rgba(43,238,52,0.12);
  border:        1px solid rgba(43,238,52,0.25);
}
.contact-card .cc-icon svg { width: 22px; height: 22px; }
.contact-card .cc-label {
  font-size:      11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color:          var(--muted);
  margin-bottom:  2px;
}
.contact-card .cc-value {
  font-size:   15px;
  font-weight: 600;
  color:       var(--text);
  word-break:  break-word;
}

@media (max-width: 640px) {
  .contact-methods { grid-template-columns: 1fr; }
}