/* -----------------------------------
 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 {
    color: white;
}
.header-bottom.menu-hovered {
    background-color: #2E6F40 !important;
}

.main-menu__tree > li:hover .menu-container {
    background-color: #2E6F40; /* สีเดียวกับ header */
}
.main-menu__tree > li .menu-container {
    background-color: #2E6F40;
    border-top: 1px solid #2E6F40;
}

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

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

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

header .header-bottom,
nav.header-bottom,
.offcanvas,
.footer .footer__main,
.footer {
    background-color: #2E6F40;
}

/* -----------------------------------
สีตัวอักษร (Text Color)
----------------------------------- */
.carousel-caption,
.carousel .carousel-content p,
.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: #2E6F40;
}

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

a,
.cart-summary__show i,
.email-subscription .email-subscription__content__inputs input[type="email"],
.btn-link {
    color: black;
}

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

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

.wishlist-button-add i {
    color: #ff0000 !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: #2b542c;
}

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

.header-block__badge {
    background-color: #68BA7F   ;
}

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

.badge {
    background-color: #375E42;
}

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

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

/* -----------------------------------
 Border / Box Shadow
----------------------------------- */
.step .address.selected {
    border: 2px solid #2E6F40;
}

.btn:hover {
    border-color: #2E6F40;
}

.form-control:focus,
.modal.product-comment-modal .form-control:focus,
.modal.product-comment-modal textarea:focus,
.form-select:focus {
    border-color: #2E6F40;
    box-shadow: 0 0 0 .25rem rgba(74, 112, 67, 0.33);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2E6F40;
    border-bottom:2px solid #2E6F40;
}
.nav {
    --bs-nav-link-hover-color: #2E6F40;;
}
.info__title.accordion-header{
    border-bottom: 2px solid #2E6F40;
    margin-bottom: 15px;
}

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

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

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

/* -----------------------------------
 Wishlist / Product
----------------------------------- */
.cart__item .product-line__actions a::after {
    background: #08842B;
}