/* 
 * Satcom 無障礙焦點樣式
 * 確保鍵盤導航時選單保持可見
 */

/* 使用 :focus-within 確保子選單在鍵盤操作時保持顯示 */
.navbar .dropdown:focus-within > .dropdown-menu {
    display: block !important;
}

.navbar .dropdown-menu li.has-sub:focus-within > .dropdown-menu {
    display: block !important;
}

/* 桌面版：當任何子元素有焦點時，保持選單開啟 */
@media (min-width: 992px) {
    .navbar .dropdown:focus-within > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .navbar .dropdown:focus-within {
        /* 保持 open 狀態的樣式 */
    }
    
    .navbar .dropdown:focus-within > .dropdown-menu.show {
        display: block !important;
    }
    
    /* 所有層級的子選單都使用相同規則 */
    .navbar .dropdown-menu li.has-sub:focus-within > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* 使用 class 來控制選單顯示（避免 CSP inline style 問題） */
.navbar .dropdown.keyboard-focused > .dropdown-menu {
    display: block !important;
}

.navbar .dropdown-menu li.has-sub.keyboard-focused > .dropdown-menu {
    display: block !important;
}

/* 焦點樣式 */
.navbar .dropdown .dropdown-item:focus,
.navbar .dropdown .nav-link:focus {
    outline: 3px solid #F7C96B !important;
    outline-offset: 2px !important;
    background-color: #FFBF47 !important;
}

/* 註冊按鈕焦點樣式 */
a .up-circle,
a .down-circle {
    transition: all 0.2s ease;
}

a:focus .up-circle,
a:focus .down-circle,
a:focus > div.up-circle,
a:focus > div.down-circle {
    outline: 4px solid #F7C96B !important;
    outline-offset: 4px !important;
    border-radius: 50% !important;
}

/* 註冊按鈕本身的焦點樣式 */
a[href*="reg_url"]:focus {
    outline: none !important;
}

/* 桌面版：訊息公告區域的連結焦點樣式 */
.news-area .newslist a:focus,
.section-gap .newslist a:focus {
    outline: 3px solid #F7C96B !important;
    outline-offset: 3px !important;
    background-color: #FFBF47 !important;
    display: block !important;
    border-radius: 4px !important;
}

/* 確保內部的 div 也能正確顯示 */
.news-area .newslist a:focus .newsdate,
.news-area .newslist a:focus .newstxt,
.section-gap .newslist a:focus .newsdate,
.section-gap .newslist a:focus .newstxt {
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}

/* 按鈕焦點樣式（黃色底色） */
.genric-btn:focus,
.go-feature-btn:focus {
    outline: 3px solid #F7C96B !important;
    outline-offset: 2px !important;
    background-color: #FFBF47 !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

/* 手機版/放大模式的焦點樣式調整 */
@media screen and (max-width: 991px) {
    /* 訊息公告、活動報報區域的連結焦點樣式 */
    .news-area .newslist a:focus,
    .section-gap .newslist a:focus,
    .testimonial a:focus {
        display: block !important;
        border-radius: 4px !important;
    }
    
    /* 確保內部的 div 也能正確顯示 */
    .news-area .newslist a:focus .newsdate,
    .news-area .newslist a:focus .newstxt,
    .section-gap .newslist a:focus .newsdate,
    .section-gap .newslist a:focus .newstxt {
        color: #FFFFFF !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.95), 
                     0 0 8px rgba(0, 0, 0, 0.9) !important;
    }
}