/* Small additions on top of the Webflow styles (jurnaldemartordeit.webflow.shared.css). */

/* Page turn (js/page-turn.js): the page fades to its own base colour while
   the flip sound plays, and the next page fades in. */
@media (prefers-reduced-motion: no-preference) {
  html.page-turning body {
    opacity: 0;
    transition: opacity 0.38s ease;
  }
  html.page-turn-in body {
    animation: page-turn-in 0.4s ease both;
  }
  @keyframes page-turn-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}

/* Home page (and 404) entry links: one left-aligned column, so the arrows
   line up, kept centred as a group. */
.homegate-wrap > .home-links {
  width: auto;
  max-width: none;
  align-items: flex-start;
  text-align: left;
}

/* "Scrie autorului" dot (js/author-dot.js).
   The page's own <style> comes after this file, so these selectors start
   with `html` to take precedence over it. */
html .author-dot {
  transition: opacity 0.3s ease, box-shadow 0.25s ease;
}
/* The label is inside the dot, so the original scale(1.1) on hover also
   made the label's text jump. Glow instead of growing. */
html .author-dot:hover {
  transform: none;
  box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.26);
}
/* Invisible bridge over the gap between label and dot, so moving the
   pointer from the dot to the label never counts as leaving. */
html .author-dot .author-dot__tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 100%;
  width: 34px;
}
/* Stay open for a moment after the pointer leaves (the original comment's
   intent, "keep open ~2s"), then fade; open again instantly on return. */
html .author-dot .author-dot__tooltip {
  transition-delay: 1.5s, 1.5s, 1.95s;
}
html .author-dot:hover .author-dot__tooltip,
html .author-dot:focus-within .author-dot__tooltip {
  transition-delay: 0s, 0s, 0s;
}
.author-dot--hidden {
  opacity: 0;
  pointer-events: none;
}
.author-dot:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 6px;
}