/* New look: one font. Each rule below beats an older rule that would otherwise keep its own font
   (Geologica, BwModelica, system fonts, undefined interstate names) inside the new look, because it
   is more specific than, or !important over, the base rule in pie-premium.css ("One font in the new
   look"). Each takes the inherited Interstate like the base rule does. Found by scanning every
   stylesheet and Vue <style> for font rules that out-rank the base rule. */

/* Google Charts (dashboard, reports) write font-family="Arial" on their SVG labels; any CSS rule
   beats an SVG attribute */
html.pie-premium :where(body:has(.pp-shell)) :where(svg text:not(.ti-premium-showcase *, .bp-root *)) {
    font-family: var(--pp-sans);
}

/* common.css */
html.pie-premium :where(body:has(.pp-shell)) .v-select:not(.form-control) .vs__dropdown-toggle,
html.pie-premium :where(body:has(.pp-shell)) .multistep-modal .search-traveler .profile_drawer .form-control {
    font-family: inherit;
}

/* dashboard.css */
html.pie-premium :where(body:has(.pp-shell)) .booking-popup-ic .search-location .btn {
    font-family: inherit;
}

/* planner.css */
html.pie-premium :where(body:has(.pp-shell)) .left-sidebar-wrapper .top-main-menu .action-btns .booking-actions,
html.pie-premium :where(body:has(.pp-shell)) .ti-trips .trip-detail-page .titrip-section .titrip-text {
    font-family: inherit;
}

/* template1.css (!important) */
html.pie-premium :where(body:has(.pp-shell)) .newInstitution-modal .individual-panels .profile-phone-dropdown label,
html.pie-premium :where(body:has(.pp-shell)) .trips-page .custom-flexbox-center,
html.pie-premium :where(body:has(.pp-shell)) .pie_footer .footer-content .footer-detalis a strong,
html.pie-premium :where(body:has(.pp-shell)) .new-planner .trip-reservation-tab .desc-box-shadow .booking-photos,
html.pie-premium :where(body:has(.pp-shell)) .planner-booking-status-btn {
    font-family: inherit !important;
}

/* template1.css */
html.pie-premium :where(body:has(.pp-shell)) .newInstitution-modal .profile-information .profile-leftsidebar .profile-leftside-content li strong,
html.pie-premium :where(body:has(.pp-shell)) .booking-popup-ic-crm .profile-banner .change-cover-img .change-cover-img-text,
html.pie-premium :where(body:has(.pp-shell)) .booking-popup-new-ic .profile-banner .change-cover-img .change-cover-img-text,
html.pie-premium :where(body:has(.pp-shell)) .new-planner .trip-reservation-tab .daily-calendar-block-wrapper span,
html.pie-premium :where(body:has(.pp-shell)) .new-planner .di-day-note-view-section .bk-edit-delete,
html.pie-premium :where(body:has(.pp-shell)) .main_message_wrapper .message-lists .message-view .threads .thread .scheduled-time .send-now-schedule-btn,
html.pie-premium :where(body:has(.pp-shell)) .planner-details-view .trip-btn .btn-small,
html.pie-premium :where(body:has(.pp-shell)) .planner-details-view .trip-btn .btn-gray-outline,
html.pie-premium :where(body:has(.pp-shell)) .planner-section .trip-documents-tab .dropzone span,
html.pie-premium :where(body:has(.pp-shell)) .new-trip-header .trip-banner .trip_name,
html.pie-premium :where(body:has(.pp-shell)) .new-trip-header .trip-banner .btn .filter-option-inner-inner,
html.pie-premium :where(body:has(.pp-shell)) .new-trip-header .trip_status_btn .filter-option,
html.pie-premium :where(body:has(.pp-shell)) .trip-header .proposal_block .trip_info_btn,
html.pie-premium :where(body:has(.pp-shell)) .new-planner .traveler-tab-details .trip-traveler-table th,
html.pie-premium :where(body:has(.pp-shell)) .reservation-report-filter.form-floating > .form-select {
    font-family: inherit;
}

/* main.css (!important) */
html.pie-premium :where(body:has(.pp-shell)) .meals_overview span {
    font-family: inherit !important;
}

/* gijgo.min.css */
html.pie-premium :where(body:has(.pp-shell)) .gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter] {
    font-family: inherit;
}

/* src/components/common/AIChatBox.vue */
html.pie-premium :where(body:has(.pp-shell)) .chat-details .chat-box .chat-live-chip,
html.pie-premium :where(body:has(.pp-shell)) .chat-details .chat-flight-options .chat-opt__detail dt,
html.pie-premium :where(body:has(.pp-shell)) .chat-details .chat-flight-options .chat-opt__detail dd {
    font-family: inherit;
}

/* src/components/flighttracker/FlightTrackerDashboard.vue (!important) */
html.pie-premium :where(body:has(.pp-shell)) .ft-filter-group--advisor .dropdown.bootstrap-select > .btn.dropdown-toggle {
    font-family: inherit !important;
}

/* src/components/reports/w9_report.vue */
html.pie-premium :where(body:has(.pp-shell)) .w9-reminder-modal__body .form-control {
    font-family: inherit;
}

/* Inline style="font-family: none" on modal close buttons (TravelItineraryPopup.vue, Cart.vue) and
   the video tutorial's close (dashboard.css / main.css): "none" is no font, so the × fell back to
   the browser's serif. Only UI controls; inline fonts in user content are left alone. */
html.pie-premium :where(body:has(.pp-shell)) :is(button, .btn, .close)[style*="font-family"]:not(.ti-premium-showcase *, .bp-root *),
html.pie-premium :where(body:has(.pp-shell)) #videoTutorial .modal-header .close span {
    font-family: inherit !important;
}

/* Datatables' responsive row toggle (+ / −) draws its sign in Courier New (common.css) */
html.pie-premium :where(body:has(.pp-shell)) table.dataTable.dtr-inline.collapsed > tbody > tr > :is(td, th):first-child::before,
html.pie-premium :where(body:has(.pp-shell)) table.dataTable.dtr-column > tbody > tr > :is(td, th).control::before {
    font-family: var(--pp-sans);
}

/* Bootstrap's .font-monospace utility (!important) */
html.pie-premium :where(body:has(.pp-shell)) .font-monospace {
    font-family: inherit !important;
}

/* Date picker clear button (vuejs-datepicker renders a bare "×"): Interstate draws × as a
   four-arrow glyph, so keep common.css's system font for it */
html.pie-premium body:has(.pp-shell) .vdp-datepicker .vdp-datepicker__clear-button i span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}