/* Text Colors */
.menu-style-four .navigation-menu > ul > li:hover > a > span,
.menu-style-four .navigation-menu > ul > li:hover > a:after,
.menu-style-four .navigation-menu > ul > li.active > a:after,
.submenu > li > a:hover,
.submenu > li > a:hover svg,
.megamenu--mega > li > ul > li > a:hover,
.megamenu--mega > li > ul > li > a:hover i,
.navigation-menu > ul > li > a svg,

.submenu > li.active > a,
.submenu > li.active > a svg,
.megamenu--mega > li > ul > li.active > a,
.megamenu--mega > li > ul > li.active > a i,
.menu-style-four .navigation-menu > ul > li.active > a > span,
.price-product {
    color: var(--bs-orange);
}

.offcanvas-body p .text-danger,
.text-body {
    color: var(--bs-orange) !important;
}

/* Background Colors */
.menu-style-four .navigation-menu > ul > li > a:before,
.navigation-menu > ul > li.has-children .megamenu:before,
.ht-btn,
.minicart-buttons .btn-checkout,
.ribbon,
input[type="range"]::-webkit-slider-thumb,
.page-pagination li a.current,
.ht-tab-menu li a.active:before,
.btn, .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand, .projects-wrap.style-01 .content .box-projects-arrow::before {
    background: var(--bs-orange);
}

.footer-widget__title:before {
    background: var(--bs-orange) !important;
}

/* Hover / Lighter Shade */
.ht-btn:before,
.btn:hover {
    background: #ffa65c; /* lighter orange hover */
}

/* Borders */
.ht-btn,
.thumb.active {
    border-color: var(--bs-orange);
}

.contact-inner input:focus, .contact-inner textarea:focus {
    -webkit-box-shadow: 0 0 6px 0.15rem rgb(206 108 17 / 22%);
    box-shadow: 0 0 6px 0.15rem rgb(206 108 17 / 22%);
    border-color: var(--bs-orange);
}

.submenu {
    border-top-color: var(--bs-orange);
}

/* Footer & Soft Backgrounds */
.footer-area-wrapper {
    background: #fff3e6; /* light orange background */
}

.icon-circle, .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
    background: rgb(255 180 120); /* soft orange */
}

.breadcrumb-area:before {
    background: #ff8c0040 linear-gradient(339deg, #ffa65c4a 21%, #ffcc9955 79%) 0% 0% no-repeat padding-box;
}