/* -----------------------------------
Header / Menu / Nav
----------------------------------- */
/*.header-block__action-btn,*/
/*.header-block__action-btn:hover,*/
/*.header-block--active .header-block,*/
/*.header-block--active .header-block__icon,*/
/*.main-menu__mobile .menu a,*/
/*.main-menu__mobile .menu li:not(.h5),*/
/*.main-menu__title,*/
/*.js-back-button,*/
/*.js-back-button:hover,*/
/*.header a:not(.dropdown-item):not(.btn),*/
/*.header a:not(.dropdown-item):not(.btn):hover,*/
/*.header a:not(.dropdown-item):not(.btn):hover i,*/
/*.carousel-caption,*/
/*.carousel .carousel-content p,*/
/*.main-menu__tree > li .menu-container a[data-depth="1"] {*/
/*    color: white;*/
/*}*/

.main-menu__tree > li .menu-container a[data-depth="1"]:hover {
    color: #7D7D7D;
}

.main-menu__tree > li .menu-container {
    background-color: #252525;
    border-top: 1px solid #252525;
}

#index #header,
#index #header .header-bottom,
#index #header .header-nav {
    background: transparent;
}

.header-bottom.menu-hovered {
    background-color: #252525 !important;
}

#index.small_scrolled #header {
    background-color: #252525;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.45);
}

header.header,
nav.header-bottom,
.offcanvas,
.footer .footer__main,
.footer {
    background-color: #252525;
}
/*#index.small_scrolled .header a:not(.dropdown-item):not(.btn),*/
/*.small_scrolled .header a:not(.dropdown-item):not(.btn),*/
/*.header a:not(.dropdown-item):not(.btn){*/
/*    color:#fff;*/
/*}*/
/*#index .header a:not(.dropdown-item):not(.btn){*/
/*    color:#252525;*/
/*}*/

/* -----------------------------------
สีตัวอักษร (Text Color)
----------------------------------- */
a,
.cart-summary__show i,
.email-subscription .email-subscription__content__inputs input[type="email"],
.btn-link {
    color: black;
}

.dropdown-item:focus,
.dropdown-item:hover,
.addresses__new-address i,
.account-menu > a.active .link-item,
.account-menu > a.active .link-item i,
.account-menu > a:hover .link-item,
.account-menu > a:hover .link-item i {
    color: #252525;
}

.text-primary {
    color: #252525 !important;
}

.wishlist-list-item:hover .wishlist-list-item-title {
    color: #6a7375 !important;
}

.wishlist-product-combinations a:hover {
    color: #bbb !important;
}

.wishlist-button-add i {
    color: #252525 !important;
}

.product__discount-percentage,
.product__current-price {
    color: red;
}

.all-product-link.btn i,
.btn-link:hover,
.btn:first-child:active {
    color: #FFBFBF;
}

.footer .footer__block__content-list a.logout {
    color: #dee2e6;
}

.footer .footer__block__content-list:hover a.logout {
    color: #ffffff;
}

#search_widget form i {
    color: #252525;
}

/* -----------------------------------
สีพื้นหลัง (Background Color)
----------------------------------- */
.customer-link a span:hover,
.customer-link__link span:hover,
.carousel .carousel-indicators button.active {
    background-color: #252525;
}

.header-block__badge {
    background-color: #CFCFCF;
}

.wishlist-toast.success {
    background-color: #6B8E23 !important;
    border-color: #6B8E23 !important;
}

.badge {
    background-color: #545454;
}

.badge.discount {
    background-color: white;
    border: 1px solid #545454;
    color: #545454;
}

.form-check-input:checked {
    background-color: #252525;
    border-color: #252525;
}

/* -----------------------------------
Border / Box Shadow
----------------------------------- */
.step .address.selected {
    border: 2px solid #252525;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #6a6a6a;
    border-bottom:2px solid #6a6a6a;
}
.nav {
    --bs-nav-link-hover-color: #6a6a6a;;
}
.info__title.accordion-header{
    border-bottom: 2px solid #6a6a6a;
    margin-bottom: 15px;
}

.form-control:focus,
.modal.product-comment-modal .form-control:focus,
.modal.product-comment-modal textarea:focus,
.form-select:focus {
    border-color: #252525;
    box-shadow: 0 0 0 .25rem rgba(95, 99, 113, 0.33);
}

/* -----------------------------------
 Placeholder / Form Input
----------------------------------- */
.form-control::placeholder,
.modal.product-comment-modal .form-control::placeholder,
.modal.product-comment-modal textarea::placeholder {
    color: #cbcfd7;
}

/* -----------------------------------
Checkout Step Indicators
----------------------------------- */
.checkout__steps .nav-tabs .checkout__steps--success .nav-link.active {
    color: #271987;
}

.checkout__steps--success .checkout__steps__text {
    color: #494a4a;
}

.checkout__steps--current .checkout__steps__number {
    background: #494a4a;
}

.checkout__steps--success::after,
.checkout__steps--success::before,
.checkout__steps--current::before,
.checkout__steps--success .checkout__steps__number {
    background: #494a4a;
}

.checkout__steps .nav-tabs .checkout__steps--current .nav-link.active {
    color: #242129;
}

/* -----------------------------------
 ปุ่ม (Bootstrap Button Variables)
----------------------------------- */
.btn-outline-primary {
    --bs-btn-color: #7D7D7D;
    --bs-btn-border-color: #7D7D7D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7D7D7D;
    --bs-btn-hover-border-color: #7D7D7D;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7D7D7D;
    --bs-btn-active-border-color: #7D7D7D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #7D7D7D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7D7D7D;
    --bs-gradient: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7D7D7D;
    --bs-btn-border-color: #7D7D7D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #545454;
    --bs-btn-hover-border-color: #545454;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #545454;
    --bs-btn-active-border-color: #545454;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7D7D7D;
    --bs-btn-disabled-border-color: #7D7D7D;
}

/* -----------------------------------
 อื่น ๆ / Misc.
----------------------------------- */
.cart__item .product-line__actions a::after {
    background: #7D7D7D;
}

#carousel .slide .big_a{
    background-color:transparent!important;
}