.w3eden-link-btn {
border: 1px solid #cccccc;
padding: 0;
display: block;
float: left;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 13px;
margin: 0 1px 1px 0;
width: 250px;
}
.w3eden-link-btn.pcenter:active,
.w3eden-link-btn.pcenter:focus,
.w3eden-link-btn.pcenter{
display: block; float: left;margin-left: calc( 50% - 125px );
}
.w3eden-link-btn.pright{
display: block; float: right;
}
.w3eden-link-btn .wbt-content .wpdm-download-link{
background: transparent !important;
padding: 0 !important;
}
.wbt-icon{
padding: 7px !important;
border-right: 1px solid rgba(255,255,255,0.1);
}
.wbt-left{
border-right: 1px solid rgba(0,0,0,0.1);
margin-right: 2px !important;
padding-right: 0 !important;
}
.wbt-content{
padding: 7px !important;
}
.w3eden-link-btn.centered{
float: none !important;
}
.w3eden-link-btn.right{
float: right;
}
.ptitle{
font-size: 11pt;
font-weight: 900;
margin-bottom: 5px;
}
.w3eden-link-btn img.wpdm_icon-bt{
border: 0 !important;
box-shadow: none !important;
width: 36px;
height: auto;
}
.w3eden-clear{
display: block;clear: both;
margin: 5px 0;
}
.w3eden-link-btn * {
text-decoration: none !important;
line-height: normal !important;
}
.w3eden-link-btn:active {
margin: 1px 0 0 1px;
}
.w3eden-light {
-moz-box-shadow: 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
box-shadow: 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
background-color: #ffffff;
border: 1px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #666666;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
.w3eden-light:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
background-color: #f6f6f6;
}
.w3eden-light:active {
position: relative;
top: 1px;
}
.w3eden-green .ptitle a,.w3eden-blue .ptitle a,.w3eden-coffee .ptitle a,.w3eden-xmas .ptitle a,.w3eden-red .ptitle a,.w3eden-lightblue .ptitle a,
.w3eden-green,.w3eden-blue,.w3eden-coffee,.w3eden-xmas,.w3eden-red,.w3eden-lightblue,
.w3eden-green > a,.w3eden-blue > a,.w3eden-coffee > a,.w3eden-xmas > a,.w3eden-red > a,.w3eden-lightblue > a,
.w3eden-green .wpdm-download-link,.w3eden-blue .wpdm-download-link,.w3eden-coffee .wpdm-download-link,.w3eden-xmas .wpdm-download-link,.w3eden-red .wpdm-download-link,.w3eden-lightblue .wpdm-download-link {
color: #ffffff !important;
}
.w3eden-green {
-moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
-webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
box-shadow: inset 0px 1px 0px 0px #9acc85;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
background-color: #74ad5a;
border: 1px solid #3b6e22;
display: inline-block;
cursor: pointer;
color: #ffffff;
text-decoration: none;
}
.w3eden-green:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
background-color: #68a54b;
}
.w3eden-blue {
-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
box-shadow: inset 0px 1px 0px 0px #54a3f7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
background-color: #007dc1;
border: 1px solid #124d77;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 13px;
text-decoration: none;
text-shadow: 0px 1px 0px #154682;
}
.w3eden-blue:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
background-color: #0061a7;
}
.w3eden-coffee {
-moz-box-shadow: inset 0px 1px 0px 0px #a6827e;
-webkit-box-shadow: inset 0px 1px 0px 0px #a6827e;
box-shadow: inset 0px 1px 0px 0px #a6827e;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
background: -moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
background: -webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
background: -o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
background: -ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30', GradientType=0);
background-color: #7d5d3b;
border: 1px solid #54381e;
cursor: pointer;
color: #ffffff;
text-decoration: none;
text-shadow: 0px 1px 0px #4d3534;
}
.w3eden-coffee:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
background: -moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
background: -webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
background: -o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
background: -ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
background: linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b', GradientType=0);
background-color: #634b30;
}
.w3eden-coffee *{
text-shadow: none !important;
}
.w3eden-coffee-title {
color: #222222 !important;
font-weight: 700 !important;
}
.w3eden-panel-body{
color: #222222 !important;
}
.w3eden-xmas {
display: inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding: 5px;
line-height: 26px;
text-decoration: none;
color: #FFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.75);
background: #5e0d0c;
outline: none;
border-radius: 4px;
border: 1px solid #4c0300;
box-shadow:
inset 1px 1px 0px rgba(255,255,255,0.25), inset 0 0 6px #a23227, inset 0 80px 80px -40px #ac3223, 1px 1px 3px rgba(0,0,0,0.75); position: relative;
overflow: visible; -webkit-transition: 500ms linear;
-moz-transition: 500ms linear;
-o-transition: 500ms linear;
transition: 500ms linear;
}
.w3eden-xmas::before {
content: '';
display: block;
position: absolute;
top: -7px;
left: -3px;
right: 0;
height: 23px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
url(data:image/png;base64,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) no-repeat 50% 0,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}
.w3eden-xmas:hover {
background: #a61715;
text-shadow: 0 1px 2px rgba(0,0,0,0.75), 0 0 40px #FFF;
box-shadow:
inset 1px 1px 0px rgba(255,255,255,0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 1px 1px 3px rgba(0,0,0,0.75); }
.w3eden-xmas:focus {
outline: none; }
.w3eden-xmas:active {
box-shadow:
inset 1px 1px 0px rgba(255,255,255,0.25), inset 0 0 6px #da3b2c, inset 0 80px 80px -40px #dd4330, 0px 1px 0px rgba(255,255,255,0.25); -webkit-transition: 50ms linear;
-moz-transition: 50ms linear;
-o-transition: 50ms linear;
transition: 50ms linear;
} .w3eden-instagram {
color:#333;
text-shadow:1px 1px #fff;
text-decoration: none;
display:inline-block;
padding:0.5em 1.75em 0.5em 1em;
border-radius: 0.25em;
background: #f8f8f8;
border:1px solid #ccc;
border-right:0.25em solid #00558D; position: relative;
margin:0 0 1px;
}
.w3eden-instagram:before, .w3eden-instagram:after {
content:'';
display:block;
position: absolute;
} .w3eden-instagram:before {
width:0.25em;
height: 100%;
background:#FBB03B; border-left:0.25em solid #D4145A; border-right:0.25em solid #00A99D; top:0;
right:0;
} .w3eden-instagram:after {
width:100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0.25em;
padding-left: 0.25em;
box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0 rgba(0,0,0,0.1);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.2) 49%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(49%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#1a000000',GradientType=0 );
} .w3eden-instagram, .w3eden-instagram:before {
-webkit-transition-property: background, border;
-webkit-transition: 0.1s ease-in;
-moz-transition-property: background, border;
-moz-transition: 0.1s ease-in;
-o-transition-property: background, border;
-o-transition: 0.1s ease-in;
transition-property: background, border;
transition: 0.1s ease-in;
} .w3eden-instagram:hover, .w3eden-instagram:focus  {
background: #fff;
}
.w3eden-instagram:hover {
border-right:0.25em solid #09c;
}
.w3eden-instagram:hover:before {
background:#fc6; border-left:0.25em solid #f06; border-right:0.25em solid #0cc; }
.w3eden-instagram:hover:after {
background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 49%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.05) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(49%,rgba(255,255,255,0.1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.05) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.05) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#0d000000',GradientType=0 );
} .w3eden-instagram:active {
margin:1px 0 0;
}
.w3eden-red{
background-color: #D14836;
background-image: linear-gradient(center top , #DD4B39, #D14836);
border: 1px solid transparent;
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
white-space: nowrap;
}
.w3eden-red:hover{
background-color: #C53727;
background-image: linear-gradient(center top , #DD4B39, #C53727);
border: 1px solid #b0281A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.w3eden-lightblue {
border: 1px solid #3079ED !important;
background: #4B8DF8;
background: linear-gradient(top, #4C8FFD, #4787ED);
transition: border .20s;
}
.w3eden-lightblue:hover {
border: 1px solid #2F5BB7 !important;
background: #3F83F1;
background: linear-gradient(top, #4D90FE, #357AE8);
}:root {
--wpdmpp-mc-primary: #6366f1;
--wpdmpp-mc-primary-hover: #4f46e5;
--wpdmpp-mc-text: #1e293b;
--wpdmpp-mc-text-muted: #64748b;
--wpdmpp-mc-bg: #ffffff;
--wpdmpp-mc-bg-secondary: #f8fafc;
--wpdmpp-mc-border: #e2e8f0;
--wpdmpp-mc-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
--wpdmpp-mc-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
--wpdmpp-mc-radius: 12px;
--wpdmpp-mc-radius-sm: 8px;
--wpdmpp-mc-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
--wpdmpp-mc-panel-width: 380px;
--wpdmpp-mc-breakpoint: 768px;
--wpdmpp-mc-danger: #ef4444;
--wpdmpp-mc-success: #10b981;
} .wpdmpp-mini-cart {
position: relative;
display: inline-flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
z-index: 9999;
}
.wpdmpp-mini-cart *,
.wpdmpp-mini-cart *::before,
.wpdmpp-mini-cart *::after {
box-sizing: border-box;
} .wpdmpp-mc-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: var(--wpdmpp-mc-bg);
border: 1px solid var(--wpdmpp-mc-border);
border-radius: var(--wpdmpp-mc-radius);
color: var(--wpdmpp-mc-text);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
font-size: 14px;
font-weight: 500;
position: relative;
}
.wpdmpp-mc-trigger:hover {
border-color: var(--wpdmpp-mc-primary);
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.wpdmpp-mc-trigger:focus {
outline: none;
border-color: var(--wpdmpp-mc-primary);
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}
.wpdmpp-mc-trigger[aria-expanded="true"] {
border-color: var(--wpdmpp-mc-primary);
} .wpdmpp-mc-icon {
display: flex;
align-items: center;
justify-content: center;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-mc-icon svg {
width: 22px;
height: 22px;
} .wpdmpp-mc-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
background: var(--wpdmpp-mc-primary);
color: #ffffff;
font-size: 11px;
font-weight: 600;
border-radius: 10px;
transition: all var(--wpdmpp-mc-transition);
}
.wpdmpp-mc-count--empty {
background: var(--wpdmpp-mc-text-muted);
} .wpdmpp-mc-total {
font-weight: 600;
color: var(--wpdmpp-mc-text);
} .wpdmpp-mc-panel {
position: absolute;
width: var(--wpdmpp-mc-panel-width);
max-width: calc(100vw - 32px);
background: var(--wpdmpp-mc-bg);
border-radius: var(--wpdmpp-mc-radius);
box-shadow: var(--wpdmpp-mc-shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all var(--wpdmpp-mc-transition);
z-index: 10000;
overflow: hidden;
max-height: calc(100vh - 120px);
display: flex;
flex-direction: column;
}
.wpdmpp-mc-panel[aria-hidden="false"] {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .wpdmpp-mc-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
background: var(--wpdmpp-mc-bg-secondary);
border-bottom: 1px solid var(--wpdmpp-mc-border);
flex-shrink: 0;
}
.wpdmpp-mc-panel-title {
margin: 0;
font-size: 16px;
font-weight: 600;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-mc-panel-count {
font-weight: 400;
color: var(--wpdmpp-mc-text-muted);
margin-left: 4px;
}
.wpdmpp-mc-close {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
background: transparent;
border: none;
border-radius: var(--wpdmpp-mc-radius-sm);
color: var(--wpdmpp-mc-text-muted);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
}
.wpdmpp-mc-close:hover {
background: var(--wpdmpp-mc-border);
color: var(--wpdmpp-mc-text);
} .wpdmpp-mc-panel-body {
flex: 1;
overflow-y: auto;
overscroll-behavior: contain;
}
.wpdmpp-mc-items {
padding: 12px;
} .wpdmpp-mc-panel-footer {
padding: 16px 20px;
background: var(--wpdmpp-mc-bg-secondary);
border-top: 1px solid var(--wpdmpp-mc-border);
flex-shrink: 0;
}
.wpdmpp-mc-subtotal {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.wpdmpp-mc-subtotal-label {
font-size: 14px;
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-mc-subtotal-value {
font-size: 18px;
font-weight: 700;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-mc-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
} .wpdmpp-mc-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px;
background: var(--wpdmpp-mc-bg);
border: 1px solid var(--wpdmpp-mc-border);
border-radius: var(--wpdmpp-mc-radius-sm);
margin-bottom: 8px;
transition: all var(--wpdmpp-mc-transition);
}
.wpdmpp-mc-item:last-child {
margin-bottom: 0;
}
.wpdmpp-mc-item:hover {
border-color: var(--wpdmpp-mc-primary);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.wpdmpp-mc-item-thumb {
width: 56px;
height: 56px;
flex-shrink: 0;
border-radius: var(--wpdmpp-mc-radius-sm);
overflow: hidden;
background: var(--wpdmpp-mc-bg-secondary);
}
.wpdmpp-mc-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wpdmpp-mc-item-details {
flex: 1;
min-width: 0;
}
.wpdmpp-mc-item-name {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--wpdmpp-mc-text);
text-decoration: none;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wpdmpp-mc-item-name:hover {
color: var(--wpdmpp-mc-primary);
}
.wpdmpp-mc-item-meta {
font-size: 13px;
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-mc-item-qty {
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-mc-item-price {
color: var(--wpdmpp-mc-text);
font-weight: 500;
}
.wpdmpp-mc-item-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.wpdmpp-mc-item-total {
font-size: 14px;
font-weight: 600;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-mc-item-remove {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
background: transparent;
border: 1px solid transparent;
border-radius: var(--wpdmpp-mc-radius-sm);
color: var(--wpdmpp-mc-text-muted);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
opacity: 0;
}
.wpdmpp-mc-item:hover .wpdmpp-mc-item-remove {
opacity: 1;
}
.wpdmpp-mc-item-remove:hover {
background: rgba(239, 68, 68, 0.1);
border-color: var(--wpdmpp-mc-danger);
color: var(--wpdmpp-mc-danger);
} .wpdmpp-mc-item--removing {
opacity: 0.5;
pointer-events: none;
} .wpdmpp-mc-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
text-align: center;
}
.wpdmpp-mc-empty-icon {
color: var(--wpdmpp-mc-border);
margin-bottom: 16px;
}
.wpdmpp-mc-empty-text {
margin: 0 0 20px 0;
font-size: 15px;
color: var(--wpdmpp-mc-text-muted);
} .wpdmpp-mc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border-radius: var(--wpdmpp-mc-radius-sm);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
border: none;
}
.wpdmpp-mc-btn--primary {
background: var(--wpdmpp-mc-primary);
color: #ffffff;
}
.wpdmpp-mc-btn--primary:hover {
background: var(--wpdmpp-mc-primary-hover);
color: #ffffff;
}
.wpdmpp-mc-btn--secondary {
background: var(--wpdmpp-mc-bg);
color: var(--wpdmpp-mc-text);
border: 1px solid var(--wpdmpp-mc-border);
}
.wpdmpp-mc-btn--secondary:hover {
background: var(--wpdmpp-mc-bg-secondary);
border-color: var(--wpdmpp-mc-text-muted);
color: var(--wpdmpp-mc-text);
} .wpdmpp-mc-dropdown .wpdmpp-mc-panel {
top: calc(100% + 8px);
right: 0;
}
.wpdmpp-mc-dropdown.wpdmpp-mc-pos-top-left .wpdmpp-mc-panel,
.wpdmpp-mc-dropdown.wpdmpp-mc-pos-bottom-left .wpdmpp-mc-panel {
right: auto;
left: 0;
} .wpdmpp-mc-slide_panel .wpdmpp-mc-panel {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: var(--wpdmpp-mc-panel-width);
max-width: 90vw;
max-height: none;
border-radius: 0;
transform: translateX(100%);
}
.wpdmpp-mc-slide_panel .wpdmpp-mc-panel[aria-hidden="false"] {
transform: translateX(0);
}
.wpdmpp-mc-slide_panel.wpdmpp-mc-pos-top-left .wpdmpp-mc-panel,
.wpdmpp-mc-slide_panel.wpdmpp-mc-pos-bottom-left .wpdmpp-mc-panel {
right: auto;
left: 0;
transform: translateX(-100%);
}
.wpdmpp-mc-slide_panel.wpdmpp-mc-pos-top-left .wpdmpp-mc-panel[aria-hidden="false"],
.wpdmpp-mc-slide_panel.wpdmpp-mc-pos-bottom-left .wpdmpp-mc-panel[aria-hidden="false"] {
transform: translateX(0);
} .wpdmpp-mc-floating {
position: fixed;
z-index: 99999;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-bottom-right {
bottom: 24px;
right: 24px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-bottom-left {
bottom: 24px;
left: 24px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-top-right {
top: 80px;
right: 24px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-top-left {
top: 80px;
left: 24px;
}
.wpdmpp-mc-floating .wpdmpp-mc-trigger {
width: 56px;
height: 56px;
padding: 0;
border-radius: 50%;
background: var(--wpdmpp-mc-primary);
border: none;
box-shadow: var(--wpdmpp-mc-shadow-lg);
color: #ffffff;
}
.wpdmpp-mc-floating .wpdmpp-mc-trigger:hover {
transform: scale(1.05);
box-shadow: 0 8px 30px rgba(99, 102, 241, 0.4);
}
.wpdmpp-mc-floating .wpdmpp-mc-icon {
color: #ffffff;
}
.wpdmpp-mc-floating .wpdmpp-mc-count {
position: absolute;
top: -4px;
right: -4px;
min-width: 22px;
height: 22px;
background: var(--wpdmpp-mc-danger);
font-size: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.wpdmpp-mc-floating .wpdmpp-mc-total {
display: none;
}
.wpdmpp-mc-floating .wpdmpp-mc-panel {
position: fixed;
bottom: 90px;
right: 24px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-bottom-left .wpdmpp-mc-panel {
right: auto;
left: 24px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-top-right .wpdmpp-mc-panel,
.wpdmpp-mc-floating.wpdmpp-mc-pos-top-left .wpdmpp-mc-panel {
top: 140px;
bottom: auto;
} .wpdmpp-mc-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: all var(--wpdmpp-mc-transition);
z-index: 9998;
backdrop-filter: blur(2px);
}
.wpdmpp-mc-slide_panel .wpdmpp-mc-panel[aria-hidden="false"] ~ .wpdmpp-mc-overlay {
opacity: 1;
visibility: visible;
} .wpdmpp-mc-auto-injected.wpdmpp-mc-floating { }
.wpdmpp-mc-auto-injected:not(.wpdmpp-mc-floating) {
position: fixed;
top: 80px;
right: 24px;
z-index: 99999;
}
.wpdmpp-mc-auto-injected:not(.wpdmpp-mc-floating).wpdmpp-mc-pos-top-left {
right: auto;
left: 24px;
} @media (max-width: 768px) {
.wpdmpp-mc-mobile-fullscreen .wpdmpp-mc-panel[aria-hidden="false"] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 0;
transform: none;
}
.wpdmpp-mc-mobile-fullscreen .wpdmpp-mc-panel[aria-hidden="false"] ~ .wpdmpp-mc-overlay {
opacity: 1;
visibility: visible;
}
.wpdmpp-mc-mobile-fullscreen.wpdmpp-mc-dropdown .wpdmpp-mc-panel {
transform: translateY(100%);
}
.wpdmpp-mc-mobile-fullscreen.wpdmpp-mc-dropdown .wpdmpp-mc-panel[aria-hidden="false"] {
transform: translateY(0);
}
.wpdmpp-mc-floating {
bottom: 16px;
right: 16px;
}
.wpdmpp-mc-floating.wpdmpp-mc-pos-bottom-left {
left: 16px;
}
.wpdmpp-mc-trigger {
padding: 8px 12px;
}
.wpdmpp-mc-total {
display: none;
}
.wpdmpp-mc-auto-injected:not(.wpdmpp-mc-floating) {
top: auto;
bottom: 16px;
right: 16px;
}
} .wpdmpp-mc-loading .wpdmpp-mc-panel-body {
position: relative;
min-height: 120px;
}
.wpdmpp-mc-loading .wpdmpp-mc-panel-body::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border: 3px solid var(--wpdmpp-mc-border);
border-top-color: var(--wpdmpp-mc-primary);
border-radius: 50%;
animation: wpdmpp-mc-spin 0.8s linear infinite;
}
@keyframes wpdmpp-mc-spin {
to {
transform: rotate(360deg);
}
} .wpdmpp-mc-toast {
position: fixed;
bottom: 24px;
left: 50%;
transform: translateX(-50%) translateY(100px);
padding: 12px 20px;
background: var(--wpdmpp-mc-text);
color: #ffffff;
font-size: 14px;
font-weight: 500;
border-radius: var(--wpdmpp-mc-radius);
box-shadow: var(--wpdmpp-mc-shadow-lg);
opacity: 0;
visibility: hidden;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100000;
}
.wpdmpp-mc-toast.wpdmpp-mc-toast--visible {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.wpdmpp-mc-toast--success {
background: var(--wpdmpp-mc-success);
}
.wpdmpp-mc-toast--error {
background: var(--wpdmpp-mc-danger);
} .wpdmpp-mc-count-updated {
animation: wpdmpp-mc-bounce 0.4s ease;
}
@keyframes wpdmpp-mc-bounce {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
} .wpdmpp-mc-shake {
animation: wpdmpp-mc-shake 0.5s ease;
}
@keyframes wpdmpp-mc-shake {
0%, 100% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
} @media (prefers-color-scheme: dark) {
.wpdmpp-mini-cart {
--wpdmpp-mc-text: #f1f5f9;
--wpdmpp-mc-text-muted: #94a3b8;
--wpdmpp-mc-bg: #1e293b;
--wpdmpp-mc-bg-secondary: #0f172a;
--wpdmpp-mc-border: #334155;
}
} @media print {
.wpdmpp-mini-cart {
display: none !important;
}
}  .wpdmpp-minicart-container {
position: relative !important;
} .wpdmpp-minicart-link {
display: flex !important;
align-items: center !important;
gap: 6px !important;
} .wpdmpp-minicart-trigger {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: inherit;
color: inherit;
cursor: pointer;
transition: opacity var(--wpdmpp-mc-transition);
}
.wpdmpp-minicart-trigger:hover {
opacity: 0.8;
} .wpdmpp-minicart-icon {
display: flex;
align-items: center;
justify-content: center;
}
.wpdmpp-minicart-icon svg {
width: 18px;
height: 18px;
} .wpdmpp-minicart-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
background: var(--wpdmpp-mc-primary);
color: #ffffff;
font-size: 10px;
font-weight: 600;
border-radius: 9px;
line-height: 1;
}
.wpdmpp-minicart-count--empty {
background: var(--wpdmpp-mc-text-muted);
} .wpdmpp-minicart-total {
font-weight: 600;
font-size: 13px;
} .wpdmpp-minicart-panel {
position: absolute;
top: 100%;
right: 0;
width: 340px;
max-width: calc(100vw - 32px);
background: var(--wpdmpp-mc-bg);
border-radius: var(--wpdmpp-mc-radius);
box-shadow: var(--wpdmpp-mc-shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all var(--wpdmpp-mc-transition);
z-index: 99999;
overflow: hidden;
max-height: 400px;
display: flex;
flex-direction: column;
margin-top: 8px;
} .wpdmpp-minicart-open .wpdmpp-minicart-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .wpdmpp-minicart-container:first-child .wpdmpp-minicart-panel,
.menu-item:first-child.wpdmpp-minicart-container .wpdmpp-minicart-panel {
right: auto;
left: 0;
} .wpdmpp-minicart-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
background: var(--wpdmpp-mc-bg-secondary);
border-bottom: 1px solid var(--wpdmpp-mc-border);
flex-shrink: 0;
}
.wpdmpp-minicart-panel-title {
margin: 0;
font-size: 14px;
font-weight: 600;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-minicart-panel-count {
font-weight: 400;
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-minicart-panel-close {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
background: transparent;
border: none;
border-radius: var(--wpdmpp-mc-radius-sm);
color: var(--wpdmpp-mc-text-muted);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
}
.wpdmpp-minicart-panel-close:hover {
background: var(--wpdmpp-mc-border);
color: var(--wpdmpp-mc-text);
} .wpdmpp-minicart-panel-items {
flex: 1;
overflow-y: auto;
padding: 10px;
max-height: 220px;
} .wpdmpp-minicart-panel-footer {
padding: 14px 16px;
background: var(--wpdmpp-mc-bg-secondary);
border-top: 1px solid var(--wpdmpp-mc-border);
flex-shrink: 0;
}
.wpdmpp-minicart-panel-subtotal {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
font-size: 14px;
}
.wpdmpp-minicart-panel-subtotal-value {
font-weight: 700;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-minicart-panel-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
} .wpdmpp-minicart-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px;
background: var(--wpdmpp-mc-bg);
border: 1px solid var(--wpdmpp-mc-border);
border-radius: var(--wpdmpp-mc-radius-sm);
margin-bottom: 6px;
transition: all var(--wpdmpp-mc-transition);
}
.wpdmpp-minicart-item:last-child {
margin-bottom: 0;
}
.wpdmpp-minicart-item:hover {
border-color: var(--wpdmpp-mc-primary);
}
.wpdmpp-minicart-item-thumb {
width: 48px;
height: 48px;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
background: var(--wpdmpp-mc-bg-secondary);
}
.wpdmpp-minicart-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wpdmpp-minicart-item-details {
flex: 1;
min-width: 0;
}
.wpdmpp-minicart-item-name {
display: block;
font-size: 13px;
font-weight: 500;
color: var(--wpdmpp-mc-text);
text-decoration: none;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wpdmpp-minicart-item-name:hover {
color: var(--wpdmpp-mc-primary);
}
.wpdmpp-minicart-item-meta {
font-size: 12px;
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-minicart-item-qty {
color: var(--wpdmpp-mc-text-muted);
}
.wpdmpp-minicart-item-price {
color: var(--wpdmpp-mc-text);
font-weight: 500;
}
.wpdmpp-minicart-item-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
.wpdmpp-minicart-item-total {
font-size: 13px;
font-weight: 600;
color: var(--wpdmpp-mc-text);
}
.wpdmpp-minicart-item-remove {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
color: var(--wpdmpp-mc-text-muted);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
opacity: 0;
}
.wpdmpp-minicart-item:hover .wpdmpp-minicart-item-remove {
opacity: 1;
}
.wpdmpp-minicart-item-remove:hover {
background: rgba(239, 68, 68, 0.1);
border-color: var(--wpdmpp-mc-danger);
color: var(--wpdmpp-mc-danger);
}
.wpdmpp-minicart-item--removing {
opacity: 0.5;
pointer-events: none;
} .wpdmpp-minicart-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
text-align: center;
}
.wpdmpp-minicart-empty-icon {
color: var(--wpdmpp-mc-border);
margin-bottom: 12px;
}
.wpdmpp-minicart-empty p {
margin: 0 0 16px 0;
font-size: 14px;
color: var(--wpdmpp-mc-text-muted);
} .wpdmpp-minicart-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
border-radius: var(--wpdmpp-mc-radius-sm);
cursor: pointer;
transition: all var(--wpdmpp-mc-transition);
border: none;
}
.wpdmpp-minicart-btn--primary {
background: var(--wpdmpp-mc-primary);
color: #ffffff;
}
.wpdmpp-minicart-btn--primary:hover {
background: var(--wpdmpp-mc-primary-hover);
color: #ffffff;
}
.wpdmpp-minicart-btn--secondary {
background: var(--wpdmpp-mc-bg);
color: var(--wpdmpp-mc-text);
border: 1px solid var(--wpdmpp-mc-border);
}
.wpdmpp-minicart-btn--secondary:hover {
background: var(--wpdmpp-mc-bg-secondary);
border-color: var(--wpdmpp-mc-text-muted);
color: var(--wpdmpp-mc-text);
} @media (max-width: 768px) {
.wpdmpp-minicart-panel {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
max-height: 80vh;
border-radius: var(--wpdmpp-mc-radius) var(--wpdmpp-mc-radius) 0 0;
margin-top: 0;
transform: translateY(100%);
}
.wpdmpp-minicart-open .wpdmpp-minicart-panel {
transform: translateY(0);
}
.wpdmpp-minicart-panel-items {
max-height: calc(80vh - 180px);
}
.wpdmpp-minicart-total {
display: none;
}
} @media (prefers-color-scheme: dark) {
.wpdmpp-minicart-container {
--wpdmpp-mc-text: #f1f5f9;
--wpdmpp-mc-text-muted: #94a3b8;
--wpdmpp-mc-bg: #1e293b;
--wpdmpp-mc-bg-secondary: #0f172a;
--wpdmpp-mc-border: #334155;
}
}