:root {
    --nav: #3E4A89; /* Rich indigo for navigation */
    --primary: #FF6F61; /* Bright coral for main actions */
    --primary-light: #f7c8b6; /* Soft peach for highlights */
    --primary-darker: #D84338; /* Deep red-orange for accents */
    --primary-bg: #F0F4F8; /* Soft, clean background */
    --secondary: var(--nav); /* Soft, clean background */
    --success: var(--alert-success); /* Soft, clean background */
    --font-on-primary: #FFFFFF; /* Contrast-friendly white */
    --font: #343A40; /* Neutral dark gray for general text */
    --white: #FFFFFF; /* Consistent pure white */
    --black: #1D1D1D; /* Rich black for deep contrast */
    --a-href: #42A5F5; /* Vibrant blue for links */
    --a-href-hover: #1E88E5; /* Slightly darker hover blue */
    --alert-warning: #FFD740; /* Cheerful golden yellow for warnings */
    --alert-danger: #FF5252; /* Bold cherry red for danger alerts */
    --alert-success: #66BB6A; /* Fresh mint green for success */
    --primary-info: #5C6BC0; /* Soothing lavender blue for info */
    --primary-info-darker: #3949AB; /* Deeper indigo for emphasis */
}

body > nav,
body > nav.bg-dark {
    background-color: #f8f9fa!important;
}

nav .container {
    background: var(--nav) !important;
    border: 4px solid #9aa1cb;
    border-radius: 22px;
    padding-bottom: 6px;
    padding-top: 6px;
    box-shadow: #9aa1cb 0px 4px 12px;
}

body > nav a:hover{
    color: var(--white) !important;
}

.navbar li.nav-item.active, .navbar li.nav-item {
    border: 3px solid var(--nav);
}

.navbar li.nav-item.active, .navbar li.nav-item:hover {
    color: var(--black) !important;
    background: #f8f9fa !important;
    border: 3px solid #9aa1cb;
}

.navbar li.nav-item.active, .navbar li.nav-item:hover > a {
    color: var(--nav) !important;
}

.bg-danger {
    background-color: var(--alert-danger) !important;
}

.bg-danger--light {
    background-color: rgba(255, 82, 82, 0.61) !important;
}

.bg-warning {
    background-color: var(--alert-warning) !important;
    color: var(--black)!important;
}

.bg-warning .text-white {
    color: var(--black)!important;
}

.alert-success {
    color: var(--white);
    background-color: var(--alert-success);
    border-color: var(--alert-success);
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary-light) !important;
    color: var(--white) !important;
    border-width: 3px;
}

.btn-primary:hover {
    background-color: var(--primary-darker) !important;
    border-color: var(--primary-darker) !important;
    color: var(--white) !important;
}

.btn-outline-success {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.btn-outline-success:hover {
    background:  var(--primary) !important;
    color: white !important;
}

.btn-link,
a {
    color: var(--a-href);
    font-weight: 500!important;
}

.btn-link:hover,
a:hover {
    color: var(--a-href-hover)!important;
    text-decoration: underline;
    background-color: unset!important;
}

h1, h2, h3, h4, h5 {
    color: var(--black) !important;
}

body {
    color: var(--black) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--white)!important;
    text-decoration: none;
    background-color: var(--primary)!important;
}

.nav.nav-pills {
    color: var(--black)!important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: unset!important;
    color: var(--primary)!important;
    border-bottom: 4px solid var(--primary);
    border-radius: 10px!important;
    border-top-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
}

.nav.nav-pills{
    background-color: unset!important;
}

.nav-pills a.nav-link{
    color: var(--black)!important;
}

.nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
    background-color: unset!important;
    color: var(--primary) !important;
}

.btn-info {
    color: var(--black)!important;
    border-color: var(--primary-info) !important;
    background: var(--primary-info) !important;
}

.btn-info:hover {
    color: var(--white)!important;
    background-color: var(--primary-info-darker)!important;
    border-color: var(--primary-info-darker)!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: var(--white)!important;
    background-color: var(--primary)!important;
}

.text-success{
    color: var(--success)!important;
}

.btn-outline-success.active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}


.cart-details button.cart-action-btn, .pos-cart button.cart-action-btn {
    align-self: end !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
    font-size: 1.5rem !important;
    /* margin: 0 0.75rem 0.75rem 0!important; */
    border-radius: 0.4rem !important;
    padding: 1.5rem !important;
    line-height: 1 !important;
}

.pos-header-brand {
    /*position: fixed;*/
    /*top: 8px;*/
    /*left: 0;*/
    margin-left: 6px;
    padding: 6px 8px 6px 8px;
    background: var(--primary)!important;
    color: var(--white)!important;
    border-radius: 6px;
}

.dashboard-tiles a:hover {
    text-decoration: none!important;
}

.big-menu--tile,
.big-menu--tile-2 {
    color: var(--white)!important;
    padding: 16px;
    text-align: center;
    vertical-align: center;
    margin: 1px 2px 1px 0px;
}
.big-menu--tile a,
.big-menu--tile-2 a {
    color: var(--white)!important;
    padding: 16px 8px;
}

.big-menu--tile:nth-child(odd) {
    background-color: var(--primary)!important;
}

.big-menu--tile:nth-child(even) {
    background-color: var(--primary-info-darker)!important;
}

.big-menu--tile-2:nth-child(odd) {
    background-color: var(--primary-info-darker)!important;
}

.big-menu--tile-2:nth-child(even) {
    background-color: var(--primary)!important;
}