.cod-modal-content span.shipping-amount .woocommerce-Price-amount::before {
content: "+ ";
}
.cod-modal-content .discount-amount::before {
content: "- ";
}
.cod_scroll_hidden{
overflow: hidden;
}
.is-invalid {
border-color: red;
}
.is-invalid ~ .invalid-feedback {
display: block;
}
.invalid-feedback {
display: none;
color: red;
font-size: 0.875em;
} .shake {
animation: codshake 3s infinite !important; }
.bounce {
animation: codbounce 3s infinite !important; }
.pulse {
animation: codpulse 3s infinite !important; } @keyframes codshake {
0% { transform: rotate(0); }
2% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
4% { transform: translateY(2px) rotate(2deg); transform-origin: center;}
6% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
8% { transform: translateY(2px) rotate(2deg); transform-origin: center;}
10% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
12% { transform: rotate(0); transform-origin: center;}
}
@keyframes codbounce {
0%  { transform: translateY(0); }
5% { transform: translateY(-8px); }
10%  { transform: translateY(0); }
15% { transform: translateY(-8px); }
20%  { transform: translateY(0); }
}
@keyframes codpulse {
0% { transform: scale(1); }
10% { transform: scale(1.1); }
20% { transform: scale(1); }
} .cod_immediate_purchase.disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.cod_immediate_purchase:not(.disabled):hover {
transform: translateY(-1px);
}#codFormModal input[type=email],
#codFormModal input[type=password],
#codFormModal input[type=tel],
#codFormModal input[type=text],
#codFormModal input[type=url],
#codFormModal textarea {
background-repeat: no-repeat !important;
}
#commercegurus-pdp-gallery-wrapper{
z-index:0;
}
.single-product div.product .variations_button{
padding-top: 0 !important;
}
.single-product div.product form.cart {
margin-bottom: 0 !important;
padding: 0 !important;
}
#codFormModal{
z-index: 999999;
}
#codDownsellModal{
z-index: 9999999;
}
.cod-woocommerce-cart-table{
width:100% !important;
}
.cod-modal-content .form-group label{
margin-bottom: 0px;
margin-top: .7rem;
text-align: left;
font-weight: 500;
}
.variations_form table.variations{
margin-bottom: 0px !important;
}
.variations_form table.variations tr{
margin:0px;
}
#codFormModal input:focus {
background-repeat: no-repeat;
width: 100%;
} .variations_form table.variations td.woo-variation-items-wrapper{
display: flex;
}
a.reset_variations{
margin-left: 5px;
} .loader_container{
position: fixed;
width: 100%;
height: 100%;
display: flex;
left: 0;
top: 0;
align-items: center;
justify-content: center;
display: none;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999999;
}  .cod-modal-content{
color:#000;
max-width: 520px;
width: 100%;
position: relative;
border-radius: 9px;
box-shadow: 0 10px 20px 0 rgb(0, 0, 0, 0.2);
border: 0px solid rgba(0, 0, 0, 1);
} .cod-woocommerce-cart-table{
border-collapse: separate;
}
button.remove-product{
border: 0px;
height: 19px;
width: 19px;
display: flex;
align-items: center;
cursor: pointer;
padding: 0px !important;
margin: 0px ;
background: #fff0;
outline: none;
}
button.remove-product:hover{
background: #fff0;
}
.cod-product-remove{
text-align: right;
}
.cod-woocommerce-cart-table{
margin: 0 0 10px;
}
.cod_table,.cod-woocommerce-cart-table{
padding: 8px 12px 5px;
background-color: #f3f3f3;
border-radius: 6px;
font-size:1rem;
margin-bottom: 10px;
border: 2px solid #dadada;
}
.cod_table .woocommerce-Price-amount{
font-weight: 700;
}
.cod_td{
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.cod_td.total{
border-top: 1px solid #c7c7c7;
margin-top: 6px;
padding-top: 5px;
} .cod-cart td{
vertical-align: middle;
padding: 5px;
border:0px;
}
td.cod-product-img{
min-width: 50px;
}
.cod-woocommerce-cart-table tr td {
background-color: transparent !important;
}
.cod-product-img{
max-width: 37px;
position: relative;
}
.cod-product-img img{
max-width: 40px !important;
max-height:40px !important;
border-radius:5px;
}
.cod-cart-quantity{
position: absolute;
top: 0;
width: 21px;
height: 21px;
display: flex;
color: #fff;
background: #000;
line-height: 0;
justify-content: center;
align-items: center;
font-weight: 600;
border-radius: 50%;
padding-bottom: 2px;
} .cod-modal h3{
font-weight: 600;
margin: 10px 0px;
}
.cod-modal {
display: none; position: fixed; z-index: 1000; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.cod-modal-content {
background-color: #fefefe;
margin: 2% auto; padding: 20px;
border: 1px solid #888;
width: 80%; }
.cod-modal-close {
position: absolute;
color: #aaa;
right: 20px;
top: 20px;
font-size: 28px;
font-weight: bold;
line-height: 1;
}
.cod-modal-close:hover,
.cod-modal-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media (max-width:580px){
.cod-modal-content{
width: 90%;
}
}
@media (max-width:480px){
.cod-modal-content{
width: fit-content;
min-width: 88%;
}
.cod-cart .cod-product-name{
font-size: 13px;
font-weight: 400;
}
} .cod-modal-content .form-group{
display: flex;
flex-direction: column;
}
.cod_hide{
display:none;
}
.cod-modal-content input,.cod-modal-content select,.cod-modal-content textarea{
margin: 6px 0px;
padding: 6px 15px;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
border: 1px solid silver !important;
background-color: #fff !important;
color: #000 !important;
display: block;
margin-bottom: 0;
height: 47px;
font-size: .95em;
box-sizing: border-box;
width:100%;
background-size: 15px !important;
background-repeat: no-repeat;
background-position: 8px center !important;
padding-left: calc(22px + 15px) !important;
}
.cod-modal-content .cod_terms label{
display: flex !important;
align-items: center !important;
gap:5px;
}
input[type=checkbox],input[type=radio]{
width: auto !important;
padding: 0px !important;
}
.cod-modal-content input:focus{
outline: none;
}
.cod-modal-content input .form-group label{
margin-top: 5px;
}
.cod-modal-content #shipping-methods label{
display: flex;
align-items: center;
gap: 10px;
}
.cod-modal-content .shipping-method input{
height: 20px;
}
.cod-modal-content .shipping-method input[type=radio]{
margin: 0px;
}
.cod_terms label{
display: inline; 
}
.cod_terms{
margin: 5px 0px;
}
.cod_terms input{
height: 20px;
float: left;
margin-top: 0px;
margin-right: 5px;
}
.cod-modal-content .shipping-method{
margin: 4px 0px;
padding: 2px 14px;
border-radius: 6px;
border: 1px solid silver;
background-color: #fff;
}
#codFormModal #checkout_form #shipping-methods label{
margin: 0px;
}
.cod-form-group-row{
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
}
.cod-form-group-row label{
margin:0px !important;
font-size: 15px;
}
.cod-form-group-row input,.cod-form-group-row select,.cod-form-group-row textarea,.cod-form-group-row .cod-phone-input-wrapper {
max-width: 75%;
}
.cod_required_input {
color: #ff0000;
display: inline-block;
margin-left: 2px;
}
@media screen and (max-width: 520px) {
.cod-form-group-row label{
font-size: 13px;
}
.cod-form-group-row input,.cod-form-group-row select,.cod-form-group-row textarea,.cod-form-group-row .cod-phone-input-wrapper{
max-width: 72%;
}
} button#cod_menu_cart{
padding: 0;
margin: 0;
background: none;
border: 0px;
cursor: pointer; 
display: flex;
outline: none;
}
.not_cart_items{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.not_cart_items svg{
width: 100%;
max-width:100px;
height: auto;
} .cod_container_button_order{
display: flex;
gap: 10px;
align-items: stretch;
} .cod_container_button_order #modal_checkout {
background-color: var(--cod-btn-bg) !important;
color: var(--cod-btn-color) !important;
border-radius: var(--cod-btn-radius) !important;
border-width: var(--cod-btn-bw) !important;
border-color: var(--cod-btn-bc) !important;
border-style: solid !important;
box-shadow: 0 0 var(--cod-btn-shadow) var(--cod-btn-shadow) rgba(0, 0, 0, 0.1) !important;
font-size: var(--cod-btn-fs) !important;
width: var(--cod-btn-width) !important;
padding: 10px 25px !important;
cursor: pointer !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
float: none !important;
} .cod_container_button_order #modal_checkout .button-content {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
font-size: var(--cod-btn-fs);
line-height: 1;
}
.cod_container_button_order #modal_checkout .button-subtitle {
font-size: calc(var(--cod-btn-fs) * 0.7);
line-height: 1.5;
} .cod_container_button_order #modal_checkout svg path {
fill: var(--cod-btn-color) !important;
} @media (max-width:767px){
.cod_sticky{
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 9;
}
} .shortcode_add_to_cart p{
margin: 0;
}
.shortcode_add_to_cart .woocommerce-variation-add-to-cart > p{
display: none;
}
.shortcode_add_to_cart .cod_container_button_order{
margin-top: 5px;
} .cod-modal-button{
margin-top: 10px;
}
.cod_wc_coexist{
margin-top: 10px;
}  .discount-amount, .cod-modal-content span.shipping-amount{
color: var(--highlight-color);
}
.qo_variable_value{
display: flex;
flex-direction: column;
align-items: flex-end;
} :root {
--primary-color: #000000;
--secondary-color: #ffffff;
--border-color: silver;
--background-light: #ebebeb;
--border-radius-small: 3px;
--border-radius-medium: 6px;
--border-radius-large: 9px;
--spacing-small: 5px;
--spacing-medium: 10px;
--spacing-large: 20px;
} .cod-modal-content {
color: var(--primary-color);
border-radius: var(--border-radius-large); }      .cod-modal-title {
font-size: var(--cod-title-size) !important;
} .cod-banner-image {
max-width: 100%;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} .cod-input-user {
background-image: var(--cod-icon-user) !important;
}
.cod-input-phone {
background-image: var(--cod-icon-phone) !important;
}
.cod-input-location {
background-image: var(--cod-icon-location) !important;
}
.cod-input-email {
background-image: var(--cod-icon-email) !important;
}
.cod-input-message {
background-image: var(--cod-icon-msj) !important;
} .cod-modal-button {
background-color: var(--cod-btn-bg) !important;
color: var(--cod-btn-color) !important;
border-radius: var(--cod-btn-radius) !important;
border-width: var(--cod-btn-bw) !important;
border-color: var(--cod-btn-bc) !important;
border-style: solid !important;
box-shadow: 0 0 var(--cod-btn-shadow) var(--cod-btn-shadow) rgba(0, 0, 0, 0.1) !important;
font-size: var(--cod-btn-fs) !important;
width: 100% !important;
padding: 10px 25px !important;
cursor: pointer !important;
} .modal_button_checkout {
background-color: var(--sec-btn-bg) !important;
color: var(--sec-btn-color) !important;
font-size: var(--sec-btn-fs) !important;
border-radius: var(--sec-btn-radius) !important;
border-width: var(--sec-btn-bw) !important;
border-color: var(--sec-btn-bc) !important;
box-shadow: 0 var(--sec-btn-shadow) rgba(0,0,0,0.2) !important;
border-style: solid !important;
padding: 10px 25px !important;
margin-top: 10px !important;
text-decoration: none !important;
text-align: center !important;
display: block !important;
} .cod-phone-input-wrapper {
position: relative;
width: 100%;
}
.cod-phone-input-wrapper input{
max-width: 100%;
}