/* ================================================================
   Prime Digital — theme.css
   WP-specific styles on top of prime-compiled.css
================================================================ */

/* ── Hero text animations ──────────────────────────────────────── */
.hero-line {
  font-family: var(--font-urbanist, 'Urbanist', sans-serif);
  letter-spacing: -0.02em;
  opacity: 0;
  margin: 0;
  font-size: max(34px, min(4.8vw, 68px));
  font-weight: 300;
  line-height: 1.02;
  transform: translateY(28px);
  animation: 0.9s 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards heroIn;
}
.hero-eyebrow {
  opacity: 0;
  transform: translateY(12px);
  animation: 0.9s 0.1s cubic-bezier(0.16, 1, 0.3, 1) forwards heroIn;
}
@keyframes heroIn {
  to { opacity: 1; transform: translateY(0); }
}
/* hero-content wrapper — no animation needed, children handle it */
.hero-content { opacity: 1; }

/* ── Contact panel inputs ──────────────────────────────────────── */
.cx-panel input,
.cx-panel textarea {
  appearance: none;
  color: #1a1a1f;
  font: inherit;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 14px 16px;
  transition: border-color 0.18s, background-color 0.18s, box-shadow 0.18s;
}
.cx-panel input::placeholder,
.cx-panel textarea::placeholder { color: rgba(26,26,31,0.4); }
.cx-panel input:hover,
.cx-panel textarea:hover { border-color: rgba(0,0,0,0.18); }
.cx-panel input:focus,
.cx-panel textarea:focus {
  border-color: rgba(168,85,247,0.95);
  box-shadow: 0 0 0 3px rgba(168,85,247,0.22);
}
.cx-panel input:invalid:not(:placeholder-shown),
.cx-panel textarea:invalid:not(:placeholder-shown) {
  border-color: rgba(220,38,38,0.55);
}
.cx-panel textarea { resize: vertical; min-height: 110px; }

/* ── Services horizontal track ─────────────────────────────────── */
.pd-services-track { position: relative; }

/* ── Works horizontal track ────────────────────────────────────── */
#pd-works-track { position: relative; }

/* ── Admin bar offset ──────────────────────────────────────────── */
.admin-bar #pd-header { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar #pd-header { top: 46px; }
}

/* ── WP image alignment ────────────────────────────────────────── */
.wp-post-image { max-width: 100%; height: auto; display: block; }

/* ── Custom logo sizing ────────────────────────────────────────── */
.custom-logo-link img { max-height: 36px; width: auto; }