/* BESTELDESK.NL AANPASSINGEN 13-12-2023 */

/* ALGEMEEN */
#besteldesk {
    --lichtblauw: #f5f5f7;
    --donkerblauw: #363a43;
    --zwart: #2b5d63;
    --wit:#fff;
    --oranje: #dd5626; /*fd9010*/
    --groen: #95c13d; /*a9c52f*/
    --donkergroen: #609630;
    background-color:var(--lichtblauw);
	color: var(--donkerblauw);
}

#header-background {display:none;}

#besteldesk h2 {color:var(--zwart);}
#besteldesk h5 {color:var(--wit);}

#besteldesk .wrapper {padding-left:5%;padding-right:5%;box-sizing:border-box;}

#besteldesk a.nodeco:after {display:none;}

#besteldesk .bg-donkerblauw {background-color:var(--donkerblauw);color:var(--wit);}
#besteldesk .donkerblauw {color:var(--donkerblauw);font-weight:500;}
#besteldesk .bg-zwart {background-color:var(--zwart);color:var(--wit);}

#besteldesk .btn:after {content:'\f178';}

/* TOP FIXED */
#besteldesk #top-fixed.background li .btn {color:var(--zwart);}
#besteldesk #top-fixed.background .btn.border {border-color:var(--zwart);}
#besteldesk #top-fixed.background #logo {
  width: auto;
  max-height: 30px;
}
#besteldesk  #top-fixed .col:nth-child(1) a::after {display:none;}
/*#besteldesk #top-fixed.backgroundproducten .col:nth-child(1) a {display:none;}*/

#besteldesk ul.toplist {margin-bottom:0;}
#besteldesk ul.toplist li {text-align:center;min-height:0px;}
#besteldesk ul.toplist li .icon {color:var(--zwart);}
#besteldesk ul.toplist li i {font-size:16px;color:var(--zwart);margin-top:6px;}
#besteldesk ul.toplist li:nth-child(2) {margin-left:40px;}

/* HEADER */
#besteldesk #header {height:100vh;}
#besteldesk #header.small {height:50vh;}
#besteldesk #header.small h1 {display:none;}
#besteldesk #header #top h1 {color:var(--donkerblauw);font-size:46px;font-weight:500;line-height:58px;margin-bottom:40px;}
#besteldesk #header #top h1 span {font-style:italic;}
#besteldesk #header #top p {font-size:16px;}
#besteldesk #header #top h2 {color:var(--wit);font-size:26px;line-height:28px;font-weight:400;text-shadow: 1px 1px #000000;}
#besteldesk #header #top .col {left:4%;top:50%;transform:translate(0,-50%);}

#besteldesk #header #postcodecheck {width: fit-content;}
#besteldesk #header #postcodecheck #postcode {border-radius: 16px;height: 55px;border: none;width: 500px;margin-bottom:0;}
#besteldesk #header #postcodecheck .btn.postcodesearchbtn {padding: 15px 21px;border-radius: 16px;top: 2px;position: absolute;margin-bottom: 0;right: 2px;}

#besteldesk #header #postcodecheck #postcode_true, #besteldesk #header #postcodecheck #postcode_false {top:28px;}

#besteldesk #happyhour_text {left:6%;right:auto;color:var(--wit);}

#besteldesk #bestelknopcontainer {position:absolute;top:10px;left:350px;}

/* FOOTER */
#besteldesk #footer {background-color:var(--donkerblauw);padding-bottom:0;}
#besteldesk #footer ul li a {position:relative;display:inline-block;}
#besteldesk #footer ul li a:after {content:'';width:100%;height:0.5px;background-color:var(--wit);position:absolute;bottom:3px;left:0;}

#besteldesk #footer ul.socials li {display:inline-block;margin-right:8px;font-size:16px;}
#besteldesk #footer ul.socials li a:after {display:none;}

#besteldesk #footer #footer-logo {max-width:80px;margin-top:20%;}

#besteldesk #footer .madeby ul {margin-bottom:0;}
#besteldesk #footer.small .col.col-23 {width:100%;}


/* PRODUCTEN */
#besteldesk .product {background-color:var(--wit);border:none;border-radius:15px;}
#besteldesk .datepicker a.bg-oranje, .search a.bg-oranje {background-color: var(--oranje);border-color: var(--oranje);font-size: 16px;padding: 7px 13px;}
#besteldesk .search a.bg-oranje i {color:var(--wit);font-weight:300;}

#besteldesk .col.producten-13 #cart-container {background-color:var(--wit);border-radius:15px;margin-left:5%;margin-right:5%;padding-top:45px;border-top:none;}

#besteldesk #cart_total {padding:10px 16%;}
#besteldesk #cart {padding:0 16%;}

#besteldesk .product-cat-title {color:var(--zwart);border:none;}

#besteldesk .product-main {padding:0;height:150px;}
#besteldesk .product-main h2 {font-weight:600;margin-bottom:0;}
#besteldesk .product-main h3 {color:var(--donkergroen);font-size:13px;font-weight:400;font-style:italic;}

#besteldesk .product-main .col {padding:10px 0;}
#besteldesk .product-main .col:nth-child(1) {padding:0;border-radius:15px 0 0 15px;overflow:hidden;height:100%;}

#besteldesk .btn.add-product {border-radius:50%;top:10px;right:10px;}

#besteldesk .product {margin-bottom:20px;}
#besteldesk .product h2.happyhour span {color:var(--rood);}
#besteldesk .product h2.happyhour span::after {background-color:var(--rood);}

#besteldesk .product-details .input-amount-plus, #besteldesk .product-details .input-amount-min {background-color:transparent;border:none;}

#besteldesk #allergie-filter {background-color:var(--donkerblauw);color:var(--wit);}
#besteldesk .product-details {background-color:var(--donkerblauw);color:var(--wit);border-radius:0 0 15px 15px;}
#besteldesk .product-main .prod-img {margin-bottom:0;object-fit: cover;width: 100%;height: 100%;}
#besteldesk .restaurants .product-main .prod-img {object-fit:contain;}
#besteldesk .product span.happyhour {background-color:var(--lichtgroen);border-radius:2px 2px 15px 2px;}