/* =========================================================
   全站輪播／跑馬燈播放控制
   所有暫停與播放按鈕只維護這一份樣式
========================================================= */

.carousel-region { position: relative; }
.carousel-region > .carouselPlayToggle,.carousel-region > .marqueePlayToggle { position: absolute; left: 24px; right: auto; bottom: 14px; top: auto; z-index: 120; display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 30px; min-width: 70px; min-height: 30px; padding: 0; margin: 0; border: 0; border-radius: 10px; background: rgba(0,0,0,0.9); color: #ffffff; box-shadow: none; font-size: 1rem; font-weight: 600; line-height: 1.7; letter-spacing: 0; white-space: nowrap; opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); transition: opacity .18s ease,transform .18s ease,visibility 0s linear .18s; }
.carousel-region > .carouselPlayToggle .pauseText,.carousel-region > .marqueePlayToggle .pauseText { color: #ffffff; font-size: 1rem; font-weight: 700; line-height: 1; text-align: center; }
html.aa-keyboard-mode
.carousel-region.is-keyboard-active
> .carouselPlayToggle,html.aa-keyboard-mode
.carousel-region:focus-within
> .carouselPlayToggle,.carousel-region > .carouselPlayToggle:focus-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); transition-delay: 0s; }
.carousel-region > .marqueePlayToggle:focus-visible { outline: 3px solid #e6002d; outline-offset: 5px; box-shadow: 0 0 0 2px #ffffff; }
.carousel-region > .carouselPlayToggle:focus-visible { outline: 3px solid #e6002d; outline-offset: 5px; box-shadow: 0 0 0 2px #ffffff; }
.carousel-region > .carouselPlayToggle:focus:not(:focus-visible),.carousel-region:focus:not(:focus-visible) { outline: none; box-shadow: none; }
.carousel-region.has-carousel-control-line::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 47px; height: 2px; background: #111111; z-index: 110; opacity: 0; visibility: hidden; pointer-events: none; }
html.aa-keyboard-mode
.carousel-region.has-carousel-control-line.is-keyboard-active::after,html.aa-keyboard-mode
.carousel-region.has-carousel-control-line:focus-within::after { opacity: 1; visibility: visible; }
.mobile-news-toggle { display: none; }

@media screen and (max-width:550px) {
  .mobile-news-toggle { display: inline-flex; }
  .carousel-region > .carouselPlayToggle { left: 16px; bottom: 10px; width: 56px; height: 56px; min-width: 56px; min-height: 56px; font-size:0.875em; }
  .carousel-region > .carouselPlayToggle .pauseText { font-size:0.875em; }
}
@media (prefers-reduced-motion:reduce) {
  .carousel-region > .carouselPlayToggle { transition: none; }
}