.kitchen-upsells {
display: none;
position: fixed;
inset: 0;
color: white !important;
justify-content: center;
align-items: center;
background: #00000090;
z-index: 9999 !important;
height: 100%;
}
.kitchen-upsells__content {
position: relative;
background-color: #0c1b4c !important;
padding: 60px 35px;
width: 100%;
text-align: center;
height: 100vh;
overflow: auto;
color: white !important;
display: flex;
}
.woocommerce-page .kitchen-upsells__content h2,
.woocommerce-page .kitchen-upsells__content h5,
.woocommerce-page .kitchen-upsells__name {
color: white !important;
}
.kitchen-upsells__content::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: #152b6a;
background: linear-gradient(
180deg,
rgba(21, 43, 106, 0.9) 0%,
rgba(21, 43, 106, 0.8) 54%,
rgba(21, 43, 106, 0.56) 100%
);
}
.kitchen-upsells__content::before {
content: "";
position: absolute;
inset: 0;
background-position: left top;
background-repeat: repeat;
background-color: rgba(12, 28, 76, 0.78);
z-index: 1;
background-image: url(https://kitchendraw.falcon.brd.ltd/wp-content/uploads/Blue_appliance_background-04.png);
}
.kitchen-upsells__content .scrollable {
overflow-y: auto;
position: relative;
z-index: 9999;
padding: 0px 35px 0 35px;
width: 100%;
}
i.closeUpsellPopup {
z-index: 123123;
background: #ffffff90;
color: black;
position: absolute;
top: 20px;
right: 20px;
color: white;
width: 25px;
height: 25px;
background: #ffffff10;
padding: 0 0 0 1px;
font-size: 14px !important;
line-height: 1 !important;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
cursor: pointer;
}
.woocommerce-page .kitchen-upsells__content h2,
.woocommerce-page .kitchen-upsells__content h5,
.woocommerce-page .kitchen-upsells__name { }
.kitchen-upsells__grid {
display: flex;
flex-direction: column;
gap: 50px;
color: white !important;
}
.kitchen-upsells__content h2 {
font-size: 28px;
margin-bottom: 0px;
}
.kitchen-upsells__content h3 {
font-size: 20px;
}
.kitchen-upsells--item div h3 {
color: white !important;
font-size: 22px;
line-height: 1.5;
display: block !important;
margin-top: 20px;
}
.kitchen-upsells--item div a {
width: 100% !important;
text-align: center;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
background-color: #f89986;
color: #0c1b4c;
display: block;
padding: 14px 30px;
margin-bottom: 8px;
border-radius: 4px !important;
cursor: pointer;
font-size: 14px;
border: none;
box-shadow: none !important;
border-radius: 4px !important;
}
.woocommerce-page .kitchen-upsells__content footer a,
.woocommerce-page .kitchen-upsells__content footer button {
text-transform: uppercase;
font-weight: 700 !important;
background-color: #f89986 !important;
color: #0c1b4c !important;
display: block !important;
padding: 14px 30px !important;
margin-bottom: 8px !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
box-shadow: none !important;
width: 100%;
}
.kitchen-upsells__grid {
margin-top: 30px;
}
.kitchen-upsells__grid .kitchen-upsells--item {
padding-bottom: 30px;
position: relative;
}
.kitchen-upsells__grid .kitchen-upsells--item::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ffffff30;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
}
.progress-bar--container .kitchen_open_draw__grid-item--remaining {
margin: 0 !important;
font-family: "Proxima Nova" !important;
}
.progress-bar--container .kitchen-ticket-bar {
width: 100%;
}
.kitchen-upsells--item div {
width: 100%;
}
.progress-bar--container {
color: white !important;
padding: 10px;
width: 100%;
border-radius: 3px;
}
.kitchen-upsells--item .woocommerce-Price-amount.amount {
font-size: 17px;
margin-bottom: 10px;
}
.kitchen-upsells--item .kcp-below-image-countdown {
font-size: 14px;
order: unset !important;
margin-bottom: 30px;
font-size: 12px !important;
text-align: center;
}
.kitchen-upsells--item .woocommerce-Price-amount.amount {
font-size: 12px !important;
line-height: 1;
margin: 0 0 20px 0 !important;
}
.kitchen-upsells__content footer a,
.kitchen-upsells__content footer button {
font-family: "Proxima Nova" !important;
background-color: #f89986 !important;
color: #0c1b4c !important;
display: block !important;
padding: 14px 30px !important;
margin-bottom: 8px !important;
padding: 14px;
}
.woocommerce .kitchen-upsells__content button.button.alt,
.woocommerce .kitchen-upsells__content button.button:hover,
.woocommerce-page .kitchen-upsells__content button.button:hover {
color: #0c1b4c !important;
}
.woocommerce button.button.alt,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
color: #0c1b4c !important;
}
.kitchen-upsells__content footer div {
margin-top: 40px;
}
.kitchen-upsells--item img {
border-radius: 8px;
}
.kitchen-upsells--item .progress-bar--container {
padding: 0 !important;
}
.kitchen-upsells__content footer div {
display: flex;
gap: 10px;
}
@media screen and (min-width: 650px) {
.kitchen-upsells__content {
border-radius: 28px;
width: 95%;
max-width: 750px;
text-align: center;
max-height: 70vh;
display: flex;
}
.kitchen-upsells__grid {
margin-top: 40px;
}
.kitchen-upsells--item {
display: flex;
flex-direction: row;
}
.kitchen-upsells--item > a {
margin: 0 30px 0 0 !important;
}
.kitchen-upsells--item div h3 {
margin-top: 0;
}
.kitchen-upsells--item div {
justify-content: center;
align-items: flex-start;
justify-content: center;
text-align: left !important;
}
.kitchen-upsells--item > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.kitchen-upsells--item .kcp-below-image-countdown {
text-align: left;
}
}
.kitchen_open_draw__grid-item--tickets-sold {
display: block;
margin-bottom: 20px;
}