.eecb-enhanced-cart-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 100%;
} .eecb-price-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
}
.eecb-price {
font-size: 24px;
font-weight: 600;
color: #2c3e50;
line-height: 1.2;
}
.eecb-price .woocommerce-Price-amount {
font-weight: inherit;
}
.eecb-price-from {
font-size: 16px;
font-weight: 400;
color: #6c757d;
margin-right: 8px;
display: inline-block;
} .eecb-stock-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
}
.eecb-stock-status {
padding: 6px 12px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.eecb-stock-status.in-stock {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.eecb-stock-status.out-of-stock {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.eecb-stock-status.low-stock {
background-color: #fff3cd;
color: #856404;
border: 1px solid #ffeaa7;
} .eecb-variations-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
.eecb-variations-form {
width: 100%;
}
.eecb-variations {
display: flex;
flex-direction: column;
gap: 15px;
}
.eecb-variation-attribute {
display: flex;
flex-direction: column;
gap: 8px;
}
.eecb-variation-attribute label {
font-weight: 600;
color: #2c3e50;
font-size: 14px;
margin: 0;
}
.eecb-variation-select {
width: 100%;
padding: 12px 16px;
border: 2px solid #e9ecef;
border-radius: 6px;
font-size: 14px;
background-color: #ffffff;
color: #2c3e50;
transition: all 0.2s ease;
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 16px 12px;
padding-right: 40px;
}
.eecb-variation-select:hover {
border-color: #3498db;
}
.eecb-variation-select:focus {
outline: none;
border-color: #2271b1;
box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.1);
} .eecb-button-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 10px;
}
.eecb-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
background-color: #2271b1;
color: #ffffff;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: all 0.3s ease;
min-width: 160px;
text-align: center;
line-height: 1.2;
}
.eecb-button:hover {
background-color: #1e5f8c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(34, 113, 177, 0.3);
}
.eecb-button:active {
transform: translateY(0);
}
.eecb-button:disabled,
.eecb-button.disabled {
background-color: #6c757d;
color: #ffffff;
cursor: not-allowed;
opacity: 0.6;
transform: none;
box-shadow: none;
}
.eecb-button:disabled:hover,
.eecb-button.disabled:hover {
background-color: #6c757d;
transform: none;
box-shadow: none;
} .eecb-button.loading {
position: relative;
color: transparent;
}
.eecb-button.loading::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
border: 2px solid #ffffff;
border-radius: 50%;
border-top-color: transparent;
animation: eecb-spin 1s linear infinite;
}
@keyframes eecb-spin {
to {
transform: rotate(360deg);
}
} @media (max-width: 768px) {
.eecb-enhanced-cart-wrapper {
gap: 12px;
}
.eecb-price {
font-size: 20px;
}
.eecb-price-from {
font-size: 14px;
}
.eecb-variation-select {
padding: 10px 14px;
font-size: 14px;
padding-right: 35px;
background-size: 14px 10px;
background-position: right 10px center;
}
.eecb-button {
padding: 12px 24px;
font-size: 14px;
min-width: 180px;
}
.eecb-variations {
gap: 12px;
}
.eecb-variation-attribute {
gap: 6px;
}
}
@media (max-width: 480px) {
.eecb-enhanced-cart-wrapper {
gap: 10px;
}
.eecb-price {
font-size: 18px;
}
.eecb-price-from {
font-size: 13px;
margin-right: 6px;
}
.eecb-variation-select {
padding: 8px 12px;
font-size: 13px;
padding-right: 32px;
background-size: 12px 8px;
background-position: right 8px center;
}
.eecb-button {
padding: 10px 20px;
font-size: 13px;
min-width: 160px;
letter-spacing: 0.3px;
}
.eecb-stock-status {
padding: 4px 8px;
font-size: 12px;
}
} .elementor-widget-eecb-enhanced-cart-button { } @media (prefers-color-scheme: dark) {
.eecb-price {
color: #ffffff;
}
.eecb-price-from {
color: #cccccc;
}
.eecb-variation-attribute label {
color: #ffffff;
}
.eecb-variation-select {
background-color: #2c3e50;
color: #ffffff;
border-color: #495057;
}
.eecb-variation-select:hover {
border-color: #74b9ff;
}
.eecb-variation-select:focus {
border-color: #74b9ff;
box-shadow: 0 0 0 3px rgba(116, 185, 255, 0.1);
}
} .eecb-enhanced-cart-wrapper {
animation: eecb-fadeIn 0.3s ease-out;
}
@keyframes eecb-fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .eecb-price,
.eecb-stock-status {
transition: all 0.2s ease;
} .eecb-variation-select:focus-visible,
.eecb-button:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
} .eecb-variation-select[aria-invalid="true"] {
border-color: #dc3545;
box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}
.eecb-button[aria-busy="true"] {
pointer-events: none;
} .eecb-button.size-small {
padding: 8px 16px;
font-size: 12px;
min-width: 120px;
}
.eecb-button.size-large {
padding: 18px 36px;
font-size: 18px;
min-width: 240px;
} .eecb-error-message {
color: #dc3545;
font-size: 14px;
margin-top: 8px;
padding: 8px 12px;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
} .eecb-success-message {
color: #155724;
font-size: 14px;
margin-top: 8px;
padding: 8px 12px;
background-color: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 4px;
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-image-carousel .swiper{position:static}.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}