/*
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
*/


:root {
    --blue-sky: #2563EB;
    --gray-F9FAFB: #F9FAFB;
}

.text-blue-sky {
    color: var(--blue-sky) !important;
}    

/*****************************************************************************/
/**************************** HOME *********************************/
/*****************************************************************************/

/* Definición del color de fondo: #2563EB (azul) al 15% de opacidad */
/* RGB de #2563EB es 37, 99, 235 */
.vip-button {
    font-family: 'Poppins', sans-serif;
  /* Medidas */
  width: 422px;
  height: 42px;
  
  /* Color de Fondo (rgba(R, G, B, alpha)) */
  background-color: rgba(37, 99, 235, 0.15);
  
  /* Flexbox para centrar el contenido (icono + texto) */
  display: flex; /* Habilita Flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  
  /* Estilos adicionales para la apariencia */

  border-radius: 25px;
  color: var(--blue-sky); /* Color de texto azul principal */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  
  /* Quitar los márgenes por defecto del botón si existen */
  margin: 0;
  padding: 0; 
}

/* Estilos del Icono */
.vip-button .ti-rocket {
  font-size: 18px; /* Tamaño del icono */
  margin-right: 8px; /* Espacio entre el icono y el texto */
}

/* Efecto hover simple */
.vip-button:hover {
  background-color: rgba(37, 99, 235, 0.25); /* Un poco más oscuro al pasar el ratón */
}

/*****************************************************************************/
/**************************** SINGLE PRODUCT *********************************/
/*****************************************************************************/

@media (min-width: 992px) {
    .single-product .woocommerce-product-gallery {
    width: 40% !important;
    }

    .single-product .summary {
    width: 50% !important;
    }
}




.single-product .site-content .col-full,
.single-product .content-area {
    background-color: white !important;
   
}


.single-product .variations_form{
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 20px;
    background: var(--gray-F9FAFB);
    box-shadow: 3px 4px 16.2px rgba(0, 0, 0, 0.162);
}


.single-product  button.button-fluid {
    border-radius: 15px !important;
    border: 1px solid  #e1e1e1 !important;
    background-color: white !important;
}

.single-product button.cgkit-swatch-selected{
  background: var(--blue-sky) !important;
  border: 1px solid var(--blue-sky) !important;
  border-radius: 15px !important;
}

.single-product .single_add_to_cart_button{
    background: var(--blue-sky) !important;
    border-radius: 15px;

}