/* Custom CSS for the Navbar */
.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.04); /* 輕微的陰影，增加立體感 */
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
}

.navbar-nav .nav-link {
    font-weight: 500;
    color: #000; /* 調整連結顏色 */
    padding: 0.5rem 1rem;
}

.navbar-nav .nav-link:hover {
    color: #000; /* 懸停時的顏色，可以和咖啡色系搭配 */
}

.navbar-nav .nav-link.active {
    color: #000; /* 作用中連結的顏色 */
    border-bottom: 2px solid #A0522D; /* 增加底部線條，增加視覺效果 */
}

/* 響應式調整 */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #f8f9fa; /* 手機版選單展開時的背景色 */
        padding: 1rem;
    }
}
/* Custom Colors */
:root {
    --bs-brown: #A0522D; /* 為咖啡色定義一個 CSS 變數 */
    --bs-dark: #333;
    --bs-secondary: #6c757d;
}

.text-brown {
    color: #000 !important;
}

.btn-dark {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    color: #fff;
}

.btn-outline-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark);
}

.btn-outline-dark:hover {
    background-color: var(--bs-dark);
    color: #fff;
}

/* Hero Section Custom Styles */
.hero-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.hero-section h1 {
    font-size: 3rem; /* 調整標題大小 */
    line-height: 1.2;
}

@media (min-width: 992px) {
    .hero-section h1 {
        font-size: 4rem; /* 在大螢幕上將標題放大 */
    }
}
/* Why Choose Us Section Custom Styles */
.why-us-section h2 {
    font-size: 2.5rem;
    line-height: 1.2;
}

.why-us-section h3 {
    font-size: 1.75rem;
}

.why-us-section p {
    font-size: 1rem;
    line-height: 1.8;
}

/* 確保圖片在手機版時保持上下順序 */
@media (max-width: 991.98px) {
    .why-us-section .row {
        flex-direction: row !important;
    }
}
/* Best Sellers Section Custom Styles */
.bestsellers-section .carousel-control-prev,
.bestsellers-section .carousel-control-next {
    width: auto;
    opacity: 1; /* 確保箭頭常駐顯示 */
    top: 50%; /* 垂直置中 */
    transform: translateY(-50%);
}

.bestsellers-section .carousel-control-prev {
    left: -3rem; /* 往左移出容器 */
}

.bestsellers-section .carousel-control-next {
    right: -3rem; /* 往右移出容器 */
}

/* 響應式調整箭頭位置 */
@media (max-width: 991.98px) {
    .bestsellers-section .carousel-control-prev,
    .bestsellers-section .carousel-control-next {
        top: 25%; /* 手機版調整箭頭位置 */
    }
    .bestsellers-section .carousel-control-prev {
        left: 0.5rem;
    }
    .bestsellers-section .carousel-control-next {
        right: 0.5rem;
    }
}
/* Contact Section Custom Styles */
.contact-list {
    font-size: 1.1rem;
}

.contact-list i {
    font-size: 1.25rem;
}

.map-container {
    height: 300px; /* 設定地圖的預設高度 */
}

/* 確保地圖在不同螢幕下都能有適當的高度 */
@media (min-width: 992px) {
    .map-container {
        height: auto; /* 在大螢幕上讓高度自動適應 */
    }
}
/* Footer Custom Styles */
footer a {
    text-decoration: none; /* 移除連結的底線 */
    transition: color 0.3s ease; /* 增加顏色變化的過渡效果 */
}

footer a:hover {
    color: var(--bs-brown) !important; /* 懸停時變為咖啡色 */
}


/*自訂*/
.shadow-lg {
    box-shadow: none !important;
    margin-top: 80px;
}

.big-text{
    font-size: 240px;
    font-family: sans-serif;
    line-height: 0.9;
}
/* 響應式調整文字 */
@media (max-width: 991.98px) {
    .big-text{
       display: none;
    }
    .hero-section h1 {
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
}
p.lead.mb-4.text-secondary {
    text-align: center;
    font-size: large;
}
}

a.navbar-brand img {
    width: 60px;
    height: auto;
    margin-top: -10px;
}
.bg-light{
    background-color: #FFF!important;
}
.line-box {
    text-align: center;
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 25px;
}
.a_w p.mb-0 {
    color: #fff;
}