/* Injects transfer helper text below the 3 icon buttons (Edit / Download / Print)
   on the Your Tickets page. Uses ::after on the .header block that wraps the
   button group. Anchored to #triple-card-demo to avoid hitting the ticket card's
   own .header element. */

#triple-card-demo .details-view > .header::after {
  content: 'To Transfer Tickets click edit and update the required Email Address';
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #555;
  text-align: center;
  font-style: italic;
}

/* ── About MBA Banner: Full Image Visibility ────────────────────────────────
   The banner image is 1440x200px. The default min-height of 160px causes it
   to be cropped. Using aspect-ratio: 1440/200 makes the section height
   automatically match the image's proportions at any container width,
   so the full image is always visible without gaps or distortion.
   Anchored to data-section-id="9231000002315697" (stable Zoho record ID).
   The .background-layer uses background-size:cover (already set) which fills
   correctly once the container height is correct. ────────────────────────── */

[data-section-id="9231000002315697"],
[data-section-id="9231000002315872"],
[data-section-id="9231000002315458"],
[data-section-id="9231000002315666"],
[data-section-id="9231000002315262"] {
  aspect-ratio: 1440 / 200 !important;
  min-height: unset !important;
  height: auto !important;
}

/* ── Profile Settings: Hide Promotional Emails row ──────────────────────────
   Hides the Promotional Emails toggle row in the Email Settings tab of the
   Profile Settings modal.
   Anchored to: .profile-details-modal (stable modal class) +
                #tabpanel-2 (stable Email Settings tab panel ID).
   The row is always the last <tr> in the .bs-settings table on this tab. ── */

.profile-details-modal #tabpanel-2 .bs-settings table tr:last-child {
  display: none !important;
}

/* Price tag icon & Show More — change from platform pink to #ce0202 */

/* Price tag icon (icon-font, colour via ::before) */
[data-section-id="9231000002315244"] .ticket-name .theme-icon.brands-icon {
  color: #ce0202 !important;
}

/* Show More link */
[data-section-id="9231000002315244"] .more-link {
  color: #ce0202 !important;
}

/* Buy ticket modal header — replace platform pink with #0c4d81 */
.buy-ticket-modal .details-modal-header {
  background-color: #0c4d81 !important;
}

/* Apply & Continue buttons — gradient #ffffff to #5ea5d9 (white 20%, blue dominant) */

[data-tracker="get_directions"],
.buy-ticket-modal .primary.bs-button:not(.large),
.buy-ticket-modal .primary.bs-button:not(.large):not(.small),
.profile-details-modal .small.primary.bs-button,
[data-tracker-modal],
.signin-modal .large.primary.bs-button,
.pw-actions .primary.bs-button,
.by-tkt-footer .uls-button.primary,
.ui.modal.small .uls-button.positive.primary
{
  background-image: linear-gradient(to right, #ffffff 0.5%, #5ea5d9) !important;
  color: #000000 !important;
  border: 1px solid #0c4d81 !important;
}

/* Nav menu links — hover colour #ce0202 */
.bs-main-menu a.item:hover {
  color: #ce0202 !important;
}

/* Nav menu links hover — #ce0202 (updated to cover all nav element types) */

/* Standard page links (<a> tags) */
.bs-main-menu a.item:hover {
  color: #ce0202 !important;
}

/* Conference Info dropdown (<div> not <a>) */
.bs-main-menu div.item:hover {
  color: #ce0202 !important;
}

/* Sign In button */
.bs-main-menu .signInButton button:hover {
  color: #ce0202 !important;
}

/* Contact Us Submit button — border and text colour #5ea5d9 */
[data-tracker="contact_us"] {
  color: #5ea5d9 !important;
  border: 1px solid #5ea5d9 !important;
}

/* Footer — background #5ea5d9 across all pages */
.community-section-footer .background-layer {
  background-color: #5ea5d9 !important;
}

/* Home page Register Now — red with white text (overrides gradient rule) */
[data-tracker="buy_ticket"] {
  background-image: none !important;
  background-color: #ce0202 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Accessibility button — #ce0202 */
.bs-access-button {
  background-color: #ce0202 !important;
}

/* ── Orders page: dropdown arrow — #ce0202 ── */
.list-nav .theme-icon {
  color: #ce0202 !important;
}

/* ── Orders page: Order Summary tab text — #ce0202 ── */
.tab-nav-items .nav-item.active {
  color: #ce0202 !important;
}

/* ── Orders page: Order Summary active underline — #ce0202 ── */
.tab-nav-items .nav-item.active::after {
  background-color: #ce0202 !important;
}

/* ── Profile popup: active item (Your Tickets) — pink to red ── */
.popup-item.active {
  color: #ce0202 !important;
  border-color: #ce0202 !important;
}
.popup-item.active .fxb.fvc.gp2 {
  color: #ce0202 !important;
}
.popup-item.active .theme-icon {
  color: #ce0202 !important;
}

/* ── Profile popup: Event Team label — #ce0202 ── */
.bs-label.role-lb.organizer {
  color: #ce0202 !important;
  border-color: #ce0202 !important;
}

/* ── Profile Settings modal: active tab text & underline — #ce0202 ── */
.profile-details-modal .nav-item.active {
  color: #ce0202 !important;
}
.profile-details-modal .nav-item.active::after {
  background-color: #ce0202 !important;
}

/* ── Profile Settings modal: tab hover text only (no underline) — #ce0202 ── */
.profile-details-modal .nav-item:hover {
  color: #ce0202 !important;
}