/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Estilo formulario */

.formulario-newsletter input[type="text"],
.formulario-newsletter input[type="email"],
.formulario-newsletter input[type="tel"],
.formulario-newsletter input[type="password"] {
  height: 58px !important;
  line-height: 58px !important;
  padding: 0 16px !important;
  box-sizing: border-box;
}

/* Eliminar background naranja icono carrito menu */

a#elementor-menu-cart__toggle_button {
    background: none;
    padding: 0px;
}

/* Estilo tabla de informacion adicional en productos */

/* Contenedor general */
.informacion-adicional table.shop_attributes {
    width: 100%;
    border-collapse: collapse; /* elimina espacios extra */
    background: none; /* sin fondo */
}

/* Cada fila */
.informacion-adicional table.shop_attributes tr {
    border-bottom: 1px solid rgba(35, 91, 35, 0.16); /* divider */
}

/* Última fila sin borde */
.informacion-adicional table.shop_attributes tr:last-child {
    border-bottom: none;
}

/* Títulos */
.informacion-adicional table.shop_attributes th {
    font-weight: 600;
    text-align: left;
    padding: 16px 8px 6px 0;
    background: none !important;
    border: none;
    width: auto;
    white-space: nowrap;
}

/* Valores */
.informacion-adicional table.shop_attributes td {
    text-align: left;
    padding: 6px 0;
    background: none !important;
    border: none;
}

/* Eliminar <p> dentro del td para que no cree margen */
.informacion-adicional table.shop_attributes td p {
    margin: 0;
}

/* ---------
   MOBILE ≤ 414px
   Poner título arriba y valor debajo
--------- */
@media (max-width: 414px) {

    /* Cada fila en formato columna */
    .informacion-adicional table.shop_attributes tr {
        display: block;
        padding: 12px 0;
    }

    /* Título arriba */
    .informacion-adicional table.shop_attributes th {
        display: block;
        width: 100%;
        padding: 12px 0 4px 0;
        white-space: normal; /* permite salto de línea */
    }

    /* Valor debajo */
    .informacion-adicional table.shop_attributes td {
        display: block;
        width: 100%;
        padding: 0 0 8px 0;
    }

    /* Opcional: separa visualmente cada bloque */
    .informacion-adicional table.shop_attributes tr {
        border-bottom: 1px solid rgba(35, 91, 35, 0.16);
    }
}


/* Estilo formulario de contacto */

/* 1. Placeholder con opacidad 1 */
.estilo-formulario ::placeholder {
  opacity: 1 !important;
}

/* 2. Ajuste del border-radius general y específico para mensaje */
.estilo-formulario input,
.estilo-formulario select,
.estilo-formulario textarea {
  border-radius: 90px;
}

.estilo-formulario textarea {
  border-radius: 20px !important;
}

/* 3. Alto de 58px en todos los campos excepto mensaje y aceptación */
.estilo-formulario input:not([type="checkbox"]):not([name*="aceptacion"]),
.estilo-formulario select {
  height: 58px;
  line-height: 58px;
}

/* Opcional: si el campo de aceptación es un checkbox con etiqueta al lado,
   puedes añadir esto para asegurar que no se vea afectado */
.estilo-formulario input[type="checkbox"],
.estilo-formulario input[name*="aceptacion"] {
  height: auto;
  line-height: normal;
}

/* Color texto destacado*/

span.texto-destacado {
    color: #551664;
}

/* Tamaño tipografía blog */

.contenido-blog p {
    font-size: 18px;
    line-height: 1.6em;
}

.contenido-blog li {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.contenido-blog h3.wp-block-heading {
    margin-top: 30px;
    margin-bottom: 20px;
}

/**Ajuste estilo desplegables normales en producto**/

tr.vi-wpvs-variation-style.vi-wpvs-variation-style-vertical th.label, tr.vi-wpvs-variation-style.vi-wpvs-variation-style- th.label{
	background-color: #f7f3ed;
	text-align: left;
	padding-left: 0px;
}

/**Ajuste icono cantidad producto en el carrito**/
span.elementor-button-icon-qty{
	font-size: 12px!important;
}


/*Estilo formulario vuelve el stock**/

.cwginstock-subscribe-form .panel-primary>.panel-heading{
	background-color: #551664!important;
    border-color: #551664!important;
}
.cwginstock-subscribe-form .panel-primary{
	border-color: #551664!important;
}

div.form-group.center-block{
	margin-top: 15px!important;
}

div.form-group.center-block input.cwgstock_button{
	background-color: #551664!important;
	border-color: #551664!important;
}

/**Estilo formulario Brevo**/

form#sib_signup_form_2 .sib-default-btn{
	background-color: var(--e-global-color-accent)!important;
    font-family: var(--e-global-typography-95a7a23-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-95a7a23-font-size)!important;
    font-weight: var(--e-global-typography-95a7a23-font-weight)!important;
    line-height: var(--e-global-typography-95a7a23-line-height)!important;
    color: var(--e-global-color-88fa22a)!important;
    border-radius: 90px 90px 90px 90px!important;
    padding: 16px 24px 16px 24px!important;
    width: 100%;
}

input.sib-email-area, input.sib-NOMBRE-area{
	border-radius: 90px 90px 90px 90px;
}

label.sib-email-area, label.sib-NOMBRE-area{
	display: none;
}

p.sib-legal-area a, p.sib-legal-area {
	color: white!important;
}