/* Youth's Online v1.9: site-wide, subtle text hover, no animated text splitting. */
/* Only pointer-capable devices; mobile tapping, copying, and selection stay normal. */
@media (hover:hover) and (pointer:fine) {
  /* Headings, descriptions, labels, small captions, service details, articles, footer. */
  body :where(main, .site-header, .footer, .topline, .featurebar, .cta-strip, .yo-print-welcome, .yo-print-feature, .direct-contact, .yo-banner, [role="dialog"])
    :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,small,label,summary,td,th,b,strong,em,.kicker,.lead,.service-en,.service-link,.text-link,.footnote,.yo-slider-card-title,.yo-slider-card-description) {
    transition: color .3s ease, text-shadow .3s ease, opacity .3s ease;
  }
  /* Soft depth/light reflection with no layout shifts, preserving contrast and text selection. */
  body :where(main, .site-header, .footer, .topline, .featurebar, .cta-strip, .yo-print-welcome, .yo-print-feature, .direct-contact, .yo-banner, [role="dialog"])
    :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,small,label,summary,td,th,b,strong,em,.kicker,.lead,.service-en,.service-link,.text-link,.footnote,.yo-slider-card-title,.yo-slider-card-description):hover {
    text-shadow: 0 2px 16px rgba(28,127,229,.16);
  }
  /* The most visible hover for titles, preserving the existing brand color. */
  body :where(main, .footer, .cta-strip, .featurebar)
    :where(h1,h2,h3,h4,h5,h6):hover {
    text-shadow: 0 4px 20px rgba(35,138,245,.23);
  }
  /* Text links on all pages receive clear but discreet feedback. */
  body :where(main,.site-header,.footer,.topline,.featurebar,.cta-strip)
    a:not(.btn):not(.yo-magnetic):not(.nav-cta):not(.floating-wa):not(.yo-slider-card):not([role="button"]) {
    text-decoration-color:transparent;
    text-underline-offset:.24em;
    transition: color .25s ease,text-decoration-color .25s ease,text-shadow .25s ease;
  }
  body :where(main,.site-header,.footer,.topline,.featurebar,.cta-strip)
    a:not(.btn):not(.yo-magnetic):not(.nav-cta):not(.floating-wa):not(.yo-slider-card):not([role="button"]):hover {
    text-decoration-line:underline;
    text-decoration-thickness:1px;
    text-decoration-color:currentColor;
    text-shadow:0 2px 13px rgba(27,124,234,.15);
  }
  /* Preserve button surfaces: just offer text sheen, no extra motion/transform. */
  body :where(main,.site-header,.footer,.cta-strip)
    :where(.btn,button,.filter,.yo-magnetic):hover {
    text-shadow:0 1px 12px rgba(255,255,255,.24);
  }
}
/* Accessibility: motion preferences and touchscreen readability always win. */
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
 body :where(main,.site-header,.footer,.topline,.featurebar,.cta-strip,.yo-print-welcome,.yo-print-feature,.direct-contact,.yo-banner,[role="dialog"])
  :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,small,label,summary,td,th,b,strong,em,.kicker,.lead,.service-en,.service-link,.text-link,.footnote) {
  text-shadow:none;
  transition:none;
 }
}