/*
 Theme Name: Shoptimizer Child
 Template: shoptimizer
 Text Domain: shoptimizer-child
*/


/* Muestra mensaje condicional por mínimo de compra en el PRODUCTO. */
.mensaje-condicional {
    color: #4aa401;
    margin-bottom: 10px;
    font-size:14px;
}
p.mensaje-regalono {
    margin-top: 20px;
	  background-color: #ffd7ec;
    padding: 20px;
    font-size: 14px;
    color: #000;
    float: inline-start;
}
p.mensaje-regalo {
	  margin-top: 20px;
    background-color: #4aa401;
    padding: 20px;
    font-size: 14px;
    color: #fff;
    float: left;
}
.mensaje-carritono {
    background-color: #ffd7ec;
    padding: 20px;
    font-size: 16px;
    color: #000;
    margin-bottom:30px;
}
.mensaje-carritook {
    background-color: #4aa401;
    padding: 20px;
    font-size: 14px;
    color: #fff;
    margin-bottom:30px;
}


/* Banda "¿Ya eres cliente?..." */
.woocommerce .woocommerce-info{
  background:#6bb47b; color:#f8f6f3;
  border:0; border-radius:10px;
  padding:14px 16px;
  display:flex; align-items:center; gap:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}

/* Icono en Base64 (usuario outline, color #f8f6f3) */
.woocommerce .woocommerce-info::before{
  content:"";
  width:20px; height:20px; flex:0 0 20px;
  background-repeat:no-repeat; background-size:contain; background-position:center;
  background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSIjZjhmNmYzIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE2IDhhNCA0IDAgMTEtOCAwIDQgNCAwIDAxOCAweiIvPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNCAyMGMwLTQgNC02IDgtNnM4IDIgOCA2Ii8+PC9zdmc+');
}

/* Enlace "Accede" como botón claro */
.woocommerce .woocommerce-info a.showlogin{
  background:#f8f6f3; color:#1e2a27!important;
  padding:6px 10px; border-radius:8px; font-weight:600; text-decoration:none; margin-left:auto;
  transition:filter .15s ease;
}
.woocommerce .woocommerce-info a.showlogin:hover{ filter:brightness(.95); }

/* Formulario desplegable */
.woocommerce form.login{
  border:1px solid #eee; border-radius:12px; padding:18px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.05);
}

@media (max-width:768px){
  .woocommerce .woocommerce-info{ flex-wrap:wrap; gap:10px; }
  .woocommerce .woocommerce-info a.showlogin{ width:100%; text-align:center; }
}


/* Botón WhatsApp */
.whatsapp-button {
    display: inline-block;
    background-color: #25D366; /* Color de fondo de WhatsApp */
    color: white;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Color de fondo al pasar el ratón */
    color: white;
}


/* WooCommerce > Información adicional: etiqueta + valor en una línea, alineado a la izquierda.
https://wanderlustkids.shop/product/mordedor-para-bebes-aventura/
Información adicional:
COLOR: CIELO, COSMOPOLITA, URBANO */
.woocommerce-Tabs-panel--additional_information table.shop_attributes {
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
  display: flex;                /* pone label y valor en la misma fila */
  align-items: baseline;
  gap: .4rem;                   /* separador mínimo entre label y valor */
  border: 0;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes th,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td {
  border: 0;
  padding: 0;                   /* quitamos rellenos que separan demasiado */
  background: transparent;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes th {
  width: auto;                  /* sin ancho fijo para la columna label */
  min-width: 0;
  font-weight: 600;
  margin: 0;
  padding-right: .2rem;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes th::after {
  content: ":";                 /* añade los dos puntos tras la etiqueta */
  margin-left: .15rem;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes td {
  width: auto;                  /* valor fluye justo detrás de la etiqueta */
  min-width: 0;
  white-space: normal;          /* permite salto si es muy largo */
}

/* Opcional: por si tu tema aplica un ancho fijo al th */
.woocommerce-Tabs-panel--additional_information table.shop_attributes th,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td {
  flex: 0 0 auto;
}


/* Oculta la línea de Categoría pero deja de la descripción del producto, en todos. */
.single-product .product_meta .posted_in { display: none !important; }