* {
    font-family: "Merriweather Sans", sans-serif;
}
body {
    background-color:rgb(242, 242, 242) !important;
}
h1,h2,h3,h4,h5,h6 {
    color:#000 !important;
}

/** Fixes grouped floating inputs **/
.form-floating > .form-select:focus {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}
.form-floating > .form-control:focus {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}
.input-group:has(button) .form-control {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}
.input-group:focus-within {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}


/** Fixes grouped selects **/
.input-group:focus-within .form-control,
.input-group:focus-within .form-select {
  border-color: rgba(186, 11, 58, 1) !important;
}
.input-group:focus-within .form-control, .input-group:focus-within .input-group-text {
    border-color: rgba(186, 11, 58, 1) !important;
}

html:not([dir='rtl']) .input-group:focus-within .form-select {
  padding: calc(0.543rem - 2px) calc(0.9375rem - 2px);
}
[dir='rtl'] .input-group:focus-within .form-select {
  padding: calc(0.543rem - 2px) calc(0.9375rem - 2px);
}

.btn-mhm,
.btn-mhm:active,
.btn-mhm:focus-visible {
    color: #fff !important;
    border-color: transparent;
    background: rgba(186, 11, 58, 1);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(186, 11, 58, 0.4) !important;
}
.btn-mhm:hover {
    background: rgba(166, 7, 44, 1);
}

.btn-label-mhm {
    color: #B80933 !important;
    border-color: transparent;
    background: #F6DEE0;
}
.btn-label-mhm:hover {
    color: #fff !important;
    border-color: transparent;
    background: rgba(186, 11, 58, 1);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(186, 11, 58, 0.4) !important;
}

.text-mhm {
    --bs-text-opacity: 1;
    color: rgba(186, 11, 58, 1) !important;
}
.bg-label-mhm {
    background-color: #F6DEE0 !important;
    color: #B80933 !important;
}
html:not([dir=rtl]) .border-mhm,
html[dir=rtl] .border-mhm {
  border-color: #B80933 !important;
}

.bbd-product-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.discount-badge-inside {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0.85;
}

.urgency-badge-inside {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0.85;
}

.navbar.landing-navbar .navbar-nav .show > .nav-link, .navbar.landing-navbar .navbar-nav .active > .nav-link, .navbar.landing-navbar .navbar-nav .nav-link.show, .navbar.landing-navbar .navbar-nav .nav-link.active, .navbar.landing-navbar .navbar-nav .nav-link:hover {
    color: #B80933 !important;
}
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
    color: #B80933 !important;
}

.card.transition-effect {
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth scaling and shadow transition */
}

.card.transition-effect:hover {
    transform: scale(1.01);
    box-shadow: 0 0.25rem 1rem rgba(34, 48, 62, 0.1);
}

.app-brand .layout-menu-toggle {
    background-color: rgba(186, 11, 58, 1);
    border: 7px solid #f5f5f9;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link, .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-sub > .menu-item.active:not(:has(.menu-sub)) > .menu-link {
    color: rgba(186, 11, 58, 1);
    background-color: rgba(255, 105, 105, 0.16) !important;
}
.bg-menu-theme .menu-inner > .menu-item.active:before {
    background: rgba(186, 11, 58, 1);
}
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before {
    background-color: rgba(186, 11, 58, 1) !important;
    border: 3px solid #ffe7e7 !important;
}
.dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active {
    background-color: rgba(255, 105, 105, 0.16);
    color: rgba(186, 11, 58, 1) !important;
}

a {
    color: rgba(186, 11, 58, 1);
}
a:hover {
    color: #ff7878;
}
.text-body[href]:hover, .text-heading[href]:hover {
  color: rgba(186, 11, 58, 1) !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: rgba(186, 11, 58, 1);
    color: #fff;
}
.nav-pills .nav-item .nav-link:not(.active):hover {
    background-color: rgba(255, 105, 105, 0.16);
}
.nav-pills .nav-link.active {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.nav-link:hover, .nav-link:focus {
    color: rgba(186, 11, 58, 1);
}

.form-control:focus, .form-select:focus {
    border-color: rgba(186, 11, 58, 1) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 105 105 / 40%);
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:focus:not(:placeholder-shown) ~ label, .form-floating > .form-select:focus ~ label, .form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
  color: rgba(186, 11, 58, 1);
}
.form-control:focus {
  border-color: rgba(186, 11, 58, 1);
  box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.custom-option.checked {
    border: 2px solid rgba(186, 11, 58, 1) !important;
    margin: 0;
}
.custom-option.checked .custom-option-body i, .custom-option.checked .custom-option-header i {
    color: rgba(186, 11, 58, 1);
}
.form-check-input:checked {
    background-color: rgba(186, 11, 58, 1);
    border-color: rgba(186, 11, 58, 1);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: rgba(186, 11, 58, 1) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(255, 105, 105, 0.16) !important;
    color: rgba(186, 11, 58, 1) !important;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
    border-color: rgba(186, 11, 58, 1);
    background-color: rgba(186, 11, 58, 1);
}
.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.flatpickr-day.today, .flatpickr-day.today:hover {
    border-color: rgba(186, 11, 58, 1);
    background-color: rgba(186, 11, 58, 1) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
    color: rgba(186, 11, 58, 1) !important;
    background: #ffe7e7 !important;
    border-color: #ffe7e7 !important;
}

.dt-button-collection .dropdown-item:not(.disabled):active {
    background-color: rgba(255, 105, 105, 0.16);
}

.card.card-border-shadow-mhm::after {
    border-bottom-color: #ffc3c3;
}
.card.card-border-shadow-mhm:hover::after {
    border-bottom-color: rgba(186, 11, 58, 1);
}

.ranges li.active {
    color: #fff !important;
    background-color: rgba(186, 11, 58, 1) !important;
}
.daterangepicker td.active:not(.off) {
    background: rgba(186, 11, 58, 1) !important;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 105, 105, 0.4);
}
.daterangepicker .start-date:not(.end-date):not(.off):hover, .daterangepicker .end-date:not(.start-date):not(.off):hover {
    background-color: rgba(186, 11, 58, 1) !important;
}
.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    color: rgba(186, 11, 58, 1) !important;
    background-color: #ffe7e7 !important;
}

.tagify--focus {
    border-color:rgba(186, 11, 58, 1) !important;
}
.tagify__dropdown__item--active {
  color: rgba(186, 11, 58, 1) !important;
  background: rgba(255, 105, 105, 0.16) !important;
}


@media (min-width: 992px) { /* Apply only on desktop (lg and up) */
    .bbd-filter-btn {
        min-height: 58px;
    }
}