/* Icono del carrito */
.min_cart_header{}
.min_cart_header {}
.wc-sidecart-trigger { width:30px;  display: flex;align-items: center;position: relative;text-decoration: none;color: inherit;}
.wc-sidecart-trigger svg{ width: 25px; height: 25px}
.wc-sidecart-trigger .cart-count{ background:#1d1d1b; color: #fff; width: 17px; height: 17px; border-radius: 90px; position: absolute; top: -5px; right: 0;text-align: center; font-size: 11px;line-height: 11px; display: flex; align-items: center; justify-content: center}
.wc-sidecart-icon { font-size: 24px;  margin-right: 5px;} 

.wc-sidecart-count {background: #1d1d1b;color: white;border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 12px;position: relative;top: -5px;}

/* Sidecart */
.wc-sidecart-open{overflow: hidden}
.wc-sidecart {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;height: 100%;background: #fff;box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    transition: right 0.3s ease;z-index: 9999;padding: 0;overflow: hidden;display: flex;align-content: space-between;justify-content: space-between;
    flex-wrap: wrap;}

.wc-sidecart.active {right: 0;} 

.wc-sidecart-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9998;opacity: 0;visibility: hidden;
    transition: all 0.3s ease;}

.wc-sidecart-overlay.active {opacity: 1;visibility: visible;}
.wc-sidecart-header{ height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 10px; background: #1d1d1b; color: #fff; width: 100%; border-bottom: 1px solid #038999}
.wc-sidecart-header h3{ text-transform: uppercase; font-size: 15px; letter-spacing: 1px; color: #1d1d1b}
.wc-sidecart-close{ width: 25px; height: 25px; background: none; border: none}
.wc-sidecart-close svg{ width: 25px; height: 25px}
.wc-sidecart-close svg path{stroke:#1d1d1b} 



/* Contenido del carrito */
.wc-sidecart-content{ height: calc(100% - 265px); overflow: auto; padding: 10px;scroll-behavior: smooth;}

/* Scrollbar personalizado para navegadores Webkit (Chrome, Edge, Safari) */
.wc-sidecart-content::-webkit-scrollbar {  width: 8px;}

.wc-sidecart-content::-webkit-scrollbar-track {  background: #fff;  border-radius: 4px;}

.wc-sidecart-content::-webkit-scrollbar-thumb {  background: #1d1d1b;  border-radius: 4px;  transition: background 0.3s;}

.wc-sidecart-content::-webkit-scrollbar-thumb:hover {  background: #1d1d1b;} 

/* Scrollbar para Firefox */
.wc-sidecart-content {  scrollbar-width: thin;  scrollbar-color: #c1c1c1 #f0f0f0;}

.wc-sidecart-item {display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #eee;}

.wc-sidecart-item-image {width: 100px;height: 100px; overflow: hidden; border-radius: 0px}
.wc-sidecart-item-image img {width: 100%;height: auto;display: block;}
.wc-sidecart-item-details{ width: calc(100% - 110px); padding: 0 5px; display: flex; align-items: center;justify-content: space-between}
.details_left{ width: calc(100% - 60px)}
.details_left h4{ font-size: 14px;line-height: 14px; margin-bottom: 5px}
.details_left .wc-sidecart-item-price{ margin: 5px 0!important; font-size: 14px; line-height: 14px}
.details_right{width: 60px;display: flex;flex-direction: column;align-items: flex-end;}
.details_right .button{ width: 25px; padding: 0!important; border: none; background: none!important; margin-bottom: 5px!important; cursor: pointer}
.details_right .button svg{ width: 25px; height: 25px}
.details_right .button svg path{ stroke:#038999}
.details_right .button:hover svg path{ stroke:#1d1d1b}
.details_right .button.edit_product  svg{ width: 22px; height: 22px}
.wc-sidecart-item-actions {display: flex;gap: 10px;margin-top: 10px;}
.wc-sidecart-item-variations { margin-top: 10px!important}
.wc-sidecart-item-variations li{ font-size: 12px; line-height: 12px; margin-bottom: 7px}
.wc-sidecart-item-actions .button {flex: 1;}
.product_subtotal{ width: 100%; display: flex; align-items: center;justify-content: space-between; margin-top: 5px}
.product_subtotal label{ margin-bottom: 0!important}
/* Footer del sidecart */
.wc-sidecart-footer {margin-top: 20px;padding: 10px 10px 15px 10px;border-top: 1px solid #eee; width: 100%}

.wc-sidecart-total {display: flex;justify-content: space-between; margin-bottom: 15px; font-size: 1.2em;}
.wc-sidecart-total strong{ font-weight: 500!important;  text-transform: uppercase; font-size: 16px}
.wc-sidecart-footer ul{ width: 100%;}
.wc-sidecart-footer ul li:first-child{ margin-bottom: 10px }
.wc-sidecart-footer ul li a{ background: #038999; display: block;width: calc(100%); padding: 10px; text-align: center; color: #fff; border-radius: 10px!important; letter-spacing: 3px; padding: 15px 0!important}
.wc-sidecart-footer ul li a:hover{ background: #1d1d1b; color: #fff!important}
.wc-sidecart-footer ul li a.checkout{ background: #038999; color: #fff!important}
.wc-sidecart-footer ul li a.checkout:hover{ background: #1d1d1b!important; color: #fff!important}

/* Estilos para el modal de edición */
.wc-sidecart-modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 9998;opacity: 0;visibility: hidden;transition: all 0.3s ease;}

.wc-sidecart-modal {position: fixed;top: 0%;right: -100%;background: #fff;width: 90%;max-width: 380px; height: 100%;overflow-y: auto;z-index: 9999;opacity: 0;visibility: hidden;transition: all 0.3s ease;padding: 20px; border-radius: 0}

.wc-sidecart-modal.active {opacity: 1;visibility: visible; right: 410px}

.wc-sidecart-modal-overlay.active {    opacity: 1; visibility: visible;}

.wc-sidecart-modal-header {  display: flex;justify-content: space-between;   align-items: center;padding-bottom: 15px;
    border-bottom: 1px solid #eee;}

.wc-sidecart-modal-header h3 {margin: 0;font-size: 1.2em;}

.modal-close {background: none; width: 24px; height: 24px; border: none;;cursor: pointer;}
.modal-close svg{ width: 24px; height: 24px}

.wc-sidecart-edit-form{ }
.wc-sidecart-edit-form .product_image_container{ overflow: hidden; border-radius: 0px}
.wc-sidecart-edit-form .product_image_container .img_fluid{ width: 100%; max-width: 100%}
.wc-sidecart-edit-form .info_container{}
.wc-sidecart-edit-form .info_container h3{  font-size: 15px}
.form-actions .btn_at{}
.form-actions .btn_at:hover{ background: #1d1d1b!important; color: #fff!important}
.variation-field {margin-bottom: 10px;display: flex;align-items: center;}
.variation-field .atributo_title {width: 100px;color: #1d1d1b;}
.variation-options {display: flex;flex-wrap: wrap;}
.variation-option {    position: relative;}
.variation-option input[type="radio"] {display: none;}

.variation-option span {display: inline-block;vertical-align: middle;border: 1px solid #797979;text-align: center;padding: 3px 10px;border-radius: 0px;margin-right: 5px;color: #1d1d1b;line-height: 13px !important;font-size: 14px !important;margin-bottom: 2px;font-weight: 400;
    cursor: pointer;}

.variation-option input[type="radio"]:checked + span, .variation-option span:hover {border-color: #1d1d1b!important; background: #1d1d1b!important; color: #fff!important }



/* Controles de cantidad */
.quantity-row {margin: 20px 0;}

.quantity-row label {display: block;margin-bottom: 8px;font-weight: bold;}

/* Botones de acciones */
.actions-row {display: flex;gap: 10px;    margin-top: 25px;}

.actions-row .button {    flex: 1;}

/* Variaciones */
.variation-row {    margin-bottom: 15px;}

.variation-row label {    display: block;    font-weight: bold;    margin-bottom: 5px;}

.variation-row p {    margin: 0;    padding: 8px 12px;    background: #f5f5f5;    border-radius: 4px;}

/* Estado de carga */
.wc-sidecart-item{position: relative}
.wc-sidecart-item.updating:after {content: "";display: block;width: 16px;height: 16px;border: 2px solid #1d1d1b;border-radius: 50%;    border-top-color: transparent;animation: spin 1s linear infinite;margin-left: 10px;vertical-align: middle; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto}


/* Estado de carga del botón */
.ajax_add_to_cart.loading {position: relative;}

.ajax_add_to_cart.loading:after {content: "";display: block;width: 16px;height: 16px;border: 2px solid #1d1d1b;border-radius: 50%;    border-top-color: transparent;animation: spin 1s linear infinite;margin-left: 10px;vertical-align: middle; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto}

@keyframes spin {    to { transform: rotate(360deg); } }

/* Notificaciones */
.woocommerce-message, .woocommerce-error {    padding: 15px;    margin-bottom: 20px;    border-left: 4px solid;}

.woocommerce-message {    background-color: #f5f5f5;    border-left-color: #4CAF50;}

.woocommerce-error {    background-color: #fdf0f0;    border-left-color: #f44336;}

.cont_action{ display: flex; align-items: center; justify-content: space-between; margin-top: 20px}
.cont_action .btn_at{ width: 100%; background-color: #038999!important; border-radius: 10px!important;height: 45px;color: #fff !important;
    font-weight: 400 !important;letter-spacing: 2px;}
.cont_action .btn_at:hover{ background-color: #1d1d1b!important }
.cont_action .form-actions{ width: calc(100% - 145px)}
.info_container{ }
.info_container label{ margin-right: 10px }
.info_container select{border: 1px solid rgba(3, 137, 153, 0.35) !important; padding: 10px}


/* Responsive */
@media (max-width: 768px) {
    .wc-sidecart-overlay{z-index: 90}
    .wc-sidecart {max-width: 100%; z-index: 9991;}
    .details_right .button.edit_product { display: none!important}
}