/* CSS Variables */
/* :root {
    --modulairy-accent: #FFCD01;
    --modulairy-accent-hover: #ffc401;
    --modulairy-text-main: #000;
    --modulairy-surface-dark: #212121;
    --modulairy-surface-light: #f8f8f8;
    --modulairy-surface-footer: #F8F8F8;
    --modulairy-border-default: #bdbdbd;
    --modulairy-surface-hover: #e5e5e5;
    --modulairy-pagination-bg: #f9edbb;
    --modulairy-placeholder-text: #bdbdbd;
    --modulairy-surface-base: #fff;
} */

@import url('/index.php?route=extension/moc_food_theme/common/color_palet');

/* GENERAL */
h1{
    color: var(--modulairy-accent);
    font-weight:900;
}
h2{
    color: var(--modulairy-text-main);
    font-weight:900;
    font-size:28px;
    margin-bottom:15px;
}
h3{
    font-weight:bold;
    color: var(--modulairy-text-main);
}
#logo{
    margin:0;
    line-height: 45px;
}
#cart{
    margin:0;
}
.bg-primary{
    background-color: var(--modulairy-surface-light) !important;
}
legend{
    margin-bottom:unset;
    font-size: 20px;
    font-weight: 900;
    border-bottom: unset;
}
main{
    padding-bottom:50px;
}
main .row{
    --bs-gutter-x: unset;
}
address b{
    font-weight:700;
}
#alert{
    top:0;
    right:0;
    left:unset;
    margin-left:unset;
}
/* HEADER */
header{
    background-color: var(--modulairy-text-main);
    padding:20px;
}
header form.mb-3{
    margin-bottom:0 !important;
}
.header-right ul{
    text-align:right;
}
.header-right ul{
    margin-bottom:0;
}
@media screen and (max-width: 1140px) {
    header{
        padding: 20px 0;
    }
}
/* MENU */
#menu{
    background-image:unset;
    background-repeat:no-repeat;
    border:none;
    border-radius:unset;
    border-color:unset;
    font-size:14px;
    margin-bottom:0;
    border-bottom: 1px solid var(--modulairy-surface-light);
}
#menu .navbar-nav > li > a{
    color: var(--modulairy-text-main);
    text-shadow:unset;
    padding:10px 15px;
    font-weight:700;
}
#category{
    color: var(--modulairy-text-main);
    text-shadow:unset;
}
#menu .navbar-toggler i{
    color: var(--modulairy-text-main);
}
/* SEARCH */
#search{
    margin-bottom:0;
}
#search form{
    height:45px;
}
#search .form-control-lg{
    height:unset;
}
#search .btn-lg{
    padding:8px 16px;
}
/* BUTTON */
header .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{
    background-color: unset;
    border-color: unset;
}
main .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{
    background-color: var(--modulairy-surface-dark);
    border-color: unset;
}
.btn-primary{
    --bs-btn-color: var(--modulairy-surface-base);
    --bs-btn-bg: var(--modulairy-text-main);
    --bs-btn-border-color: unset;
    --bs-btn-hover-color: var(--modulairy-surface-base);
    --bs-btn-hover-bg: var(--modulairy-surface-dark);
    --bs-btn-hover-border-color: unset;
    --bs-btn-focus-shadow-rgb: unset;
    --bs-btn-active-color: var(--modulairy-surface-base);
    --bs-btn-active-bg: var(--modulairy-surface-dark);
    --bs-btn-active-border-color: unset;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: var(--modulairy-surface-base);
    --bs-btn-disabled-bg: var(--modulairy-text-main);
    --bs-btn-disabled-border-color: var(--modulairy-text-main);
}
.btn-light{
    --bs-btn-border-color:unset;
    --bs-btn-bg: var(--modulairy-surface-base);
    --bs-btn-hover-color: var(--modulairy-text-main);
    --bs-btn-hover-bg: var(--modulairy-surface-hover);
}
.btn-dark{
    --bs-btn-bg: unset;
    --bs-btn-border-color: unset;
    --bs-btn-hover-border-color: unset;
    --bs-btn-focus-shadow-rgb: unset;
    --bs-btn-active-border-color: unset;
    --bs-btn-active-shadow: unset;
}
/* BREADCRUMBS */
.breadcrumb{
    border:unset;
    background-color: unset;
}
.breadcrumb-item a{
    color: var(--modulairy-text-main);
}
.breadcrumb > li.breadcrumb-item > a:hover{
    text-decoration: underline;
}
.breadcrumb > li.breadcrumb-item:after{
    height:10px;
    width:10px;
    border-right: 1px solid var(--modulairy-border-default);
    border-bottom: 1px solid var(--modulairy-border-default);
    top: 6px;
}
.breadcrumb > li.breadcrumb-item:first-child{
    padding-left:0;
}
.breadcrumb > li.breadcrumb-item:last-child:after{
    border-right:unset;
    border-bottom:unset;
}
.breadcrumb li:last-child a{
    font-weight:600;
}
/* CONTENT */
#content{
    padding-bottom:0;
}
/* FOOTER */
footer{
    border:none;
    padding: 100px 25px 0 25px;
    position:unset;
    bottom:unset;
    background-color: var(--modulairy-surface-footer);
    font-size:16px;
    color: var(--modulairy-text-main);
}
footer a{
    color: var(--modulairy-text-main);
}
footer a:hover{
    color: var(--modulairy-text-main);
    text-decoration: underline;
}
.footer-title{
    color: var(--modulairy-text-main);
    font-weight:900;
    font-size:18px;
}
.footer-menu ul li{
    font-weight:200;
}
.footer-logo img{
    max-width:100%;
}
.powered{
    margin-top:75px;
    padding-bottom:20px;
    font-weight:700;
    font-size:12px;
}
.powered ul li{
    float:left;
}
/* PRICE */
.price{
    margin-bottom:0;
}
.price-new{
    font-weight:900;
    color: var(--modulairy-text-main);
}
.price-old{
    color:unset;
    margin-right:5px;
}
.price span{
    display:inline-block;
    letter-spacing: -0.5pt;
}

/* FOOTER TOP */
#footer-top{
    background-color: var(--modulairy-accent);
    padding:50px 0;
}
.footer-top-title{
    font-size:28px;
    font-weight: 900;
    display:block;
}
.footer-top-content{
    margin-left:auto;
    margin-right:auto;
    font-size:16px;
    width:375px;
    text-align:center;
}
/* PRODUCT */
#product{
    padding-top: 25px;
}
.product-thumb{
    border-radius:5px;
    border:1px solid var(--modulairy-surface-light);
}
.product-thumb .button button{
    margin-top:15px;
    width:100%;
    border: none;
    border-top:none;
    border-radius:0.3rem;
    background-color: var(--modulairy-accent);
    color: var(--modulairy-text-main);
    line-height:40px;
    font-size: 20px;
}
.product-thumb .button button:hover{
    background-color: var(--modulairy-accent-hover);
    color: var(--modulairy-text-main);
    box-shadow: var(--modulairy-border-default) 0px 0px 15px;
}
.product-thumb .button button:active{
    box-shadow: none;
}
.product-thumb .button{
    position:unset;
}
.product-thumb .description{
    margin-bottom:0;
}
.thumb-title{
    font-weight:900;
    color:unset;
}
.thumb-title a{
    color:unset;
}
.thumb-title a:hover{
    text-decoration: underline;
}
.thumb{
    border:unset;
    border-radius:unset;
}
/* CHECKOUT */
@media screen and (min-width: 992px) {
    #checkout-confirm{
        padding-right:1.5em;
    }
}
#checkout-checkout #content a{
    color: var(--modulairy-text-main);
    font-weight:700;
}
#checkout-confirm a:hover{
    text-decoration: underline;
}
#checkout-confirm tfoot tr td{
    border-bottom-width: none;
    border-color:none;
    border-style:unset;
    padding:2px 8px;
    
}
#checkout-confirm tfoot tr:first-child td{
    padding-top:8px;
}
#checkout-confirm tfoot tr:last-child td{
    padding-bottom:8px;
    font-size:16px;
    font-weight:900;
}
#checkout-confirm img{
    max-width: 100%;
    max-height:80px
}
#checkout-payment-address, #checkout-shipping-address, #checkout-shipping-method, #checkout-payment-method{
    display:inline-block;
}
@media screen and (max-width: 992px) {
    .container{
        max-width: 95%;
    }
}
/* REST */
.pull-right{
    text-align:right;
}
.carousel{
    border: unset;
    border-radius: unset;
    box-shadow: unset;
}
.placeholder{
    color: var(--modulairy-placeholder-text);
}
.option-title{
    font-size:16px;
    font-weight:700;
}
.nav-item a{
    color:unset;
}
.nav-item a:hover{
    color: var(--modulairy-accent);
}
.nav-item a.nav-link.active{
    color: var(--modulairy-accent);
    font-weight:700;
    font-size:16px;
}
#shop-on-category img{
    max-width: 100%;
}
.soc-title{
    text-align: center;
    font-size:16px;
}
.category-description{
    margin-bottom:50px;
}
@media screen and (min-width: 1140px) {
    #product-info, #product-category{
        padding: 0 100px;
    }
}
.dropdown-item.active, .dropdown-item:active{
    color:unset;
    background-color:unset;
}
.page-link.active, .active > .page-link{
    color: var(--modulairy-text-main);
    background-color: var(--modulairy-accent);
    border-color: var(--modulairy-accent);
}
.page-link{
    color:unset;
}
.page-link:hover{
    color:unset;
    background-color: var(--modulairy-pagination-bg);
    text-decoration: underline;
}
.list-group a:hover{
    text-decoration: underline;
}