/* ==========================================================================
   New look · Travel Itinerary (ShowTravelItinerary.vue, TiDocuments.vue) — PLAN-7467
   The public TI page (/ti/…) is not inside .pp-shell, so the shell's popup and button rules
   never reach it, and the classic sheets paint its accents in the old purple (#A20090) and
   green (#00C853). Only the default accent is replaced: an agency's own brand colour
   (.bg_color, set inline from brand_data.brand_color) is left alone.
   ========================================================================== */

/* Links inside descriptions (reservations, information, welcome text):
   publicpage.css .anchor-color a / common.css .welcome_html_editor a */
html.pie-premium :is(.ti-sections, #welcome_page_public, #ti_description_text_public) .anchor-color a,
html.pie-premium .ti-middle-content .welcome_html_editor a {
    color: var(--pp-acc) !important;
}

/* Documents: "Download PDF All Documents" (template1.css .color-blue) */
html.pie-premium .planner_client_documents_section > .color-blue {
    color: var(--pp-acc) !important;
}

/* Back-to-top button (common.css .bg-pink) */
html.pie-premium #scroll_top.page_scroll_top.bg-pink {
    background-color: var(--pp-acc) !important;
}

/* Download pdf popup: radios (common.css green ring + dot) as a Bordeaux ring */
html.pie-premium #download_pdf_popup .custome-radiobtn .checkmark {
    border-color: var(--pp-line-2);
    background: #fff;
}

html.pie-premium #download_pdf_popup .custome-radiobtn input[type=radio]:checked ~ .checkmark {
    border: 5px solid var(--pp-acc) !important; /* beats common.css green (!important) */
    background: #fff;
}

html.pie-premium #download_pdf_popup .custome-radiobtn input[type=radio]:checked ~ .checkmark::after {
    display: none !important;
}

/* Popup buttons: the new look's 40px pills (Download, Send, Cancel, Verify) */
html.pie-premium #download_pdf_popup .modal-footer .btn-custom,
html.pie-premium :is(#sendTiTravellerAccessCodePopup, #verifyTiTravellerAccessCodePopup):not(.bp-root *) .modal-footer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    font-size: 13.5px;
    line-height: 1;
    text-transform: none;
    text-decoration: none;
    transition: background .15s, box-shadow .15s;
}

/* Primary: Bordeaux (the brand-coloured .bg_color variant keeps its inline colour) */
html.pie-premium #download_pdf_popup .modal-footer .btn-custom.bg-pink,
html.pie-premium :is(#sendTiTravellerAccessCodePopup, #verifyTiTravellerAccessCodePopup):not(.bp-root *) .modal-footer .btn.btn-primary {
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0)), var(--pp-acc) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -12px color-mix(in srgb, var(--pp-acc) 80%, #000);
}

html.pie-premium #download_pdf_popup .modal-footer .btn-custom.bg-pink:hover,
html.pie-premium :is(#sendTiTravellerAccessCodePopup, #verifyTiTravellerAccessCodePopup):not(.bp-root *) .modal-footer .btn.btn-primary:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)), #63142c !important;
}

/* Secondary (Cancel): white with a soft outline */
html.pie-premium #sendTiTravellerAccessCodePopup .modal-footer .btn.btn-primary-outline {
    border: 0 !important; /* template1.css pink outline (!important) */
    background: #fff !important;
    color: var(--pp-ink) !important;
    box-shadow: 0 0 0 1px var(--pp-line), 0 1px 2px rgba(30, 38, 32, .05), 0 6px 16px -10px rgba(30, 40, 32, .25);
}

html.pie-premium #sendTiTravellerAccessCodePopup .modal-footer .btn.btn-primary-outline:hover {
    background: color-mix(in srgb, var(--pp-acc) 8%, #fff) !important;
}