/* ===== Carrito 2025 (solo en modo beta) ===== */

@font-face {
  font-family: 'brockmannregular';
  src: url('/wp-content/themes/biagiotti-child/fonts/brockmann/brockmann-regular-webfont.woff2') format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'brockmannsemibold';
  src: url('/wp-content/themes/biagiotti-child/fonts/brockmann/brockmann-semibold-webfont.woff2') format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'brockmannbold';
  src: url('/wp-content/themes/biagiotti-child/fonts/brockmann/brockmann-bold-webfont.woff2') format('woff2');
  font-style: normal;
}
:root {
  --title-1: 40px;
  --title-2: 26px;
  --subtitle: 20px;
  --body: 16px;
  --cta: 15px;

  --font-family-1: 'brockmannregular';
  --color-principal: #AAA5FF;
  --color-secundario: #DAFFB6;

}
.mkdf-woocommerce-page table.cart thead tr{
    border-bottom: 0px !important;
}
section.cart-2025-cross-sells.slide1, section.cart-2025-cross-sells.slide2{
  margin-top: 12rem !important;
}
.cart-restyling-2025.woocommerce-cart {

    
    /* Titular principal */
    .entry-title{
        font-family:'brockmannsemibold',sans-serif!important;
        font-size:var(--title-1)!important;
        text-align:center; margin:12px 0 6px; color:#000;
    }

    .woocommerce-notices-wrapper,
    .woocommerce-cart-form .shop_table + p{
        text-align:center; 
        font-size: var(--subtitle); 
        color:#3C3C3C;
    }
    .woocommerce-cart-form .shop_table + p a{ color:#AAA5FF; text-decoration:none; }

    .shop_table{ border:0!important; }
    .shop_table thead th{
        font-family:'brockmannbold',sans-serif!important;
        font-size:var(--subtitle)!important; 
        text-transform:uppercase;
        color:#000; 
        border-bottom:0px; 
        padding-bottom:14px;
    }
    .shop_table tbody tr{ border-bottom:1px solid #EEE; }
    .shop_table tbody td{
        border:0!important; 
        padding:10px 10px!important; 
        vertical-align:middle;
        color:#3C3C3C; font-size:var(--body);
    }
    .mkdf-container-inner.clearfix{
        width: 1280px;
    }
    .product-thumbnail img{ max-width:56px; height:auto; }
    .product-name a{ color:#3C3C3C; text-decoration:none; }
    .product-price,.product-subtotal{ font-weight:600; }

    .quantity .qty{
        width:48px;
        height:36px;
        border:1px solid #DDD;
        border-radius:20px;
        text-align:center;
        outline:none;
    }
    .quantity .minus,.quantity .plus{
        width:36px;
        height:36px;
        line-height:36px;
        border:1px solid #DDD;
        border-radius:50%;
        background:#FFF;
        cursor:pointer;
    }
    .cart_totals{ 
        margin-top:24px;
        padding-top:14px; 
    }
    .cart_totals h2{
        font-family: 'brockmannsemibold' !important;
        font-size: var(--title-2) !important;
        font-weight: 600 !important;
    }
    .cart_totals table{
        border:0!important; 
    }
    .cart_totals th, .cart_totals td{ 
        border:0!important;
        font-size:var(--bod);
        align-content: center;
        font-weight: 600 !important;
    }
    tr.order-total * {
        font-size: 16px !important;
        align-content: center;
        font-weight: 600 !important;
    }
    .cart_totals th{
        align-content: center;
    }
    .order-total th,.order-total td{ font-weight:700; }

    .wc-proceed-to-checkout{ 
        text-align:center; 
        display: flex;
        gap: 78px;
        margin: 55px 0 10px;
        justify-content: center;
    }
    .wc-proceed-to-checkout .checkout-button,
    .actions .button,
    a.button.checkout{
        position:relative;
        display:inline-block;
        padding: 10px 30px;
        color:#fff!important;
        text-decoration:none;
        background:transparent!important;
        border:none!important;
        z-index:1;
        font-family:'brockmannsemibold',sans-serif!important;
        font-size: 13px !important;
        align-content: center;
    }
    .wc-proceed-to-checkout .checkout-button::before,
    .wc-proceed-to-checkout .checkout-button::after,
    .actions .button::before,
    .actions .button::after{
        content:'';position:absolute;inset:0;transform:skew(-20deg);transition:background-color .3s ease;
    }
    .wc-proceed-to-checkout .checkout-button::after,
    .actions .button::after{ background:#DAFFB6; top:10px; left:-15px; z-index:-2; }
    .wc-proceed-to-checkout .checkout-button::before,
    .actions .button::before{ background:#AAA5FF; z-index:-1; }
    .wc-proceed-to-checkout .checkout-button:hover::before,
    .actions .button:hover::before{ background:#DAFFB6; }
    .wc-proceed-to-checkout .checkout-button:hover::after,
    .actions .button:hover::after{ background:#AAA5FF; }
    .wc-proceed-to-checkout .checkout-button:hover,
    .actions .button:hover{ color:#000!important; }

    .cross-sells > h2{
        font-family:'brockmannbold',sans-serif!important;
        font-size:var(--title-2)!important;
        text-transform:uppercase;
        color:#AAA5FF;
        margin:30px 0 10px;
    }
    .cross-sells ul.products li.product{ text-align:center; }
    .cross-sells .price{ font-weight:700; }
    .cross-sells .button{ margin-top:8px; }

    .woocommerce-message {
        border: 0px solid !important;
    }

    .shop_table tbody tr {
        border: 1px solid #AAA5FF !important;
        border-left: 0px !important;
        border-right: 0px !important;
    }
  
    .product-thumbnail img{
        max-width: 130px !important; 
    }
    div.woocommerce .mkdf-quantity-buttons .mkdf-quantity-plus, div.woocommerce .mkdf-quantity-buttons .mkdf-quantity-minus{
        border-radius: 40px;
    }
    div.woocommerce .mkdf-quantity-buttons .mkdf-quantity-input {
        border: 0px !important;
    }
    .mkdf-woocommerce-page table.cart thead tr {
        border: 0;
        border-bottom: 0px !important;
    }
    table *, .listas-montserrat li *{
      font-size: 19px !;
    }
    .cart_totals .shop_table tbody td{
        text-align: end !important;
    }
    .mkdf-woocommerce-page .cart-collaterals{
        display: inline-block !important;
    }
    body.woocommerce-cart .cart-collaterals {
        display: block !important;
    }
    .cart-2025-title{
        font-family:'brockmannbold',sans-serif!important;
        font-size:var(--title-2)!important;
        text-transform:uppercase;
        color:#000;
        margin:50px 0 14px;
    }
    .cart-2025-title .c-principal{
        color: var(--color-principal) !important;
    }
    .wc-proceed-to-checkout a.btn-continue-shopping {
        background-color: transparent !important;
        border-color: #737373 !important;
        color: black !important;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 30px;
    }
    .wc-proceed-to-checkout a.btn-continue-shopping:hover{
        color: var(--color-principal) !important;
    }


    /* === Arreglo de alineación de flechas en los sliders del carrito === */
 .cart-2025-cross-sells .slick-prev,
 .cart-2025-cross-sells .slick-next {
  top: 50% !important;             /* Centra verticalmente */
  transform: translateY(-50%) !important;
  z-index: 10;
  background: none !important;     /* Quita fondo si lo tuviera */
  border: none !important;
}

 .cart-2025-cross-sells .slick-prev {
  left: -35px !important;          /* Ajusta separación izquierda */
}

 .cart-2025-cross-sells .slick-next {
  right: -35px !important;         /* Ajusta separación derecha */
}

/* Opcional: color y tamaño de las flechas */
 .cart-2025-cross-sells .slick-prev::before,
 .cart-2025-cross-sells .slick-next::before {
  color: #AAA5FF !important;       /* Lila corporativo */
  font-size: 26px !important;
  opacity: 0.85;
  transition: opacity 0.3s ease;
}
.slider a.button{
    display: inline-block;
    padding: 5px 30px !important;
    background-color: var(--color-principal);
    color: white !important;
    font-family: 'brockmannsemibold';
    font-size: 14px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    transition: background-color 0.3s ease;
    border: 0px !important;
}
.slider a.button:hover{
  background-color: #daffb6 !important;
  color: black !important;
}

 .cart-2025-cross-sells .slick-prev:hover::before,
 .cart-2025-cross-sells .slick-next:hover::before {
  opacity: 1;
}
.woocommerce-page .mkdf-content a.button.added, div.woocommerce a.button.added{
  display: block !important;
}
.woocommerce-shipping-methods li::marker {
  content: none;
}
table th{
  padding: 13px 7px;
}
    @media (max-width:768px){

        .shop_table thead{ 
            display:none; 
        }
        .shop_table tr,.shop_table td{ 
            display:block;
            width:100%; 
        }
        .product-thumbnail{ 
            float:left;
            margin-right:10px; 
        }
        .wc-proceed-to-checkout{ 
            text-align:center;
        }
        .cart_totals h2::before{ 
            height:24px; 
            top:0.45em; 
        }
        form.cart {
        display: flex;
        flex-direction: column;
        }
        .shop_table thead th{
            font-size: var(--body) !important;
        }
        .product-name a{
            font-size: var(--body) !important;
        }
        .cart_item *{
            font-size: var(--body) !important;
        }
        .cart_totals .shop_table_responsive tr {
            display: flex !important;
            justify-content: space-between;
        }
        .cart_totals .shop_table tbody td * {
            font-size: var(--cta) !important;
        }
        .order-total *{
            font-size: var(--cta) !important;
        }
        body.woocommerce-cart .mkdf-content .woocommerce-cart-form .mkdf-quantity-buttons .mkdf-quantity-minus, body.woocommerce-cart .mkdf-content .woocommerce-cart-form .mkdf-quantity-buttons .mkdf-quantity-plus {
            display: block !important;
        }
        .shop_table tbody tr{
            border: 0px !important;
        }
        body.woocommerce-cart td.actions{
            display: none !important;
        }
        .mkdf-woocommerce-page table.cart tr.cart_item td.product-remove a{
            font-size: 22px !important;
        }
        .woocommerce-cart-form .actions{
            display: none !important;
        }
        .wc-proceed-to-checkout{
            display: flex;
            flex-direction: column;
            gap: 10px !important;
            align-items: center !important;
        }
        body .cart-2025-title {
            font-size: 20px !important;
        }
        .wc-proceed-to-checkout a.btn-continue-shopping{
            font-size: 12px !important;
            width: fit-content !important;
        }
        .cart-2025-totals .wc-proceed-to-checkout a.checkout-button{
            padding: 6px 10px !important;
            font-size: 12px !important;
            width: fit-content !important;
        }
        tr.order-total *{
            font-size: 15px !important;
        }
        .mkdf-woocommerce-page .cart_totals{
           margin-top: 0px !important; 
        }
        .cart-2025-title{
            font-size: 18px !important;
        }
        html .mkdf-woocommerce-page table.cart tr.cart_item td.product-remove a:after {
            content: none !important;
            display: none !important;
        }


        
    }



  /* Línea separadora lila más visible */
  .shop_table tbody tr {
    border-color: var(--color-principal) !important;
  }

  /* Título de secciones estilo mock */
  .cart-2025-title {
    font-family:'brockmannbold',sans-serif!important;
    font-size: var(--title-2)!important;
    text-transform: uppercase;
    color:#000;
    margin: 100px 0 20px !important;
  }

  /* Flechas del slider discreto oscuro */
  .productos-unicos .swiper-button-next,
  .productos-unicos .swiper-button-prev{
    color:#3C3C3C;
  }
  .swiper-horizontal{
    position: relative !important;
    width: 80% !important;
  }
  .swiper-button-next, .swiper-button-prev{
    top: 50% !important;
  }
  h3.envio-direccion{
    display: none !important;
  }

  .slider{
    display: flex !important;
    justify-content: center !important;
  }
  .qty-wrapper{
    justify-content: center !important;
    padding: 10px 0px !important;
  }
  input.qty{
    border: 0px !important;
  }
  input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Quitar flechas del input number (Firefox) */
input[type=number] {
  -moz-appearance: textfield;
}
.slider  a.button {
    border-radius: 20px !important;
    padding: 5px 30px !important;
    background: var(--color-principal) !important;
}


  /* ===== Estilo moderno tipo tarjeta para carrito ===== */
@media (max-width: 768px) {

  /* Elimina estilos de tabla en móvil */
  .woocommerce-cart-form .shop_table {
    border: none;
    display: block;
  }

  .woocommerce-cart-form .cart_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
  }

  /* Miniatura del producto */
  .woocommerce-cart-form .product-thumbnail {
    flex: 0 0 80px;
  }
  .woocommerce-cart-form .product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
  }

  /* Contenido */
  .woocommerce-cart-form .product-name {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 6px;
  }

  .woocommerce-cart-form .product-price {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
  }

  /* Contenedor de cantidad y eliminar */
  .woocommerce-cart-form .product-quantity {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* Botones +/- circulares */
  .woocommerce-cart-form .quantity .minus,
  .woocommerce-cart-form .quantity .plus {
    width: 32px;
    height: 32px;
    border: 1px solid #AAA5FF;
    border-radius: 50%;
    background: transparent;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 0;
  }

  .woocommerce-cart-form .quantity .qty {
    width: 40px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 600;
  }

  .woocommerce-cart-form .product-remove {
    top: 8px;
    right: 10px;
  }
  .woocommerce-cart-form a.remove {
    color: #000;
    font-size: 20px;
    text-decoration: none;
  }

  .woocommerce-cart-form .product-subtotal {
    display: none;
  }

  /* Totales */
  .cart-2025-totals {
    border-top: 1px solid #E5E5E5;
    margin-top: 10px;
    padding-top: 10px;
  }
  .cart-2025-totals .shop_table {
    border: none;
  }

  /* Texto de "Total" */
  .cart-2025-totals td, 
  .cart-2025-totals th {
    border: none;
    font-size: 15px;
  }

  /* Envío gratis / aviso */
  .woocommerce-cart-notice,
  .cart_totals p {
    font-size: 14px;
    color: #aaa;
  }
  
}

/* ===== Ajustes visuales globales ===== */
.woocommerce-cart-form .product-remove a:hover {
  color: #AAA5FF;
}
.woocommerce-cart-form .quantity .plus:hover,
.woocommerce-cart-form .quantity .minus:hover {
  background: #AAA5FF;
  color: #fff;
  border-color: #AAA5FF;
}
.product-thumbnail, .product-thumbnail *{
    display: inline-block !important;
}

/* ===== Carrito: estilo "imagen 2" en móvil ===== */
@media (max-width: 768px) {
  /* Quitamos aspecto de tabla y separadores morados */
  .woocommerce-cart-form .shop_table { border: 0; display: block; }
  .woocommerce-cart-form .shop_table tbody, 
  .woocommerce-cart-form .shop_table tr,
  .woocommerce-cart-form .shop_table td { display: block; border: 0; }
  .woocommerce-cart-form .shop_table thead { display: none; }

  /* Cada producto como fila-grid con 3 columnas:
     [miniatura] [texto] [cantidad] */
  .woocommerce-cart-form tr.cart_item {
    display: grid;
    grid-template-columns: 88px 1fr auto;
    grid-template-areas:
      "thumb name qty"
      "thumb price qty"
      "thumb remove qty";
    gap: 8px 14px;
    padding: 16px 0;
    border-bottom: 1px solid #DDD2FF; /* línea fina como en la imagen 2 */
  }

  /* Ubicaciones (grid-areas) */
  .woocommerce-cart-form td.product-thumbnail { grid-area: thumb; align-self: start; }
  .woocommerce-cart-form td.product-name      { grid-area: name;  align-self: end; }
  .woocommerce-cart-form td.product-price     { grid-area: price; align-self: start; }
  .woocommerce-cart-form td.product-remove    { grid-area: remove; align-self: center; }
  .woocommerce-cart-form td.product-quantity  { grid-area: qty;   align-self: center; justify-self: end; }

  /* Ocultamos subtotal por línea (en la imagen 2 no aparece) */
  .woocommerce-cart-form td.product-subtotal { display: none !important; }

  /* Miniatura */
  .woocommerce-cart-form td.product-thumbnail img {
    width: 88px; height: 88px; object-fit: cover; border-radius: 10px;
  }

  /* Nombre y precio como en la maqueta */
  .woocommerce-cart-form td.product-name {
    margin: 0; font-size: 15px; font-weight: 600; color: #111;
  }
  .woocommerce-cart-form td.product-price {
    font-size: 14px; font-weight: 600; color: #111; opacity: .9;
  }

  /* Botón eliminar "X" debajo del precio, alineado a la izquierda */
  .woocommerce-cart-form td.product-remove { padding-top: 8px; }
  .woocommerce-cart-form a.remove {
    display: inline-block;
    font-size: 22px; line-height: 1; text-decoration: none;
    color: #000; transform: translateY(2px);
  }
  .woocommerce-cart-form a.remove:hover { color: #AAA5FF; }

  /* Controles de cantidad redondos (±, 1, +) */
  .woocommerce-cart-form td.product-quantity { min-width: 130px; }
  .woocommerce-cart-form .quantity {
    display: inline-flex; align-items: center; gap: 10px;
  }

  /* Botones ± — funcionarán si tu tema ya añade plus/minus.
     (cubre .plus/.minus o button genérico) */
  .woocommerce-cart-form .quantity .minus,
  .woocommerce-cart-form .quantity .plus,
  .woocommerce-cart-form .quantity button {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #AAA5FF; background: transparent;
    font-size: 18px; line-height: 34px; text-align: center; padding: 0;
  }

  /* Valor de la cantidad */
  .woocommerce-cart-form .quantity .qty {
    width: 32px; text-align: center; border: 0; background: transparent;
    font-weight: 600; font-size: 16px; padding: 0;
  }

  /* Separación general */
  .woocommerce-cart-form .actions { padding-top: 10px; }
}

/* Botón de checkout full-width en móvil (opcional, como en la maqueta) */
@media (max-width: 768px) {
  .cart-2025-totals .wc-proceed-to-checkout a.checkout-button {
    width: 100%; border-radius: 12px; padding: 14px 16px;
  }
}

}