/* =========================================================
   BS5 v6 page-specific minimal patch
   Target: B1-HERO carousel controls only
   Reason: Under Bootstrap 5, legacy .sr-only text can appear visually and
           the carousel arrow glyphs need to be enlarged by 100% while keeping
           the accepted control placement and all B1/B2/B3/footer DOM intact.
   Frozen: desktop navbar no-wrap / transparent-to-black scroll state /
           Bootstrap 5.3.8 local assets / dropdown-submenu expansion /
           B1 13 slides / B2 / B3 / footer / homepage text, images, links.
   ========================================================= */
@media (min-width: 992px) {
    /* Keep existing control location; only enlarge the legacy glyphicon arrows. */
    #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;
        white-space: nowrap !important;
        border: 0 !important;
    }
}