/* =========================================================
   BS5 v10 page-specific minimal patch
   Target: B1-HERO mobile carousel controls only
   Reason: On mobile, the legacy BS3 carousel control text (上一則 / 下一則)
           can appear visually under Bootstrap 5, and the mobile arrow glyphs
           must match the accepted 100% enlarged arrow scale while preserving
           existing carousel-control placement. This patch does not add top,
           left, or right offsets and does not alter B1 slide DOM or CTA links.
   Frozen: BS5 desktop navbar/footer, mobile fixed-top/logo/hamburger/menu/
           footer, Bootstrap 5.3.8 local assets, B2 hover clip, B3 mobile line.
   ========================================================= */
@media (max-width: 991.98px) {
    /* Keep existing carousel-control location; only enlarge the legacy glyphs. */
    #mycarousel .carousel-control .glyphicon-chevron-left::before,
    #mycarousel .carousel-control .glyphicon-chevron-right::before,
    #mycarousel .carousel-control-prev .glyphicon-chevron-left::before,
    #mycarousel .carousel-control-next .glyphicon-chevron-right::before {
        font-size: 108px !important; /* original fallback 54px × 200% */
        line-height: 1 !important;
        font-weight: 300 !important;
    }

    /* Bootstrap 5 no longer styles .sr-only; hide legacy 上一則 / 下一則 text. */
    #mycarousel .carousel-control .sr-only,
    #mycarousel .carousel-control-prev .sr-only,
    #mycarousel .carousel-control-next .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}