/* ============================================================
   VelvetVenues — Pages Stylesheet (legal / inner pages)
   ============================================================ */

.page-body { padding-top: 80px; }

.page-hero {
  background: linear-gradient(135deg, #1E0611 0%, #2C0E1A 60%, #3D1527 100%);
  padding: 68px 0 58px;
  border-bottom: 3px solid #C9A84C;
}
.page-hero .tag   { color: #E2CC8A; border-color: rgba(201,168,76,.45); }
.page-hero h1     { color: #fff; font-size: clamp(2rem,4vw,3.2rem); margin-top: .5rem; }
.page-hero-sub    { color: rgba(255,255,255,.46); font-size: .875rem; margin-top: .6rem; }

.page-content { padding: 72px 0 96px; }
.page-prose   { max-width: 780px; }

.page-lead {
  font-size: 1.05rem; color: #2C1822; line-height: 1.85;
  margin-bottom: 2rem; padding-bottom: 2rem;
  border-bottom: 1px solid #D9CCBA;
}

.page-prose h2 {
  font-size: 1.5rem; color: #2C0E1A;
  margin: 2.25rem 0 .75rem;
  padding-bottom: .5rem; border-bottom: 1px solid #E6DDD0;
}
.page-prose h3 { font-size: 1.2rem; color: #2C0E1A; margin: 1.5rem 0 .5rem; }
.page-prose p  { font-size: .925rem; color: #3D2A35; line-height: 1.8; margin-bottom: 1rem; }
.page-prose ul, .page-prose ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.page-prose ul { list-style: disc; }
.page-prose ol { list-style: decimal; }
.page-prose li { font-size: .925rem; color: #3D2A35; line-height: 1.8; margin-bottom: .35rem; }
.page-prose a  { color: #9C7B2E; text-decoration: underline; text-underline-offset: 2px; transition: color .2s; }
.page-prose a:hover { color: #C9A84C; }
.page-prose strong { color: #1A1118; }

.info-box {
  background: #F5EFE6; border-left: 4px solid #C9A84C;
  border-radius: 0 8px 8px 0; padding: 1.25rem 1.5rem; margin: 1.75rem 0;
}
.info-box p { margin-bottom: 0; font-size: .9rem; color: #3D2A35; }

.warning-box {
  background: #FCF4E8; border-left: 4px solid #C9A84C;
  border-radius: 0 8px 8px 0; padding: 1.25rem 1.5rem; margin: 1.75rem 0;
}
.warning-box p { margin-bottom: 0; font-size: .9rem; }

/* ── Contact Form ── */
.contact-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 4rem; align-items: start; }

.contact-form {
  background: #fff; border: 1px solid #D9CCBA;
  border-radius: 18px; padding: 2.5rem;
  box-shadow: 0 4px 28px rgba(44,14,26,.09);
}
.contact-form h2 { font-size: 1.8rem; margin-bottom: 1.5rem; color: #2C0E1A; }

.form-group { margin-bottom: 1.25rem; }
.form-group label {
  display: block; font-size: .79rem; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase;
  color: #2C0E1A; margin-bottom: .45rem;
}
.form-group input, .form-group select, .form-group textarea {
  width: 100%; padding: .82rem 1rem;
  border: 1.5px solid #D9CCBA; border-radius: 8px;
  font-family: 'Gill Sans','Gill Sans MT',Optima,'Segoe UI',Arial,sans-serif;
  font-size: .9rem; color: #1A1118; background: #FAF8F5;
  transition: border-color .25s, box-shadow .25s; outline: none;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: #C9A84C;
  box-shadow: 0 0 0 3px rgba(201,168,76,.15);
  background: #fff;
}
.form-group textarea { resize: vertical; min-height: 130px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.form-submit {
  width: 100%; padding: .92rem;
  background: linear-gradient(135deg, #C9A84C, #9C7B2E);
  color: #fff; border: none; border-radius: 8px;
  font-family: 'Gill Sans','Gill Sans MT',Optima,'Segoe UI',Arial,sans-serif;
  font-size: .9rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer; transition: all .3s ease; margin-top: .5rem;
}
.form-submit:hover {
  background: linear-gradient(135deg, #E2CC8A, #C9A84C);
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(201,168,76,.4);
}
.form-success {
  display: none; text-align: center; padding: 2rem;
  color: #2C5C1A; background: #EBF8E4;
  border-radius: 8px; margin-top: 1rem; font-size: .9rem;
}

.contact-info-block { padding-top: .5rem; }
.contact-info-block h2 { margin-bottom: 1.25rem; }

.contact-detail { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }
.contact-detail-icon {
  width: 44px; height: 44px; background: #F5EFE6;
  border: 1.5px solid #D9CCBA; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 1.1rem;
}
.contact-detail-text h4  { font-size: .95rem; color: #2C0E1A; margin-bottom: .2rem; }
.contact-detail-text p,
.contact-detail-text a   { font-size: .875rem; color: #3D2A35; text-decoration: none; line-height: 1.6; }
.contact-detail-text a:hover { color: #C9A84C; }

/* Shared footer for pages */
#site-footer .footer-bottom { padding: 1.8rem 0; }

@media (max-width: 800px) {
  .contact-grid { grid-template-columns: 1fr; }
  .form-row     { grid-template-columns: 1fr; }
}