/* ==========================================================================
   New look · public forms (traveler information, trip request, client forms)
   The forms render outside .pp-shell, inside formDesign.vue's .entry-form, so the rules are
   scoped to html.pie-premium .entry-form. The booking flow's branded copy
   (.branding-booking-trips) keeps the agency's colours.
   Colours only: the classic magenta / green / black accents become the Bordeaux accent.
   ========================================================================== */

/* Links: "Click to fill out profile details", "+ Add …", "Read more", "Upload Documents Here!"
   (template1.css paints .color-blue magenta with !important) */
html.pie-premium .entry-form:not(.branding-booking-trips *) :is(.color-blue, .add-link, .view-more-pref, .upload-text) {
    color: var(--pp-acc) !important;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) :is(.add-link, .view-more-pref):hover {
    color: color-mix(in srgb, var(--pp-acc) 80%, #000) !important;
}

/* Required marks */
html.pie-premium .entry-form:not(.branding-booking-trips *) em.color-red {
    color: var(--pp-acc) !important;
}

/* Checkboxes ("This is the lead traveler", "Traveler has no email", …) */
html.pie-premium .entry-form:not(.branding-booking-trips *) .custom-checkbox .checkmark {
    border-color: var(--pp-line-2);
    border-radius: 5px;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .custom-checkbox input[type=checkbox]:checked ~ .checkmark {
    border-color: var(--pp-acc) !important;
    background-color: var(--pp-acc) !important;
}

/* Radios ("Is this person travelling?"); common.css sets the checked ring with !important */
html.pie-premium .entry-form:not(.branding-booking-trips *) .custome-radiobtn .checkmark {
    border-color: var(--pp-line-2);
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .custome-radiobtn input[type=radio]:checked ~ .checkmark {
    border-color: var(--pp-acc) !important;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .custome-radiobtn input[type=radio]:checked ~ .checkmark::after {
    background: var(--pp-acc);
}

/* "Delete traveler": the new look's soft red pill instead of Bootstrap red on grey */
html.pie-premium .entry-form:not(.branding-booking-trips *) .delete-trip-public-link {
    border-radius: 999px;
    background-color: #fbeeee !important;
    color: #c0262d !important;
    font-size: 12.5px;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .delete-trip-public-link:hover {
    background-color: #f6dcdc !important;
}

/* Buttons: Submit / Verify / dialog actions are primary; "+ Add Traveler" is secondary */
html.pie-premium .entry-form:not(.branding-booking-trips *) .btn:is(.btn-black, .btn-primary) {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0)), var(--pp-acc);
    box-shadow: 0 8px 18px -12px color-mix(in srgb, var(--pp-acc) 80%, #000);
    color: #fff;
    letter-spacing: 0;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .btn:is(.btn-black, .btn-primary):is(:hover, :focus) {
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0)), color-mix(in srgb, var(--pp-acc) 88%, #000);
    color: #fff;
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .btn.btn-black:is(#btnAddMoreTravellerDetails, #btnAddMoreTravellerDetailsBooking) {
    background: #fff;
    box-shadow: 0 1px 2px rgba(30, 38, 32, .05), 0 6px 16px -10px rgba(30, 40, 32, .25), inset 0 0 0 1px var(--pp-line);
    color: var(--pp-ink);
}

html.pie-premium .entry-form:not(.branding-booking-trips *) .btn.btn-black:is(#btnAddMoreTravellerDetails, #btnAddMoreTravellerDetailsBooking):is(:hover, :focus) {
    background: color-mix(in srgb, var(--pp-acc) 8%, #fff);
    color: var(--pp-ink);
}