/*
 * File: css/components/contact-page.css
 * Logic: Contact page layout helpers — form card, input reset, grid placement.
 * Context: html.wsdt-page-contact (managedomclasses.inc).
 */

/* Main contact card links — .wsdt-contact-info exists only on variant "main" */
.wsdt-contact-info .wsdt-contact-item a {
  color: var(--link-header);
  text-decoration: none;
  transition: color var(--transition-link);
}

.wsdt-contact-info .wsdt-contact-item a:hover,
.wsdt-contact-info .wsdt-contact-item a:focus-visible {
  color: var(--link-header-hover);
}

.wsdt-contact-info .wsdt-contact-item:has(a) {
  transition: transform var(--transition-link);
}

.wsdt-contact-info .wsdt-contact-item:has(a:hover),
.wsdt-contact-info .wsdt-contact-item:has(a:focus-visible) {
  transform: translateY(var(--lift-sm));
}

.wsdt-contact-info .wsdt-contact-item:has(a) .wsdt-icon {
  color: var(--link-header);
  transition: color var(--transition-link);
}

.wsdt-contact-info .wsdt-contact-item:has(a:hover) .wsdt-icon,
.wsdt-contact-info .wsdt-contact-item:has(a:focus-visible) .wsdt-icon {
  color: var(--link-header-hover);
}

@media (prefers-reduced-motion: reduce) {
  .wsdt-contact-info .wsdt-contact-item:has(a:hover),
  .wsdt-contact-info .wsdt-contact-item:has(a:focus-visible) {
    transform: none;
  }
}

.wsdt-page-contact .wsdt-contact-info,
.wsdt-page-contact .wsdt-region--content,
.wsdt-page-contact #block-websdt-theme-master-content-contact,
.wsdt-page-contact #block-websdt-theme-das-content-contact,
.wsdt-page-contact .wsdt-contact-form-block,
.wsdt-page-contact #block-websdt-theme-master-periehomenokentrikisselidas,
.wsdt-page-contact #block-websdt-theme-das-periehomenokentrikisselidas {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.wsdt-page-contact .wsdt-region--content,
.wsdt-page-contact #block-websdt-theme-master-content-contact,
.wsdt-page-contact #block-websdt-theme-das-content-contact,
.wsdt-page-contact .wsdt-contact-form-block,
.wsdt-page-contact #block-websdt-theme-master-periehomenokentrikisselidas,
.wsdt-page-contact #block-websdt-theme-das-periehomenokentrikisselidas {
  background-color: var(--bg-body);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .wsdt-page-contact .wsdt-contact-info,
  .wsdt-page-contact .wsdt-region--content,
  .wsdt-page-contact #block-websdt-theme-master-content-contact,
  .wsdt-page-contact #block-websdt-theme-das-content-contact,
  .wsdt-page-contact .wsdt-contact-form-block,
  .wsdt-page-contact #block-websdt-theme-master-periehomenokentrikisselidas,
  .wsdt-page-contact #block-websdt-theme-das-periehomenokentrikisselidas {
    padding: var(--space-xl);
  }
}