/* ============================================================
   Depósito Configurador v3.1.6 — Estilos Blindados y Ajustados
   ============================================================ */

/* ── Contenedor principal de la ficha de producto ── */
#dc-accesorios-wrap.dc-accesorios-wrap {
    margin: 20px 0 8px !important;
    border: 1px solid #dde5d0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#dc-accesorios-wrap .dc-acc-header { padding: 14px 16px 12px !important; border-bottom: 1px solid #eee !important; }
#dc-accesorios-wrap .dc-acc-title { font-size: 14px !important; font-weight: 700 !important; color: #1a1a1a !important; margin: 0 !important; }
#dc-accesorios-wrap .dc-acc-subtitle { font-size: 12px !important; color: #999 !important; margin: 0 !important; }

#dc-accesorios-wrap .dc-group-header {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 10px 16px !important; background: #f7f9f4 !important; cursor: pointer !important;
    border-top: 1px solid #eaefe3 !important;
}
#dc-accesorios-wrap .dc-group-label-text { font-size: 11px !important; font-weight: 700 !important; color: #7a9a50 !important; text-transform: uppercase !important; }
#dc-accesorios-wrap .dc-group-arrow { font-size: 9px !important; transition: transform .2s ease !important; }
#dc-accesorios-wrap .dc-group-arrow.dc-open { transform: rotate(90deg) !important; }

#dc-accesorios-wrap .dc-acc-row {
    display: grid !important;
    grid-template-columns: 36px 1fr auto auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding: 8px 16px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

#dc-accesorios-wrap .dc-acc-img {
    width: 36px !important; height: 36px !important; object-fit: contain !important;
    border-radius: 4px !important; background: #f7f9f4 !important; border: 1px solid #eaefe3 !important;
}

#dc-accesorios-wrap .dc-acc-name { font-size: 13px !important; color: #333 !important; }
#dc-accesorios-wrap .dc-acc-price { font-size: 12.5px !important; font-weight: 600 !important; color: #6b8c3e !important; }

#dc-acc-total-row.dc-acc-total-row {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    margin: 10px 0 !important; padding: 10px 14px !important; background: #f7f9f4 !important;
    border: 1px solid #dde5d0 !important; border-radius: 8px !important;
}

@media (max-width: 520px) {
    #dc-accesorios-wrap .dc-acc-row { grid-template-columns: 30px 1fr auto auto !important; column-gap: 8px !important; padding: 7px 12px !important; }
    #dc-accesorios-wrap .dc-acc-img { width: 30px !important; height: 30px !important; }
}

/* ============================================================
   BOTONES + Y - (BLINDAJE MÁXIMO CONTRA ELEMENTOR)
   ============================================================ */

body .woocommerce table.cart .dc-cart-direct-accs .dc-qty-wrap, 
body .woocommerce table.cart .quantity.dc-beautified,
body #dc-accesorios-wrap .dc-qty-wrap {
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: flex-start !important; 
    flex-wrap: nowrap !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
}

body .woocommerce table.cart .dc-cart-direct-accs button.dc-qty-btn,
body .woocommerce table.cart .quantity.dc-beautified button.dc-qty-btn,
body #dc-accesorios-wrap button.dc-qty-btn {
    width: 26px !important; 
    height: 26px !important; 
    min-width: 26px !important; 
    max-width: 26px !important;
    min-height: 26px !important; 
    max-height: 26px !important; 
    border: 1px solid #cdd9b8 !important;
    border-radius: 6px !important; 
    background-color: #f7f9f4 !important; 
    background-image: none !important;
    color: #5a7a32 !important; 
    font-size: 16px !important; 
    font-weight: 500 !important;
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    padding: 0 !important; 
    margin: 0 !important; 
    box-shadow: none !important; 
    line-height: 1 !important;
    cursor: pointer !important; 
    text-transform: none !important;
    font-family: inherit !important;
}

body .woocommerce table.cart .dc-cart-direct-accs button.dc-qty-btn.dc-qty-plus,
body .woocommerce table.cart .quantity.dc-beautified button.dc-qty-btn.dc-qty-plus,
body #dc-accesorios-wrap button.dc-qty-btn.dc-qty-plus {
    background-color: #6b8c3e !important; 
    border-color: #6b8c3e !important; 
    color: #ffffff !important;
}

body .woocommerce table.cart .dc-cart-direct-accs button.dc-qty-btn:hover,
body .woocommerce table.cart .quantity.dc-beautified button.dc-qty-btn:hover,
body #dc-accesorios-wrap button.dc-qty-btn:hover {
    background-color: #e8f0d8 !important;
    border-color: #a8c070 !important;
    color: #3a5a20 !important;
}

body .woocommerce table.cart .dc-cart-direct-accs button.dc-qty-btn.dc-qty-plus:hover,
body .woocommerce table.cart .quantity.dc-beautified button.dc-qty-btn.dc-qty-plus:hover,
body #dc-accesorios-wrap button.dc-qty-btn.dc-qty-plus:hover {
    background-color: #577332 !important;
    border-color: #577332 !important;
}

body .woocommerce table.cart .dc-cart-direct-accs input.dc-qty-input,
body .woocommerce table.cart .quantity.dc-beautified input.qty,
body #dc-accesorios-wrap input.dc-qty-input {
    width: 36px !important; 
    min-width: 36px !important; 
    max-width: 36px !important;
    height: 26px !important; 
    min-height: 26px !important; 
    max-height: 26px !important;
    text-align: center !important; 
    border: 1px solid #cdd9b8 !important; 
    border-radius: 5px !important;
    background-color: #ffffff !important; 
    color: #333333 !important; 
    font-size: 13px !important;
    font-weight: 500 !important; 
    margin: 0 4px !important; 
    padding: 0 !important; 
    box-shadow: none !important;
    -moz-appearance: textfield !important;
}

body .woocommerce table.cart .dc-cart-direct-accs input.dc-qty-input::-webkit-outer-spin-button,
body .woocommerce table.cart .dc-cart-direct-accs input.dc-qty-input::-webkit-inner-spin-button,
body .woocommerce table.cart .quantity.dc-beautified input.qty::-webkit-outer-spin-button,
body .woocommerce table.cart .quantity.dc-beautified input.qty::-webkit-inner-spin-button,
body #dc-accesorios-wrap input.dc-qty-input::-webkit-outer-spin-button,
body #dc-accesorios-wrap input.dc-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    display: none !important;
}

/* ==========================================================================
   ESTILOS DEL POP-UP LATERAL (Compactación y Colores)
   ========================================================================== */

.widget_shopping_cart_content ul.cart_list li,
.woocommerce-mini-cart ul.cart_list li,
.elementor-menu-cart__main ul.cart_list li {
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    min-height: auto !important;
    display: block !important; 
}

.widget_shopping_cart_content dl.variation,
.woocommerce-mini-cart dl.variation,
.elementor-menu-cart__main dl.variation {
    display: block !important;
    margin: 5px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.widget_shopping_cart_content dl.variation br,
.woocommerce-mini-cart dl.variation br,
.elementor-menu-cart__main dl.variation br {
    display: none !important;
}

.widget_shopping_cart_content dl.variation dt,
.woocommerce-mini-cart dl.variation dt,
.elementor-menu-cart__main dl.variation dt {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 600 !important;
    font-size: 12px !important; /* Título un poco más pequeño */
    clear: both !important;
}

.widget_shopping_cart_content dl.variation dd,
.woocommerce-mini-cart dl.variation dd,
.elementor-menu-cart__main dl.variation dd {
    display: inline-block !important;
    margin: 0 0 4px 5px !important;
    padding: 0 !important;
    font-size: 12px !important; /* Texto un poco más pequeño */
}

.widget_shopping_cart_content dl.variation dd p,
.woocommerce-mini-cart dl.variation dd p,
.elementor-menu-cart__main dl.variation dd p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.widget_shopping_cart_content .buttons a.button,
.woocommerce-mini-cart__buttons a.button.wc-forward,
.woocommerce-mini-cart__buttons a.button.checkout,
.elementor-menu-cart__footer-buttons .elementor-button,
.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__buttons a.button {
    background-color: #3f7d9d !important;
    background-image: none !important; 
    color: #ffffff !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important; 
}

.widget_shopping_cart_content .buttons a.button:hover,
.woocommerce-mini-cart__buttons a.button.wc-forward:hover,
.woocommerce-mini-cart__buttons a.button.checkout:hover,
.elementor-menu-cart__footer-buttons .elementor-button:hover,
.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__buttons a.button:hover {
    background-color: #7ab352 !important; 
    background-image: none !important;
    color: #ffffff !important;
}

/* Títulos de productos (Depósitos) en la derecha */
.widget_shopping_cart_content ul.cart_list li a:not(.remove),
.woocommerce-mini-cart ul.cart_list li a:not(.remove),
.elementor-menu-cart__main .elementor-menu-cart__product-name,
.elementor-menu-cart__main .elementor-menu-cart__product-name a,
.elementor-menu-cart__product-name a {
    color: #111111 !important; 
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 13px !important; /* Más pequeño según pedido */
}

.widget_shopping_cart_content ul.cart_list li a:not(.remove):hover,
.woocommerce-mini-cart ul.cart_list li a:not(.remove):hover,
.elementor-menu-cart__main .elementor-menu-cart__product-name:hover,
.elementor-menu-cart__main .elementor-menu-cart__product-name a:hover,
.elementor-menu-cart__product-name a:hover {
    color: #111111 !important; 
    text-decoration: none !important;
}

.widget_shopping_cart_content ul.cart_list li img,
.woocommerce-mini-cart ul.cart_list li img,
.elementor-menu-cart__main ul.cart_list li img,
.elementor-menu-cart__product-image img {
    object-fit: contain !important; 
    width: 100% !important;
    max-width: 60px !important; /* Un poco más pequeño */
    height: auto !important;
    box-shadow: none !important;
    border-radius: 4px !important; 
    background-color: transparent !important;
}

/* ============================================================
   CENTRAR LAS PÁGINAS PRINCIPALES Y AJUSTE BOTÓN CHECKOUT
   ============================================================ */
body.woocommerce-cart .woocommerce, body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .woocommerce, body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout, body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page {
    max-width: 1140px !important; margin: 0 auto !important; padding: 20px 15px !important; width: 100% !important; box-sizing: border-box !important; 
}

.woocommerce-cart .wc-proceed-to-checkout { text-align: center !important; padding: 10px 0 20px !important; }

/* Botón Realizar Pedido: Quitar borde rojo */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-menu-cart__footer-buttons .elementor-button.elementor-button--checkout {
    background-color: #328ba8 !important; 
    color: #ffffff !important; 
    border-radius: 50px !important; 
    padding: 12px 36px !important;
    font-size: 16px !important; 
    font-weight: 600 !important; 
    text-transform: none !important; 
    transition: all 0.3s ease !important;
    box-shadow: none !important; 
    border: none !important; /* QUITAR CUALQUIER BORDE */
    outline: none !important;
    display: inline-flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    width: auto !important; 
    margin: 0 auto !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { 
    background-color: #87A33e !important; 
    color: #ffffff !important; 
    border: none !important;
}
/* Ajustar el título del producto en el resumen del checkout por bloques */
.wc-block-components-order-summary-item .wc-block-components-product-name {
    font-size: 13px !important; /* Ajústalo al tamaño que necesites */
    color: #111111 !important;
    font-weight: 600 !important;
}

.wc-block-components-checkout-place-order-button { border: none !important;}
.wc-block-components-totals-coupon__button{border: none !important;}


@media (min-width: 1025px) {
  /* 1. Preparamos las imágenes para que el movimiento sea fluido */
  #dc-accesorios-wrap img {
    transition: transform 0.2s ease !important;
  }

  /* 2. Aplicamos el aumento de tamaño al pasar el ratón */
  #dc-accesorios-wrap img:hover {
    transform: scale(2) !important; /* Puedes ajustar este 1.2 si lo quieres más o menos grande */
  }
}