/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Contenedor superior */
.rb-minicart-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px 8px;
}
.rb-minicart-head h3{ margin:0; font-size:22px; font-weight:700; }
.rb-minicart-close{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid #e5e7eb; border-radius:999px; padding:8px 14px;
  background:#fff; cursor:pointer; font-weight:600;
}

/* Fila de títulos */
.rb-minicart-cols--head{
  display:grid; grid-template-columns: 1.2fr .8fr .8fr .8fr;
  gap:16px; padding:10px 20px; border-bottom:1px solid #eee; font-weight:600;
}

/* Cada item como grid */
.widget_shopping_cart .cart_list > li.woocommerce-mini-cart-item{
  display:grid; grid-template-columns: 1.2fr .8fr .8fr .8fr;
  gap:16px; padding:18px 20px; align-items:center;
  border-bottom:1px solid #eee;
}

/* Reubicar elementos nativos dentro de las columnas */
.widget_shopping_cart .cart_list > li .remove{ grid-column: 4; justify-self:end; }
.widget_shopping_cart .cart_list > li a:not(.remove){ display:flex; align-items:center; gap:12px; }
.widget_shopping_cart .cart_list > li img{ width:56px; height:56px; object-fit:cover; border-radius:8px; }

/* Datos del producto (variaciones) como columna "Tallas" */
.widget_shopping_cart .cart_list > li .variation,
.widget_shopping_cart .cart_list > li .wc-item-meta{
  grid-column:2; margin:0; font-size:14px; color:#6b7280;
}

/* Nuestro bloque de cantidad + total */
.rb-minicart-row{ display:contents; } /* permite que hijos ocupen columnas del grid */
.rb-minicart-col.rb-col--qty{ grid-column:3; display:inline-flex; align-items:center; gap:10px; justify-self:start; }
.rb-qty-btn{
  width:34px; height:34px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; font-weight:700; line-height:1;
}
.rb-qty-input{
  width:54px; height:34px; text-align:center; border:1px solid #e5e7eb; border-radius:8px; background:#fff;
}
.rb-minicart-col.rb-col--total{ grid-column:4; justify-self:end; font-weight:700; }

/* Botón inferior */
.rb-minicart-go-cart{ padding:16px 20px 22px; margin:0; }
.rb-go-cart{
  display:inline-flex; padding:12px 18px; border-radius:999px; font-weight:700;
}

/* Responsive */
@media (max-width: 680px){
  .rb-minicart-cols--head{ display:none; }
  .widget_shopping_cart .cart_list > li.woocommerce-mini-cart-item{
    grid-template-columns: 1fr auto; grid-auto-rows:auto;
  }
  .widget_shopping_cart .cart_list > li .variation,
  .widget_shopping_cart .cart_list > li .wc-item-meta{ grid-column:1 / -1; }
  .rb-minicart-col.rb-col--qty{ grid-column:1; }
  .rb-minicart-col.rb-col--total{ grid-column:2; }
}




























/* Estado base oculto */
.shoptimizer-mini-cart-wrap {
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) scale(0.9);
	width: 100% !important;
	max-width: 50% !important;
	max-height: 60%;
	background: #fff;
	z-index: 102;
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	transition: all 0.35s ease;
}

/* Cuando se abre (usa la clase de Shoptimizer) */
.drawer-open .shoptimizer-mini-cart-wrap {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

/* Opcional: fondo oscuro al abrir */
.drawer-open::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 101;
}