/* Shittu Adeyemi Moses (Author) | Esther Oduntan Research Portfolio */
/* Esther Oduntan — mobile touch controls, 23 October 2026.
   Scoped after existing page styles; desktop design stays unchanged. */

/* One floating control for phones, tablets and desktops. */
.eo-mobile-back-to-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 7100;
  left: 22px;
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d5ae73;
  background: #0c2c50;
  color: #fff;
  box-shadow: 0 7px 23px rgba(2, 20, 43, .28);
  text-decoration: none;
  touch-action: manipulation;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.eo-mobile-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.eo-mobile-back-to-top svg { display: block; pointer-events: none; }
.eo-mobile-back-to-top:focus-visible { outline: 3px solid #d5ae73; outline-offset: 4px; }
.eo-mobile-back-to-top:active { background: #18436c; }


@media (max-width: 720px) {
  /* Tap targets are at least 44×44px and remain above carousel contents.
     Keep native touch swipes on the carousels themselves. */
  .esther-oduntan-hero .esther-oduntan-hero-arrow,
  .esther-oduntan-research-polished .esther-oduntan-research-carousel-arrow,
  .esther-oduntan-voices-carousel-wrap .esther-oduntan-voices-arrow,
  .esther-oduntan-about-page .esther-oduntan-about-recognition-arrow,
  .eo-gallery-lightbox .eo-gallery-lightbox-arrow {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    pointer-events: auto;
  }
  .esther-oduntan-hero .esther-oduntan-hero-arrow,
  .esther-oduntan-voices-carousel-wrap .esther-oduntan-voices-arrow,
  .esther-oduntan-research-polished .esther-oduntan-research-carousel-arrow {
    z-index: 12;
  }
  .esther-oduntan-about-page .esther-oduntan-about-recognition-arrows { z-index: 12; }
  .esther-oduntan-about-page .esther-oduntan-about-recognition-arrow:not(:disabled) {
    opacity: .82;
    background: rgba(9,36,72,.94);
  }
  .esther-oduntan-hero .esther-oduntan-hero-arrow,
  .esther-oduntan-voices-carousel-wrap .esther-oduntan-voices-arrow:not(:disabled),
  .esther-oduntan-research-polished .esther-oduntan-research-carousel-arrow:not(:disabled),
  .eo-gallery-lightbox .eo-gallery-lightbox-arrow {
    opacity: .9;
  }
  .esther-oduntan-about-page .esther-oduntan-about-recognition-arrow:disabled { opacity: .18; }
  .esther-oduntan-about-page .esther-oduntan-about-recognition-prev { left: -3px; }
  .esther-oduntan-about-page .esther-oduntan-about-recognition-next { right: -3px; }
  .eo-gallery-lightbox .eo-gallery-lightbox-stage {
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    gap: 2px;
  }
  .esther-oduntan-hero .esther-oduntan-hero-arrow svg,
  .esther-oduntan-voices-carousel-wrap .esther-oduntan-voices-arrow svg,
  .esther-oduntan-research-polished .esther-oduntan-research-carousel-arrow svg,
  .esther-oduntan-about-page .esther-oduntan-about-recognition-arrow svg {
    pointer-events: none;
  }
  /* Slightly smaller offset on phones; opposite corner to WhatsApp. */
  .eo-mobile-back-to-top { left:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  .eo-mobile-back-to-top { transition: none; }
}