/* Kill auto-link styling + flex layout in event locations */
.event_location a,
.event_location a[x-apple-data-detectors],
.event_location a[x-apple-data-detectors=true] {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  background: none !important;

  display: inline !important;
  white-space: normal !important;
  pointer-events: auto; /* keep it tappable */
}

.event_location {
  display: inline !important;
  white-space: normal !important;
  border-bottom: 0 !important;

}

/* APL header focus & keyboard enhancements */
/* Safe to load after your existing header CSS */

/* 1. High contrast focus color */
:root {
  --focus-ring: #ffbf47;
}

/* 2. Skip link visibility */
.apl-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  padding: 8px 16px;
  background: #000;
  color: #fff;
  z-index: 1000;
  text-decoration: none;
}

.apl-skip-link:focus-visible {
  left: 16px;
  top: 16px;
  outline: 3px solid var(--focus-ring);
  outline-offset: 2px;
}

/* 3. Top bar focus styles (Events / Sucursales / language toggle etc.) */
#horizontal_rule a:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: 3px;
}

/* 4. Main nav items and dropdown triggers */
#apl-nav a:focus-visible,
#apl-nav button.nav-button:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
 /* background-color: rgba(255, 191, 71, 0.15);*/
}

/* 5. Mobile Menu and Search buttons */
.aplmenu.onlysmall:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 4px;
}

/* 6. Submenu links (Books & more / Services / Learning child links) */
.apl-submenu-menu a:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
/*  background-color: rgba(255, 191, 71, 0.2);*/
}

/* 7. Search controls: dropdown, input, and buttons */
.bc-search .search_type_block select:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 2px;
}

.bc-search .main_search_input:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 2px;
}

.bc-search [data-role="btn-books"]:focus-visible,
.bc-search [data-role="btn-apl"]:focus-visible,
.bc-search .adv_search a:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
 /* background-color: rgba(255, 191, 71, 0.15);*/
}
/* Base appearance for the two search buttons */
.bc-search [data-role="btn-books"],
.bc-search [data-role="btn-apl"] {
  background-color: #f5f5f5;  /* whatever your normal color is */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* Keep the focus ring, kill the yellow fill */
.bc-search [data-role="btn-books"]:focus,
.bc-search [data-role="btn-books"]:focus-visible,
.bc-search [data-role="btn-books"]:active,
.bc-search [data-role="btn-apl"]:focus,
.bc-search [data-role="btn-apl"]:focus-visible,
.bc-search [data-role="btn-apl"]:active {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
  background-color: #f5f5f5 !important;  /* override any yellow */
  box-shadow: none;
}