/* ============================================================
   ΣΤΕΦΑΝΑ — partner (wedding-planner) landing
   Lives on partners.stefana.gr. Reuses the main design system
   (css/style.css); this file only adds the application form +
   a couple of partner-specific bits.
   ============================================================ */

.pill--partner { background: var(--gold-soft); color: #6F5A34; }

/* application form */
.applybox { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: clamp(1.6rem, 3.5vw, 2.8rem); max-width: 760px; margin-inline: auto; }
.pform { display: grid; gap: 1.1rem; }
.pform__row { display: grid; gap: 1.1rem; }
@media (min-width: 620px) { .pform__row { grid-template-columns: 1fr 1fr; } }
.pfield { display: grid; gap: .4rem; }
.pfield label { font-weight: 600; font-size: var(--step--1); }
.pfield input, .pfield textarea, .pfield select {
  width: 100%; font: inherit; font-size: var(--step-0); color: var(--ink);
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm);
  padding: .8em .9em; transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.pfield textarea { min-height: 96px; resize: vertical; line-height: 1.5; }
.pfield input:focus, .pfield textarea:focus, .pfield select:focus { outline: none; border-color: var(--accent-deep); box-shadow: 0 0 0 3px var(--accent-soft); }
.pfield__hint { color: var(--ink-faint); font-size: var(--step--2); }
.pform__consent { display: flex; gap: .6rem; align-items: flex-start; font-size: var(--step--1); color: var(--ink-soft); }
.pform__consent input { margin-top: .25rem; width: 18px; height: 18px; accent-color: var(--accent-deep); flex: none; }
.pform__note { text-align: center; font-size: var(--step--1); color: var(--ink-faint); margin-top: 1rem; }

/* success state */
.psuccess { text-align: center; padding: clamp(1.6rem, 4vw, 2.6rem); }
.psuccess__seal { width: 64px; height: 64px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; margin: 0 auto 1rem; }
.psuccess__seal svg { width: 32px; height: 32px; }

/* pricing-hidden notice */
.locknote { display: inline-flex; align-items: center; gap: .5em; font-size: var(--step--1); color: var(--ink-soft); background: var(--accent-soft); border-radius: 100px; padding: .55em 1em; }
.locknote svg { width: 1.1em; height: 1.1em; color: var(--accent-deep); }

/* branding preview chip */
.brandmock { display: inline-flex; align-items: center; gap: .6rem; background: var(--surface); border: 1px solid var(--line); border-radius: 100px; padding: .5rem 1rem; box-shadow: var(--shadow-sm); font-weight: 600; font-size: var(--step--1); }
.brandmock .logo { width: 26px; height: 26px; border-radius: 6px; background: var(--accent); color: #fff; display: grid; place-items: center; font-family: var(--display); }