/* ==========================================================================
   Post a Requirement v2: matches the site's navy/orange design system.
   Everything is scoped under .prv2 (the page wrapper), so it overrides the page's
   original inline styles without touching the form logic, IDs or field names.
   ========================================================================== */
body:has(.prv2) { background-color: #0E0B2B !important; }

.prv2.post-req-dark-bg {
    position: relative; isolation: isolate; overflow: hidden;
    background-color: #0E0B2B;
    background-image:
        radial-gradient(620px 420px at 85% 0%, rgba(255, 106, 0, .30), transparent 60%),
        radial-gradient(560px 420px at 0% 100%, rgba(255, 61, 110, .18), transparent 60%),
        radial-gradient(760px 480px at 50% -20%, rgba(99, 76, 255, .25), transparent 60%);
    padding-top: calc(var(--bmh-offset, 140px) + 40px);
    padding-bottom: 80px;
    min-height: 100vh;
    justify-content: flex-start;
    font-family: 'Lato', sans-serif;
}
.prv2.post-req-dark-bg::after {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .35;
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse at 50% 20%, #000 25%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at 50% 20%, #000 25%, transparent 70%);
}
.prv2 > .container { max-width: 1200px; }

/* ---------- Stepper ---------- */
.prv2 .pr-stepper { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto 28px; list-style: none; padding: 0; }
.prv2 .pr-step { display: inline-flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .55); font-weight: 800; font-size: 14px; white-space: nowrap; }
.prv2 .pr-step-dot {
    width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 900;
    font-family: 'Encode Sans', sans-serif; border: 1.5px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .7);
    transition: all .25s ease;
}
.prv2 .pr-step-line { width: 56px; height: 2px; border-radius: 2px; background: rgba(255, 255, 255, .15); position: relative; overflow: hidden; }
.prv2 .pr-step-line::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #FF6A00, #FF3D6E); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.prv2 .pr-step.is-current { color: #fff; }
.prv2 .pr-step.is-current .pr-step-dot { background: linear-gradient(120deg, #FF6A00, #FF3D6E); border-color: transparent; color: #fff; box-shadow: 0 0 0 5px rgba(255, 106, 0, .18); }
.prv2 .pr-step.is-done { color: rgba(255, 255, 255, .85); }
.prv2 .pr-step.is-done .pr-step-dot { background: #16A34A; border-color: transparent; color: #fff; }
.prv2 .pr-step-line.is-done::after { transform: scaleX(1); }

/* ---------- Section headers ---------- */
.prv2 .step-section-header { margin-bottom: 28px; }
.prv2 .step-section-header h1,
.prv2 .step-section-header h2 {
    font-family: 'Encode Sans', 'Lato', sans-serif; font-size: clamp(30px, 4.2vw, 50px); font-weight: 800;
    color: #fff; letter-spacing: -0.02em; line-height: 1.08; margin: 0 0 10px;
}
.prv2 .step-section-header { text-align: center; }
.prv2 .step-section-header p { color: rgba(255, 255, 255, .7); font-size: 17px; margin: 0 auto; max-width: 640px; text-align: center; }
.prv2 .text-teal-gradient {
    background: linear-gradient(90deg, #FFB547 0%, #FF6A00 45%, #FF3D6E 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}

/* ---------- Category / event cards ---------- */
.prv2 .category-grid-container,
.prv2 .event-grid-container {
    display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; max-width: none !important;
}
.prv2 .req-grid-card {
    position: relative; height: auto !important; aspect-ratio: 16 / 10; border-radius: 20px !important; overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1) !important; background: #1E1B4B; cursor: pointer;
    box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .8) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
    grid-column: auto !important; grid-row: auto !important;
}
.prv2 .req-grid-card:hover, .prv2 .req-grid-card:focus-visible {
    transform: translateY(-4px) !important; border-color: rgba(255, 106, 0, .8) !important;
    box-shadow: 0 0 0 3px rgba(255, 106, 0, .25), 0 26px 50px -24px rgba(0, 0, 0, .9) !important; outline: none;
}
.prv2 .req-grid-card img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s ease; filter: saturate(1.05); }
.prv2 .req-grid-card:hover img { transform: scale(1.06); }
.prv2 .req-card-overlay {
    position: absolute; inset: 0; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important;
    padding: 14px !important; background: linear-gradient(to top, rgba(14, 11, 43, .92) 0%, rgba(14, 11, 43, .25) 55%, transparent 80%) !important;
}
.prv2 .req-card-label {
    display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%;
    background: none !important; border: 0 !important; padding: 0 !important; backdrop-filter: none !important;
    font-family: 'Encode Sans', 'Lato', sans-serif; font-size: 16px !important; font-weight: 800 !important; color: #fff !important;
    text-transform: none !important; letter-spacing: 0 !important; text-align: left; line-height: 1.2;
}
.prv2 .req-card-label::after {
    content: '\2192'; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 14px; line-height: 1;
    width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0;
    background: rgba(255, 255, 255, .18); transition: background .2s ease;
}
.prv2 .req-grid-card:hover .req-card-label::after { background: #FF6A00; }

/* ---------- Back buttons ---------- */
.prv2 .btn-back-step {
    background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); color: #fff;
    padding: 9px 16px; border-radius: 999px; font-size: 13px; font-weight: 800; margin-bottom: 18px;
}
.prv2 .btn-back-step:hover { background: rgba(255, 255, 255, .16); color: #fff; }

/* ---------- Step 3 ---------- */
.prv2 .step3-wrapper > .row { align-items: stretch !important; }
.prv2 .summary-preview-card {
    position: relative; overflow: hidden; isolation: isolate; text-align: left;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 26px;
    padding: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start;
}
.prv2 .summary-preview-card::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(280px 200px at 100% 0%, rgba(255, 106, 0, .35), transparent 70%); }
.prv2 .summary-badge-img, .prv2 .summary-event-badge-img {
    width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; border-radius: 16px !important; margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .18) !important; box-shadow: none !important; object-fit: cover; grid-row: 1;
}
.prv2 .summary-heading {
    grid-column: 1 / -1; grid-row: 2; text-align: left; margin: 10px 0 0 !important;
    font-family: 'Encode Sans', 'Lato', sans-serif; font-size: 22px !important; line-height: 1.3 !important; color: #fff;
}
.prv2 .summary-heading .text-uppercase { text-transform: none !important; }
.prv2 .pr-summary-eyebrow { grid-column: 1 / -1; grid-row: 3; }
.prv2 .pr-trust { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 12px; text-align: left; }
.prv2 .pr-trust li { display: flex; gap: 12px; align-items: flex-start; color: rgba(255, 255, 255, .82); font-size: 14.5px; line-height: 1.45; }
.prv2 .pr-trust i { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; background: rgba(255, 106, 0, .16); color: #FFB547; font-size: 13px; }
.prv2 .pr-trust strong { display: block; color: #fff; font-size: 15px; }

/* Form card: light, high-contrast */
.prv2 .glass-form-card {
    background: #fff !important; border: 0 !important; border-radius: 26px !important; padding: 32px !important;
    backdrop-filter: none !important; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .7) !important; color: #1E1B4B;
}
.prv2 .glass-form-title {
    text-align: left !important; font-family: 'Encode Sans', 'Lato', sans-serif; font-size: 24px !important;
    color: #1E1B4B !important; margin-bottom: 6px !important; letter-spacing: -0.01em;
}
.prv2 .pr-form-sub { color: #5F5B76; font-size: 14.5px; margin: 0 0 22px; }
.prv2 .glass-form-card .row.g-2 { --bs-gutter-x: 14px; --bs-gutter-y: 0; }
.prv2 .field-fieldset {
    border: 1.5px solid #E4E0EF !important; background: #FBFAFE !important; border-radius: 14px !important;
    padding: 22px 14px 4px !important; margin-bottom: 14px !important; min-height: 58px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.prv2 .field-fieldset:focus-within { border-color: #FF6A00 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(255, 106, 0, .12) !important; }
.prv2 .field-legend-label {
    top: 8px !important; left: 15px !important; background: none !important; padding: 0 !important;
    font-size: 11px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; color: #8B87A3 !important;
}
.prv2 .field-fieldset input, .prv2 .field-fieldset select, .prv2 .field-fieldset textarea {
    color: #1E1B4B !important; font-size: 15px !important; font-weight: 700 !important; padding: 6px 0 8px !important;
}
.prv2 .field-fieldset input::placeholder, .prv2 .field-fieldset textarea::placeholder { color: #A29EB6 !important; font-weight: 600; }
.prv2 .field-fieldset input[type="date"]::-webkit-calendar-picker-indicator { filter: none; opacity: .6; }
.prv2 .field-fieldset .text-white-50 { color: #8B87A3 !important; }
.prv2 #cityDropdownTrigger > div { padding: 6px 0 8px !important; }
.prv2 #selectedCityDisplayText { color: #1E1B4B !important; font-weight: 700 !important; font-size: 15px !important; }
.prv2 .addon-prefix { color: #5F5B76 !important; font-weight: 800 !important; white-space: nowrap; flex-shrink: 0; }
.prv2 .city-dropdown-menu { background: #fff !important; border: 1px solid #ECE8F5 !important; border-radius: 18px !important; box-shadow: 0 30px 60px -20px rgba(14, 11, 43, .45) !important; }
.prv2 .city-search-box { background: #F7F5FC !important; border-color: #ECE8F5 !important; }
.prv2 .city-search-box input { color: #1E1B4B !important; }
.prv2 .city-item:hover { background: #FFF4EC !important; }
.prv2 .city-title { color: #1E1B4B !important; }
.prv2 .city-subtitle { color: #8B87A3 !important; }
.prv2 .btn-get-quote {
    background: linear-gradient(120deg, #FF6A00 0%, #FF3D6E 100%) !important; border: 0 !important; border-radius: 14px !important;
    min-height: 56px; font-size: 16px !important; letter-spacing: .04em !important; box-shadow: 0 14px 30px -10px rgba(255, 80, 40, .65) !important;
}
.prv2 .btn-get-quote:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -10px rgba(255, 80, 40, .75) !important; }
.prv2 .pr-form-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; font-size: 13px; color: #5F5B76; }
.prv2 .pr-form-note i { color: #16A34A; }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .prv2.post-req-dark-bg { padding-top: 28px; padding-bottom: 56px; min-height: 0; }
    .prv2 .category-grid-container, .prv2 .event-grid-container { grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }
    .prv2 .summary-preview-card { margin-bottom: 4px; }
}
@media (max-width: 767px) {
    .prv2 .pr-stepper { gap: 6px; margin-bottom: 20px; }
    .prv2 .pr-step { font-size: 12.5px; gap: 6px; }
    .prv2 .pr-step-dot { width: 28px; height: 28px; font-size: 12px; }
    .prv2 .pr-step-line { width: 22px; }
    .prv2 .step-section-header { margin-bottom: 20px; }
    .prv2 .step-section-header p { font-size: 15px; }
    .prv2 .category-grid-container, .prv2 .event-grid-container { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .prv2 .req-grid-card { aspect-ratio: 1 / 1; border-radius: 16px !important; }
    .prv2 .req-card-overlay { padding: 10px !important; }
    .prv2 .req-card-label { font-size: 13.5px !important; }
    .prv2 .req-card-label::after { width: 22px; height: 22px; font-size: 12px; }
    .prv2 .summary-preview-card { padding: 18px; border-radius: 20px; }
    .prv2 .summary-heading { font-size: 19px !important; }
    .prv2 .pr-trust { display: none; }
    .prv2 .glass-form-card { padding: 22px 16px !important; border-radius: 20px !important; }
    .prv2 .glass-form-title { font-size: 21px !important; }
}
@media (max-width: 380px) {
    .prv2 .pr-step-label { display: none; }
}