/* Caltech Alumni Accessibility CSS - Optimized */

/* ------------------------------------------- */
/* 1. Skip Link (Screen Reader Text) */
/* ------------------------------------------- */
.screen-reader-text,
.slider-skip-link,
.slider-skip-target {
  /* Hides element visually but keeps it accessible to screen readers */
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  /* Corrected the typo 'width: 1px;a' to 'width: 1px;' */
  /* word-wrap is usually irrelevant for 1x1 elements, but kept for strict parity */
  word-wrap: normal !important;
}

/* Skip link focus state (becomes visible) */
.screen-reader-text:focus,
.screen-reader-text-active,
.slider-skip-link:focus,
.slider-skip-link.screen-reader-text-active {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Specific positioning for the primary skip link */
  left: 5px;
  top: 5px;
}

/* Smart Slider Skip Link Specific Positioning Overrides */
.slider-skip-link:focus,
.slider-skip-link.screen-reader-text-active {
  position: static; /* Allows it to flow naturally in the document */
  display: inline-block;
  /* Remove top/left positioning from the global focus style */
  left: auto; 
  top: auto; 
}

/* Smart Slider Skip Target focus fix (to make target visible) */
.slider-skip-target:focus {
  position: static;
  width: auto;
  height: auto;
}


/* ------------------------------------------- */
/* 2. Global Keyboard Focus Indicators 🔑 */
/* High priority selector to ensure visibility */
/* ------------------------------------------- */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
/* Divi/WP Specific Focus */
.keyboard-focus,
.mobile_menu_bar:focus,
/* Divi Blog/Post Focus */
.et_pb_post > a:focus,
/* Divi Logo Focus */
.et_pb_menu__logo a:focus img,
/* Smart Slider Focus Targets */
.n2-section-smartslider:focus,
.n2-ss-slide-active:focus .n2-ss-section-main-content,
.n2-ss-slider a.n2-ow:focus,
.home .n2-ss-slider a.n2-ow:focus,
.n2-ss-widget.n2-ss-widget-hidden:focus,
.nextend-autoplay:focus,
.nextend-arrow-previous:focus,
.nextend-arrow-next:focus,
.n2-autoplay-paused:focus,
[data-n2click]:focus {
  outline: 2px solid #ff6c22 !important;
  outline-offset: 2px !important;
}

/* Enhanced slider focus indicator (specific color for main slider container) */
/* NOTE: This selector overrides the primary one above, using a different color. */
.n2-section-smartslider:focus {
  outline: 2px solid #005fcc !important; /* Kept !important for specificity */
  outline-offset: 2px !important;
}


/* ------------------------------------------- */
/* 3. Layout & Structure Fixes */
/* ------------------------------------------- */

/* Ensures the focus state on the post link is visible */
.et_pb_post > a {
  display: block;
}

/* Ensures logo focus outline is not clipped */
.et_pb_menu__logo {
  overflow: visible !important;
}

/* Fixes for Divi Blog Grid Images */
.et_pb_blog_grid .et_pb_image_container img {
  object-fit: cover;
}

/* Fixes for Divi Sub-Menu visibility on hover/focus */
.nav li.et-hover > ul.