/* RECOVERY cleanup layer (not part of the original site). Every rule is explained in CSS_CLEANUP_NOTES.md.
   Loaded after the theme and page CSS on every main-site page. */

/* C1. Keyboard focus: the 2018 theme removes focus outlines. Show one for keyboard users only. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible,
.et_pb_button:focus-visible, .et_pb_tabs_controls li a:focus-visible { outline: 2px solid #2e9df2 !important; outline-offset: 2px; }

/* C2. Missing-image placeholders keep the declared size (layout does not collapse) but never overflow on phones. */
img[data-missing-original] { max-width: 100%; height: auto; background: #eef1f5; }

/* C3. Historical mailto links on the lost oismun.net domain are disabled: show them as plain text, not dead links. */
a[data-recovery-disabled-mailto] { cursor: default; text-decoration: none; }

/* C4. Document viewers that loaded files from the lost domain are disabled (about:blank): show a neutral panel
   instead of a white hole. */
iframe[data-recovery-disabled] { background: #eef1f5; border: 2px dashed #b4bfcc; }

/* C5. Low-resolution images recovered from search-engine thumbnails: never upscale beyond their size. */
img[data-recovery-class="B-thumbnail"] { image-rendering: auto; }

/* C7. Too faded to read: Divi's default team-member role colour #aaa on white (2.3:1). Same grey look, AA contrast.
   Only for light-layout members; members on dark sections keep #aaa (readable there). */
html body #page-container .et_pb_team_member.et_pb_bg_layout_light .et_pb_member_position { color: #6b6b6b; }

/* C8. Footer menu / credit links: #0c71c3 on the #222 footer (3.2:1). Use the site's own accent blue (5.4:1). */
#et-footer-nav .bottom-nav a, #et-footer-nav .bottom-nav li.current-menu-item a, #footer-info a { color: #2e9df2 !important; }
#et-footer-nav .bottom-nav a:hover, #footer-info a:hover { color: #ffffff !important; }

/* C6. Phones only (the original page CSS has no phone values for these; desktop keeps the original sizes):
   - home-page slider text is set to 90px, which broke the one-word title "OISMUN" across overlapping lines;
   - home-page row 3 has 110px side padding, which squeezed the "Letter from the Secretary General" column
     to about 80px on a 375px screen. */
@media only screen and (max-width: 767px) {
  html body.page-id-5752 #page-container .et_pb_slider .et_pb_slide_0 .et_pb_slide_description .et_pb_slide_title,
  html body.page-id-5752 #page-container .et_pb_slider .et_pb_slide_0 .et_pb_slide_description .et_pb_slide_content { font-size: clamp(30px, 12vw, 90px) !important; line-height: 1.15em !important; }
  html body.page-id-5752 #page-container .et_pb_row_3.et_pb_row { padding-left: 0 !important; padding-right: 0 !important; }
}