/* Tulip Tower v48.79 — notice footer: borderless All notices link aligned with slider controls */

/* Reserve the bottom line for the common footer. */
body.tt-v24.tt-home .notice-slide-v48 .notice-v48-copy{
    padding-bottom:76px!important;
}
body.tt-v24.tt-home .notice-slide-v48 .notice-v979-actions{
    margin-top:10px!important;
}

/* One bottom row shared by "Tất cả thông báo" + arrows/pager. */
body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer{
    position:absolute!important;
    z-index:12!important;
    left:43%!important;
    right:24px!important;
    bottom:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:36px!important;
    pointer-events:none!important;
}

body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all{
    pointer-events:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#e4c58c!important;
    text-decoration:none!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
    transition:color .2s ease,transform .2s ease!important;
}
body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all:hover{
    color:#fff1ce!important;
    transform:translateX(2px)!important;
}

/* Keep the existing slider control appearance but make it a static item in the same row. */
body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    pointer-events:auto!important;
}

@media(max-width:1050px){
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer{
        left:41.5%!important;
        right:18px!important;
        gap:12px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all{font-size:12.5px!important}
}

@media(max-width:720px){
    body.tt-v24.tt-home .notice-slide-v48 .notice-v48-copy{
        padding-bottom:76px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer{
        left:22px!important;
        right:14px!important;
        bottom:14px!important;
        min-height:38px!important;
        gap:10px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all{
        min-height:32px!important;
        font-size:12px!important;
        gap:6px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all svg{
        width:15px!important;
        height:15px!important;
        flex-basis:15px!important;
    }
    /* Override older mobile rules that turn controls into a full-width standalone row. */
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls{
        position:static!important;
        inset:auto!important;
        display:grid!important;
        grid-template-columns:32px auto 32px!important;
        align-items:center!important;
        gap:6px!important;
        width:auto!important;
        max-width:none!important;
        min-width:0!important;
        min-height:32px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls .tt-slider-nav{
        width:32px!important;
        min-width:32px!important;
        max-width:32px!important;
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;
        flex-basis:32px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls #noticeDotsV48{
        width:auto!important;
        min-width:42px!important;
        height:32px!important;
        min-height:32px!important;
    }
}

@media(max-width:430px){
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer{
        left:18px!important;
        right:12px!important;
        gap:8px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-all{
        font-size:11.5px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls{
        grid-template-columns:30px auto 30px!important;
        gap:5px!important;
    }
    body.tt-v24.tt-home .notice-slider-v48 .notice-v979-footer .notice-v979-controls .tt-slider-nav{
        width:30px!important;min-width:30px!important;max-width:30px!important;
        height:30px!important;min-height:30px!important;max-height:30px!important;
        flex-basis:30px!important;
    }
}