@font-face {
font-family: 'added-to-cart-popup-woocommerce';
src: url(//dualvitstore.cz/wp-content/plugins/ms-cart-popup/assets/css/fonts/added-to-cart-popup-woocommerce.eot?7r0p13);
src: url(//dualvitstore.cz/wp-content/plugins/ms-cart-popup/assets/css/fonts/added-to-cart-popup-woocommerce.eot?7r0p13#iefix) format('embedded-opentype'),
url(//dualvitstore.cz/wp-content/plugins/ms-cart-popup/assets/css/fonts/added-to-cart-popup-woocommerce.ttf?7r0p13) format('truetype'),
url(//dualvitstore.cz/wp-content/plugins/ms-cart-popup/assets/css/fonts/added-to-cart-popup-woocommerce.woff?7r0p13) format('woff'),
url(//dualvitstore.cz/wp-content/plugins/ms-cart-popup/assets/css/fonts/added-to-cart-popup-woocommerce.svg?7r0p13#added-to-cart-popup-woocommerce) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="xoo-cp-icon-"], [class*=" xoo-cp-icon-"] { font-family: 'added-to-cart-popup-woocommerce' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoo-cp-icon-spinner:before {
content: "\e97b";
} .xoo-cp-opac {
z-index: 9980;
background-color: rgba(24,7,42,0.21);
backdrop-filter: blur(6px);
filter: blur(0.2);
position: fixed;
display: none;
}
body:not(.admin-bar) .xoo-cp-modal {
top: 100px;
}
body.admin-bar .xoo-cp-modal {
@media (min-width: 1024px) {
top: 132px;
}
@media (max-width: 1024px) {
top: 100px;
}
}
.xoo-cp-opac {
top: 0;
bottom: 0;
}
.xoo-cp-opac, .xoo-cp-modal, .xoo-cp-cont-opac {
left: 0;
right: 0;
}
.xoo-cp-modal {
position: fixed;
text-align: center;
z-index: 99998;
overflow: auto;
opacity: 0;
visibility: hidden;
transform: scale(0.7);
border-radius: 0 !important;
}
.xoo-cp-active {
transition: visibility 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.xoo-cp-cont-opac {
z-index: 1;
background-color: white;
opacity: 0.5;
position: absolute;
}
.xoo-cp-modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.xoo-cp-container {
display: inline-block;
max-width: 885px;
border-radius: 0 0 30px 30px;
background: #F5F5FB;
position: relative;
vertical-align: middle;
width: 90%;
overflow: hidden;
@media (min-width: 1024px) {
padding: 70px 90px;
}
@media (max-width: 1024px) {
padding: 40px 30px;
}
}
span.xoo-cp-close {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 22px;
top: 22px;
background-color: #E3E1E8;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease-out;
}
span.xoo-cp-close:hover {
background-color: #180729;
}
span.xoo-cp-close svg path {
transition: fill 0.3s ease-out;
}
span.xoo-cp-close:hover svg path {
fill: white;
}
.xoo-cp-success, .xoo-cp-error {
display: block;
text-align: center;
font-weight: 900 !important;
font-family: DINPro, sans-serif !important;
font-size: 30px !important;
}
.xoo-cp-error {
}
.xoo-cp-success {
@media (max-width: 1024px) {
flex-direction: column;
}
}
.xoo-cp-success svg {
@media (max-width: 1024px) {
display: none;
}
}
.xoo-cp-atcn {
display: flex;
align-items: center;
gap: 15px;
justify-content: center;
text-align: center;
margin-bottom: 50px;
line-height: 1.2;
@media (max-width: 1024px) {
font-size: 20px;
margin-bottom: 20px;
}
}
.xoo-cp-btns {
margin-top: 50px;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
@media (max-width: 1024px) {
flex-direction: column;
gap: 10px;
margin-top: 20px;
}
}
a.xcp-btn {
width: 30%;
text-transform: uppercase;
text-align: center;
cursor: pointer;
padding: 8px 0;
display: inline-block;
margin-right: 5px;
}
@keyframes xoo-cp-spin {
100% {
transform: rotate(360deg);
transform: rotate(360deg);
}
}
.xoo-cp-icon-spinner {
animation: xoo-cp-spin 575ms infinite linear;
display: inline-block;
}
td.xoo-cp-ptitle a {
font-weight: 900;
font-size: 14px;
line-height: 16px;
}
.xoo-cp-ptitle a {
@media (max-width: 1024px) {
font-weight: 900;
line-height: 1;
display: block;
}
}
.xoo-cp-pprice {
@media (max-width: 1024px) {
margin-bottom: 15px;
}
}
.xoo-cp-tags {
font-size: 14px;
}
td.xoo-cp-pimg {
width: 20%;
background: white;
border-radius: 30px 0 0 30px;
}
.xoo-cp-pimg img {
@media (max-width: 1024px) {
max-height: 200px;
width: auto;
margin: 0 auto;
}
}
.xoo-cp-pdetails {
width: 100%;
display: block;
overflow: auto;
background: white;
border-radius: 30px;
padding: 8px 30px;
@media (max-width: 768px) {
max-width: 320px;
margin: 0 auto;
}
}
.xoo-cp-pdetails.xoo-cp-pdetails-mobile {
display: flex;
justify-content: center;
text-align: center;
@media (min-width: 1024px) {
display: none;
}
}
td.xoo-cp-pprice {
font-size: 20px;
margin: 15px 0;
width: 15%;
background: white;
font-weight: 900;
@media (max-width: 768px) {
display: none;
}
}
td.xoo-cp-pqty {
min-width: 90px;
background: white;
}
.xoo-cp-pdetails td.xoo-cp-remove {
width: 5%;
font-size: 20px;
background: white;
}
.xoo-cp-pdetails td {
vertical-align: middle;
text-align: center;
@media (min-width: 768px) {
margin-bottom: 15px;
}
}
.xoo-cp-pdetails td.xoo-cp-ptitle {
@media (min-width: 768px) {
text-align: left;
}
@media (max-width: 768px) {
text-align: center;
}
}
.xoo-cp-ptotal {
display: table;
float: right;
margin-right: 25px;
font-size: 18px;
padding: 10px 0;
border-top: 1px solid #e5e5e5;
}
.xcp-ptotal {
font-size: 23px;
}
td.xoo-cp-remove .xoo-cp-remove-pd {
font-size: 20px;
color: #ea0a0a;
cursor: pointer;
}
td.xoo-cp-ptitle {
width: 45%;
padding-left: 5px;
}
.xoo-cp-preloader {
position: fixed;
top: 47%;
left: 47%;
transform: translate(-50%, -50%);
z-index: 2;
animation: xoo-cp-spin 575ms infinite linear;
font-size: 45px;
}
@keyframes xoo-cp-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes xoo-cp-spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes xoo-cp-spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes xoo-cp-spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.xoo-cp-outer {
display: none;
}
.xoo-cp-variations {
font-size: 13px;
}
.xoo-cp-variations .variation {
overflow: auto;
margin-top: 5px;
}
.xoo-cp-variations .variation dt {
margin: 0 5px 0 0;
float: left;
}
.xoo-cp-variations .variation dd {
margin: 0 10px 0 0;
float: left;
} @media only screen and (max-width: 500px) {
a.xcp-btn {
width: 80%;
margin: 5px 0;
}
span.xcp-ptotal, .xoo-cp-ptotal {
font-size: 15px;
}
td.xoo-cp-pimg {
display: none;
}
td.xoo-cp-ptitle a, td.xoo-cp-pprice {
font-size: 14px;
}
}
.xcp-minus {
}
span.xcp-minus {
border-radius: 999px 0 0 999px;
background-color: #CAC9DE;
}
span.xcp-plus {
border-radius: 0 999px 999px 0;
background-color: #CAC9DE;
}
span.xcp-plus, span.xcp-minus {
display: inline-block;
text-align: center;
cursor: pointer;
float: left;
padding: 0 20px;
height: 100%;
}
input[type=number].xoo-cp-qty {
border: 0 !important;
text-align: center;
display: inline-block;
max-width: 30px;
float: left;
height: 100%;
line-height: 100%;
padding: 0;
background: #CAC9DE;
outline: none;
box-shadow: none;
}
input.xoo-cp-qty::-webkit-outer-spin-button,
input.xoo-cp-qty::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
.xoo-cp-qtybox {
position: relative;
display: flex;
font-weight: 700;
height: 45px;
line-height: 43px;
@media (max-width: 1024px) {
justify-content: center;
margin: 0 0 15px 0;
}
}
.xoo-cp-added, .xoo-cp-adding {
margin-left: 5px;
}
.xoo-cp-notice-box {
left: 0;
right: 0;
bottom: 50px;
position: fixed;
z-index: 100000;
}
.xoo-cp-notice-box > div {
display: table;
margin: 0 auto;
background-color: #333;
padding: 10px 20px;
color: white;
font-weight: 500;
font-size: 15px;
}
.xoo-cp-notice ul.woocommerce-error a.button {
display: none;
}
.xoo-cp-notice ul.woocommerce-error {
margin: 0;
}
.xoo-cp-variations .variation:last-of-type {
display: none;
}
.xoo-cp-variations .variation:first-of-type {
display: block;
}
body.xoo-cp-popup-open {
overflow: hidden !important;
height: 100vh !important;
touch-action: none; overscroll-behavior: contain; }
@media (max-width: 768px) {
.xoo-cp-modal.xoo-cp-active {
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
border-radius: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.xoo-cp-container {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 1.2rem 0.6rem 40px 0.6rem !important;
box-sizing: border-box;
}
.xoo-cp-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
max-height: 70vh;
padding-bottom: 1rem;
}
.xoo-cp-btns {
flex-shrink: 0;
margin-bottom: 1rem;
}
}