/*!
 * 達豐儀器 - homeV2.css
 * 自訂樣式檔案
 */
/* 語言系統核心樣式 - 暫時停用除錯 */
/*
[lang]:not([lang="TW"]) { 
    display: none; 
}
[lang="TW"] {
    display: block !important;
}
*/

/* 回復接近原始的語言系統 */
[lang]:not([lang="TW"]) { 
    display: none; 
}
/* 響應式導航列調整 */
.navbar-toggler {
    z-index: 1;
}
@media (max-width: 576px) {
    nav > .container {
        width: 100%;
    }
}

/* 原本的中等螢幕隱藏規則已整合到智能導航列中，不再需要 */

/* Logo 樣式 */
#mainNav img.navbar-logo {
    height: 1.25rem;
    margin-right: 15px;
    vertical-align: baseline;
}
/* 標語段落樣式 - 使用高特定性選擇器覆蓋 creative.min.css */
header .header-content .header-content-inner p.header-tagline {
    font-weight: 500 !important;
    font-size: 25px !important;
    color: white !important;
    background: hsla(0, 0%, 15%, 0.6);
    padding: 10px;
    border-radius: 5px;
}
.product-image-ns {
    width: 160px;
    height: 300px;
}

.br-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* 聯絡區域 Logo 樣式 - 調整為正確尺寸 */
.contact-logo-large {
    width: 3rem !important;
    height: 3rem !important;
    margin-bottom: 1rem !important;
}

/* === 智能響應式導航列 === */

/* 預設狀態：顯示完整品牌名稱 */
.brand-full { display: inline; }
.brand-short { display: none; }

/* 階段 1：較大螢幕時品牌名稱縮短 */
@media (max-width: 1199px) {
    .brand-full { display: none; }
    .brand-short { display: inline; }
}

/* 階段 2：小螢幕時的佈局優化 */
@media (max-width: 991px) {
    /* 確保 container 使用 flexbox 佈局 */
    #mainNav .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    /* 品牌區域佈局 */
    #mainNav .navbar-brand {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    
    #mainNav img {
        margin-right: 10px;
    }
}

/* 階段 3：極小螢幕時進一步調整 */
@media (max-width: 480px) {
    .navbar-brand { 
        font-size: 0.9rem;
    }
    
    #mainNav img {
        height: 1.1rem !important;
        margin-right: 8px !important;
    }
    
    /* 極小螢幕時調整容器間距 */
    #mainNav .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* 縮小 toggler 與文字間距 */
    #mainNav .navbar-toggler {
        margin-left: 10px;
        padding: 0.2rem 0.4rem;
    }
}

/* 極小螢幕時隱藏品牌文字，只保留 Logo */
@media (max-width: 360px) {
    .brand-short { 
        display: none; 
    }
}

/* 滾動時的特殊處理 */
@media (max-width: 991px) {
    .navbar-shrink.show-toggler #lang-switch {
        display: none !important;
    }
    
    .navbar-shrink.show-toggler .navbar-brand {
        transition: all 0.3s ease;
    }
}

/* 選單按鈕基本樣式 */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
    background: transparent;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.25);
}