/* MOW standard menu image sizing */
#vue-merchant-menu .item-image-preview > .el-image {
    width: 100% !important;
    height: 120px !important;
}

#vue-merchant-menu .item-image-preview .el-image__inner {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* MOW4U - Fixed menu thumbnail dimensions */
#vue-merchant-menu .borderx > .el-image {
    width: 120px !important;
    min-width: 120px !important;
    height: 120px !important;
}

#vue-merchant-menu .borderx > .el-image .el-image__inner {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* MOW4U - Rounded menu thumbnails */
#vue-merchant-menu .borderx > .el-image {
    border-radius: 6px !important;
    overflow: hidden;
}

/* MOW4U branded primary buttons */
.el-button.mow-primary,
.el-button.mow-primary:hover,
.el-button.mow-primary:focus {
    background-color: #FF5A1F !important;
    border-color: #FF5A1F !important;
    color: #FFFFFF !important;
}

.el-button.mow-primary.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* MOW4U - Homepage search button */
#main-search-banner button.btn-green {
    background-color: #FF5A1F !important;
    border-color: #FF5A1F !important;
    color: #FFFFFF !important;
    border-radius: 8px;
}

#main-search-banner button.btn-green:hover {
    background-color: #E84D14 !important;
    border-color: #E84D14 !important;
}

/* MOW4U - Orange Checkout and Place Order buttons */
.section-cart .btn-green:not(:disabled):not(.disabled) {
    background-color: #FF5A1F !important;
    border-color: #FF5A1F !important;
    color: #FFFFFF !important;
    border-radius: 8px;
}

.section-cart .btn-green:not(:disabled):not(.disabled):hover {
    background-color: #E84D14 !important;
    border-color: #E84D14 !important;
}

/* Preserve disabled state */
.section-cart .btn-green:disabled,
.section-cart .btn-green.disabled,
.section-cart .btn-green[disabled] {
    background-color: #B2B2B2 !important;
    border-color: #B2B2B2 !important;
    color: #FFFFFF !important;
    cursor: not-allowed;
}

/* MOW4U - Restaurant header promotion link */
.merchant-top-header a.text-green,
.merchant-top-header a.text-green:hover,
.merchant-top-header a.text-green:focus {
    color: #FF5A1F !important;
}

/* MOW4U - Orange category navigation */
.menu-category a:hover,
.siderbar-menu li.active a,
#menu-category .col a.active,
.menu-carousel a.active,
.menu-carousel a:hover {
    color: #FF5A1F !important;
}

/* MOW4U - Orange Back to Menu */
#vue-checkout-back a.back-arrow,
#vue-checkout-back a.back-arrow:hover,
#vue-checkout-back a.back-arrow:focus {
    color: #FF5A1F !important;
}

/* MOW4U - Restaurant category navigation */
.category-carousel .nav-link.active,
.category-owlcarousel .nav-link.active,
.category-carousel .nav-link:hover,
.category-owlcarousel .nav-link:hover {
    color: #FF5A1F !important;
}

/* Orange underline for selected category */
.category-carousel .nav-link.active:after,
.category-owlcarousel .nav-link.active:after {
    border-bottom-color: #FF5A1F !important;
}

/* MOW4U - Category hover effect */
.category-owlcarousel a.nav-link:hover,
.category-carousel a.nav-link:hover {
    color: #FF5A1F !important;
}

.category-owlcarousel a.nav-link,
.category-carousel a.nav-link {
    transition: color 0.2s ease;
}