.white-space-nowrap {
    white-space: nowrap;
}

.mobile-bottom-nav {
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    height: 65px;
    width: 100%;
    z-index: 4;
}

.mobile-bottom-nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobile-bottom-nav-link {
    width: inherit;
}

@media screen and (min-width: 768px) {
    .mobile-bottom-nav {
        display: none;
    }
}

/* CLS 방지: 모바일 하단 고정 네비(65px)만큼 본문 여백 확보 */
@media screen and (max-width: 767px) {
    .main.shop {
        padding-bottom: 65px;
    }
}

@media screen and (min-width: 992px) {
    nav.carousel-nav {
        white-space: nowrap;
        text-align: center;
    }

    #mainNav {
        display: inline-block;
        padding: 0;
        margin: 0;
        transition: transform 0.3s ease;
    }

    #mainNav > li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .carousel-controls {
        display: flex;
        align-self: center;
    }

    .carousel-controls button {
        background: none;
        border: none;
        font-size: 14px;
        cursor: pointer;
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    .carousel-controls, .carousel-controls button {
        display: none;
    }

    #mainNav {
        display: inherit;
    }

    #mainNav > li {
        display: inherit;
    }
}

/* ==============================================
   접근성 개선: 대비비 WCAG AA 준수 (4.5:1 이상)
   custom.css 는 skins/default.css 이후 로드되므로
   동일 특이도에서 이 파일의 규칙이 우선 적용됨
   ============================================== */

/* [1] 기본 보조 텍스트: #777(4.47:1) → #595959(7.0:1 on #FFF) */
.text-default,
.text-color-default {
    color: #595959 !important;
}

/* [2] 음소거 텍스트: #999(2.85:1) → #767676(4.54:1 on #FFF) */
.text-muted {
    color: #767676 !important;
}

/* [3] 회색 아이콘·스피너: #969696(2.95:1) → #5a6470(6.0:1 on #FFF) */
.text-color-grey {
    color: #5a6470 !important;
}

/* [4] section-light 헤딩: #777(4.47:1) → #595959(7.0:1 on #FFF) */
html section.section-light h1,
html section.section-light h2,
html section.section-light h3,
html section.section-light h4,
html section.section-light h5,
html section.section-light h6 {
    color: #595959;
}

/* [5] 상품 상세·배송 탭 링크: #777 on #f7f7f7(4.17:1) → #444(9.1:1) */
.sort-source.sort-source-style-3 > li > a {
    color: #444 !important;
}

/* [6] nav-tabs 비활성 링크: #CCC on #f7f7f7(1.5:1) → #444(9.1:1) */
.nav-tabs li .nav-link,
.nav-tabs li .nav-link:hover,
.nav-tabs li .nav-link:active,
.nav-tabs li .nav-link:focus {
    color: #444 !important;
}

/* [7] 브랜드 primary 색상: #E61E78(4.35:1) → #C51A70(5.6:1 on #FFF)
   텍스트·버튼 배경 양방향 모두 AA 통과 */
html .text-color-primary,
html .text-primary {
    color: #C51A70 !important;
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    color: #C51A70 !important;
}

html .btn-primary {
    background-color: #C51A70 !important;
    border-color: #C51A70 #C51A70 #9e145a !important;
}

html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent) {
    background-color: #d41e7a !important;  /* hover: 4.9:1 on #FFF */
}

html .bg-color-primary,
html .bg-primary {
    background-color: #C51A70 !important;
}

html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover {
    background-color: #C51A70 !important;
}

/* [8] <a> 기반 disabled 버튼: opacity:0.65 합성 시 ~2.5:1 → opacity 해제 후 #767676(4.54:1) 명시
   네이티브 disabled 속성 없는 <a>.disabled 는 WCAG 비활성 예외 미적용 */
a.btn.disabled,
a.btn[aria-disabled="true"] {
    opacity: 1 !important;
    color: #767676 !important;
    border-color: #767676 !important;
}

/* [9] 터치 타겟: 최소 44×44px (WCAG 2.5.5) */

.header-btn-collapse-nav {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-nav-features-search-show-icon,
.header-nav-features-search-hide-icon {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    min-width: 44px !important;
    min-height: 44px !important;
}