/**
Theme Name: Cami Kame
Author: Origami Soluciones
Author URI: http://wpastra.com/about/
Description: Web coorporativa de tienda Cami Kame
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cami-kame
Template: astra
*/

ul.products li.product div, ul.products li.product-category{
	border-radius: 15px !important;
}
ul.products li.product div img{
	border-radius:15px 15px 0px 0px !important;
}

.woocommerce.archive ul.products li a.button {
	padding-top:10px !important;
}

.woocommerce-page .site-main ul.products li.product{
	overflow:hidden;
	border-radius:15px;
}

h2, h1.product_title{
	text-transform:none !important;
}
.uael-woo-product-category{
	text-transform:lowercase !important;
}

.related h2, .woocommerce-Address-title h2, .woocommerce-MyAccount-content form h2, .woocommerce-checkout h3, .cart_totals h2{
	font-size: 30px;
}

.woocommerce-product-gallery{
	padding-bottom: 100px;
}

/* 1. Preparamos el contenedor global de contenido de Astra (abarca todo el ancho) */
body.woocommerce .site-content {
    position: relative; 
    background-color: #ffffff; /* Mantenemos el fondo blanco de base */
    z-index: 1; 
}

/* 2. Capa de fondo que se extiende a todo el ancho de la pantalla con Parallax */
body.woocommerce .site-content::before {
    content: "" !important; 
    position: absolute!important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Configuración de la imagen */
    background-image: url('https://camikame.origamisoluciones.com/wp-content/uploads/2026/05/logo-camikame.svg');
    background-repeat: no-repeat;
    
    /* Control de tamaño y posición para ocupar todo el ancho */
    background-size: contain; 
    background-position: center center;
    background-attachment: fixed; /* Mantiene tu efecto parallax */
    
    /* Ajuste de opacidad sutil (estilo marca de agua) */
    opacity: 0.03 !important; 
    
    /* Posicionamiento por detrás del contenido */
    z-index: -1; 
    pointer-events: none; 
	visibility: visible !important;
}

/* Estado Normal (Números en reposo) */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span.dots {
    background-color: #ffffff !important; /* Color de fondo del botón */
    color: #333333 !important;            /* Color del número/texto */
    border-color: #e2e8f0 !important;     /* Color del borde */
}

/* Estado Hover (Cuando pasas el cursor por encima) */
.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: var(--e-global-color-7af542c) !important; /* Fondo al pasar el ratón */
    color: #fff !important;            /* Texto al pasar el ratón */
    border-color: var(--e-global-color-7af542c) !important;     /* Borde al pasar el ratón */
}

/*Estado Activo (La página en la que se encuentra el usuario) */
.woocommerce-pagination ul.page-numbers li span.current {
    background-color: var(--e-global-color-7af542c) !important; /* Tu color corporativo (Dorado/Amarillo) */
    color: #ffffff !important;            /* Texto en blanco para que resalte */
    border-color: var(--e-global-color-7af542c) !important;     /* Borde del mismo color corporativo */
}

.cabeceras, .ctas{
	background-color:var(--e-global-color-7af542c) !important;
}

div.woocommerce {
	margin-bottom:5rem !important;
	margin-top:5rem !important;
}

.woocommerce-breadcrumb, .woocommerce-breadcrumb a{
	color:var(--e-global-color-7af542c) !important;
}

.ast-theme-transparent-header .main-header-bar {
    background-image: linear-gradient(to bottom, rgba(23, 42, 70, 0.8) 0%, rgba(23, 42, 70, 0) 100%);
}

.float-menu--boton{
	margin-bottom:20px !important;
}


@media (max-width: 1024px) {
	.related h2, .woocommerce-Address-title h2, .woocommerce-MyAccount-content form h2, .woocommerce-checkout h2, .cart_totals h2{
		font-size: 24px;
	}
	.ast-woo-shop-product-description {
		font-size: 12px;
	}
}