/*
Theme Name: Storefront Child
Theme URI: https://lainesita.online/
Description: Tema hijo de Storefront para personalizaciones
Author: Tu Nombre
Author URI: https://lainesita.online/
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

/* Tus estilos CSS personalizados van acá abajo */
span.sku_wrapper {
//	display:none!important;
}

/*borrar*/
#variable_product_options_inner div.variations-toolbar {
//	display:none!important;
}

#_wcv_product_tag.wcv-select-container{
// display:none!important!;
}

#_wcv_product_type.wcv-select-container, #_wcv_product_tag.wcv-select-container{
//  display:none!important!;
}


/* mostrar usuario y contraseña uno debajo del otro */
form.login p.form-row {
	display:block;
	width:100%;
}

form.login p.form-row input[type="text"], form.login p.form-row input[type="password"] {
	width:100%;
	/*max-width:400px;  /*opcional para que no se estire demasiado*/
	display:block;
}

/* FIN mostrar usuario y contraseña uno debajo del otro */

#solo-registro .woocommerce form.login {
	/*display: none !important;*/
}

#solo-registro .woocommerce .u-columns .u-column1 {
	display:none !important;
}

#solo-registro .woocommerce .u-columns .u-column2 {
	
	width:100% !important;
}

/* font awesome para menu secundario */
/*.secondary-navigation ul li a::before {
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 7 Free";
  font-weight: 900  !important;
  margin-right: 6px;
  color: inherit;
  line-height: 1; /* evita que quede raro alineado 
}*/
/* icono para boton crear tienda */
/*.menu-crear-tienda ::before {
  content: "\f007" !important; 
}*/

.secondary-navigation ul li a::before {
  /*font-family: "Font Awesome 5 Free";*/
  content:"";
  display:inline-block;
  width:25px !important;
  height:25px !important;
  margin-right: 10px;
}

.menu-crear-tienda ::before {
  background-image: url('https://lainesita.online/wp-content/uploads/2025/09/shop-window-svgrepo-com.svg');
  background-repeat: no-repeat; 
  background-position: center;
  background-size: 25px 25px;
  vertical-align:middle;
  /*transition: filter 0.3s ease;*/	
  /*content:"\f07a" !important;*/
}

.menu-entrar ::before {
  background-image: url('https://lainesita.online/wp-content/uploads/2025/09/login-svgrepo-com.svg');
  background-repeat: no-repeat; 
  background-position: center;
  background-size: 25px 25px;
  vertical-align:middle;
  /*transition: filter 0.3s ease;*/	
  /*content:"\f07a" !important;*/
}

/*   inicio paleta de colores */

/* =======================
   PALETA 1: Pastel Cálido
======================= */
/*:root {
  --color-bg: #fffaf5;
  --color-primary: #f28482;
  --color-secondary: #84a59d;
  --color-accent: #f6bd60;
  --color-text: #2d2d2d;
  --color-light: #ffffff;
}*/

/* =======================
   PALETA 2: Verde Botánico
======================= */

/*:root {
  --color-bg: #f7fff7;
  --color-primary: #40916c;
  --color-secondary: #1b4332;
  --color-accent: #95d5b2;
  --color-text: #2d2d2d;
  --color-light: #ffffff;
}*/


/* =======================
   PALETA 3: Azul Suave
======================= */
/*
:root {
  --color-bg: #f5f9ff;
  --color-primary: #3a86ff;
  --color-secondary: #264653;
  --color-accent: #90e0ef;
  --color-text: #2d2d2d;
  --color-light: #ffffff;
}
*/

/* =======================
   PALETA 4: Tierra Neutra
======================= */

/*:root {
  --color-bg: #fdfcfb;
  --color-primary: #bc6c25;
  --color-secondary: #283618;
  --color-accent: #dda15e;
  --color-text: #2d2d2d;
  --color-light: #ffffff;
}*/

/* =======================
   PALETA Verde Botánico mio
======================= */

:root {
  --color-bg: #f7fff7;
  --color-primary: #40916c;
  --color-menu: #222;	
  --color-secondary: #1b4332;
  --color-accent: #95d5b2;
  --color-text: #2d2d2d;
  --color-light: #ffffff;
}

/* =======================
   ESTILOS GENERALES para paleta de colores
======================= */

/* Header y navegación */
.site-header {
  //background: var(--color-primary);
}
.site-header a {
  color: var(--color-primary) !important;
}
.site-header a:hover {
  color: var(--color-accent) !important;
}
.secondary-navigation ul li a, .main-navigation ul li a {
  color: var(--color-menu) !important;
}
.main-navigation ul li a:hover {
  color: var(--color-menu);
}

/* Botones (Woo + WC Vendors) */
.button, button, input[type="submit"], .added_to_cart {
  background: var(--color-primary);
  color: var(--color-light);
  border: none;
  border-radius: 4px;
}
.button:hover, button:hover, input[type="submit"]:hover, .added_to_cart:hover {
  background: var(--color-secondary);
  color: var(--color-light);
}

/* Productos */
.woocommerce ul.products li.product,
.wcvendors-pro-dashboard-wrapper .product {
  background: var(--color-bg);
  border: 1px solid var(--color-accent);
  border-radius: 6px;
  padding: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--color-primary);
  font-weight: bold;
}
.woocommerce ul.products li.product .price {
  color: var(--color-secondary);
}

/* WC Vendors Dashboard */
.wcv-button, .wcv-button:visited {
  background: var(--color-primary);
  color: var(--color-light);
}
.wcv-button:hover {
  background: var(--color-secondary);
}
.wcvendors-pro-dashboard-wrapper h2,
.wcvendors-pro-dashboard-wrapper h3 {
  color: var(--color-primary);
}
.wcvendors-pro-dashboard-wrapper a {
  color: var(--color-primary);
}
.wcvendors-pro-dashboard-wrapper a:hover {
  color: var(--color-secondary);
}


/*   fin paleta de colores */

/*
// Títulos y logo
.site-title a {
  color: #f28c28;
  font-weight: bold;
}


// enlaces carrito 
#site-header-cart a{
  color: #4a4a4a;
}

#site-header-cart a:hover{
  color: #f28c28;
}

.widget_shopping_cart_content{
	color: #4a4a4a;
}

// Menú principal
#menu-menu-superior a, #menu-menu-principal a {
  color: #4a4a4a;
}

#menu-menu-superior a:hover, #menu-menu-principal a:hover {
  color: #4a4a4a;
}

// Botón principal 
.button, .woocommerce button.button.alt {
  background-color: #4a4a4a;
  color: #fff;
  border-radius: 6px;
}
.button:hover, .woocommerce button.button.alt:hover {
  background-color: #ccc;
}

// Botón secundario 
.button.secondary {
  background-color: #f7a59b;
  color: #fff;
}
.button.secondary:hover {
  background-color: #e4867f;
}

// Fondo de cajas/productos 
.woocommerce ul.products li.product {
  background: #fff3e4;
  padding: 10px;
  border-radius: 8px;
}

// Íconos del menú 
.main-navigation .menu-item i {
  color: #758e67;
  margin-right: 5px;
}*/


/* botones de menu principal ovalados */

/* Estilo base ovalado */
.main-navigation ul li a {
  padding: 8px 18px;
  border-radius: 999px;
  transition: all 0.3s ease;
  //background: transparent;
  color: #333; /* color de texto base */
  text-decoration: none;
}

/* Hover con degradado */
.main-navigation ul li a:hover {
  /*background: linear-gradient(135deg, #ff7f50, #ff4500); /* coral → naranja */
  background-color: #ccc; 	
  color: var(--color-menu) !important; 
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* leve relieve */
}

.main-navigation ul li a:click {
  /*background: linear-gradient(135deg, #ff7f50, #ff4500); /* coral → naranja */
  background-color: #ccc; 	
  color: var(--color-menu) !important; 
  border-color:#fff !important;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* leve relieve */
}

/* Activo (página actual) con degradado */
.main-navigation ul li.current-menu-item > a {
  /*background: linear-gradient(135deg, #ff4500, #ff7f50);*/
  /*background-color: #ccc;*/
  /*color: #fff;*/
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.2);*/
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 8px 18px;
}


/*  menu secundario ovalado */
/* Estilo base ovalado */
.secondary-navigation ul li a {
  padding: 8px 18px;
  border-radius: 999px;
  transition: all 0.3s ease;
  //background: transparent;
  color: #333; /* color de texto base */
  text-decoration: none;
}

/* Hover con degradado */
.secondary-navigation ul li a:hover {
  /*background: linear-gradient(135deg, #ff7f50, #ff4500); /* coral → naranja */
  background-color: var(--color-accent); 	
  color: var(--color-menu) !important; 
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* leve relieve */
}

/* Activo (página actual) con degradado */
.secondary-navigation ul li.current-menu-item > a {
  /*background: linear-gradient(135deg, #ff4500, #ff7f50);*/
  /*background-color: #ccc;*/
  /*color: #fff;*/
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.2);*/
}

.secondary-navigation ul.menu>li>a, .secondary-navigation ul.nav-menu>li>a {
    padding: 8px 18px;
}
/*  fin menu secundario ovalado*/

/* Dashboard del vendedor - pestaña Envíos */

/* Ocultar selección de tipo de envío */
.wcv-shipping .shipping_type,
.wcv-shipping label[for="shipping_type"] {
//    display: none !important;
}

/* Ocultar campos que no usás */
.wcv-shipping .product_handling_fee,
.wcv-shipping label[for="product_handling_fee"] {
  //  display: none !important;
}

.wcv-shipping .shipping_fee,
.wcv-shipping label[for="shipping_fee"] {
    //display: none !important;
}

/* Opcional: acomodar el checkbox de envío gratis */
.wcv-shipping .free_shipping input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: middle;
}

.wcv-tip{
	display:none;
}

#shipping-flat-rates label.wcv-sub-heading{
//	display:none;
}

#_wcv_shipping_from,#_wcv_shipping_type{
//	display:none;
}

label for _wcv_shipping_from{
//	display:none;
}
/*.wcv-shipping-type-row {
	display:none !important;
}*/

//.wcv-sub-heading,.wcv-shipping-type{
//	display:none !important;
	
//}

/* Estilos para acomodar el layout en las paginas de listado de productos */
/* ancho 100% para el contenedor exterior */
#primary {  
   width:100%; 
}

/* flex para contenedor general  */
.contenido {  
  display: flex; /* Activa Flexbox */
  flex-wrap: wrap;
  gap: 20px;
}

/* flex para contenedor de la barra lateral  */
.contenido-lateral {  
  flex: 0 0 25%; /* Cada div ocupará el mismo ancho disponible */
  /* Otras propiedades para el div, como padding o background */
  min-width:200px;
}

/* flex para contenedor principal */
.contenido-principal { 
  flex: 1 1 70%;
  min-width: 300px;	
}

/* responsive */
@media (max-width: 768px) { 
	.contenido-lateral, .contenido-principal {
		flex: 1 1 100%;
	}	
}

/* barra lateral y widjet */
.left-sidebar .widget-area { 
    width: 100%;
    float: left;
    margin-right: 4.347826087%;
}

/* oculta el ordenamiento de productos inferior */
.contenido-principal .storefront-sorting { 
	display:none;
	
}
/******************************************************************************/
/* Fin Estilos para acomodar el layout en las paginas de listado de productos */


/* Estilos para la pagina de cada tienda */
/******************************************************************************/

/* caja de informacion de la tienda sobre el header de la tienda */
.wcv-store-header.header-modern .info .about {
    background: #f0f2f4;
    color:#444956 !important;
}
/******************************************************************************/
/* Fin Estilos para la pagina de cada tienda */

/* Estilos para la página de cada producto*/
/******************************************************************************/
/* ocultar ships from */
.wcvendors_ships_from{
	display:none;
}

/* caja de informacion de la tienda sobre el header de la tienda */
.wcv-store-header.header-modern .info .name .txt a{
	color:#444956 !important;
}

/******************************************************************************/
/* Fin Estilos para la página de cada producto*/


/* Estilos para el header y breadcrumbs */
/******************************************************************************/

/* menu del carrito*/
#site-header-cart a{
    padding: 8px 18px;
}

.storefront-breadcrumb{
	padding: 0px !important;
	margin: 1em 0px !important;
}

/******************************************************************************/
/* Fin Estilos para el header y breadcrumbs */

/* Ocultar el selector de metodo de cobro */
/******************************************************************************/

#payment .wcv-store-setting-section .select { 
	display: none !important; 
}



/******************************************************************************/
/* Fin Ocultar selector de metodo de cobro
/**************************************/

/* ocultar texto de politicas de privicidad en formulario de registro */

.woocommerce-privacy-policy-text {
  display: none !important;
}

.info-vendedor {
  font-size: 0.9em;
  color: #555;
}

/* FIN ocultar texto de politicas de privicidad en formulario de registro */




/**** estilos para la pagina de confirmacion de pedido *****/

/* Contenedor general */
.woocommerce-order {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
}

/* Títulos principales */
.woocommerce-order h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 25px;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 5px;
}

/* Lista de resumen del pedido */
.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  list-style: none;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fafafa;
  padding: 15px;
}

.woocommerce-order-overview li {
  flex: 1 1 45%;
  margin: 0;
  font-size: 0.95rem;
}

/* Tabla de detalles */
.woocommerce-order table.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.woocommerce-order table.shop_table th,
.woocommerce-order table.shop_table td {
  padding: 10px 8px;
  border-bottom: 1px solid #eee;
}

.woocommerce-order tfoot th {
  text-align: left;
  color: #555;
}

/* Bloque personalizado de AlmaMarket */
.almamarket-vendor-payment {
  max-width: 700px;
  margin: 40px auto 0 auto;
}

.almamarket-totales {
  padding: 25px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background: #fdfdfd;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.almamarket-totales h2 {
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #333;
}

.almamarket-totales p {
  margin: 8px 0;
  line-height: 1.5;
}

.almamarket-totales strong {
  color: #222;
}

.almamarket-totales a {
  color: #0073aa;
  text-decoration: none;
}

.almamarket-totales a:hover {
  text-decoration: underline;
}

/* Centrar QR */
.almamarket-totales img {
  display: block;
  margin: 10px auto;
  border: 6px solid #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Ajuste general para que el bloque se alinee con el título de la página */
.entry-content .woocommerce {
  max-width: 800px;
  margin: 0 auto;
}

.woocommerce-order-overview__payment-method{
  display:none !important;	
}

/* Oculta la fila del método de pago en la tabla del del detalle del pedido */
.woocommerce-order table.shop_table tfoot tr:nth-of-type(4) {
  display: none !important;
}

/**** Fin estilos para la pagina de confirmacion de pedido *****/


/* Ocultar el bloque de comisiones en el panel del vendedor */
.wcv-sales-snapshot-item.gross-commissions {
    display: none !important;
}



/* Reorganizar los otros bloques para que queden centrados */
.wcv-sales-snapshot-content {
    justify-content: center !important; /* centra horizontalmente los bloques */
    gap: 40px; /* agrega espacio entre ellos */
}

/* Ajuste de los ítems para mantener el diseño limpio */
.wcv-sales-snapshot-item {
    flex: 0 1 260px; /* ancho adaptable y consistente */
    text-align: center;
}

/* Ocultar las secciones de comisiones en el dashboard de informes */
.wcv_dashboard_overview h3:contains("Comisión pendiente"),
.wcv_dashboard_overview h3:contains("Comisión pagada"),
.wcv_dashboard_overview h3:contains("Comisiones pendientes"),
.wcv_dashboard_overview h3:contains("Comisiones pagadas") {
    display: none !important;
}

/* Ocultar también las tablas asociadas */
.wcv_dashboard_overview .wcv-section:has(h3:contains("Comisión pendiente")),
.wcv_dashboard_overview .wcv-section:has(h3:contains("Comisión pagada")),
.wcv_dashboard_overview .wcv-section:has(h3:contains("Comisiones pendientes")),
.wcv_dashboard_overview .wcv-section:has(h3:contains("Comisiones pagadas")) {
    display: none !important;
}