/*
Theme Name: Rifa Child
Description: Child theme de Storefront para un sitio de rifas por numeros/stickers. Marca y colores propios.
Template: storefront
Version: 1.0.0
Text Domain: rifa-child
*/

:root {
	--rifa-header-bg: #0d0d14;
	--rifa-header-text: #ffffff;
	--rifa-accent: #6c5ce7;
	--rifa-accent-2: #00b894;
	--rifa-radius: 10px;
}

body {
	background: #fafafa;
}

/* ---- Header ---- */
#masthead {
	background: var(--rifa-header-bg);
	border-bottom: none;
}

#masthead .site-branding img {
	max-height: 42px;
	width: auto;
}

#masthead .site-title a,
#masthead .site-description {
	color: var(--rifa-header-text);
}

.storefront-primary-navigation {
	background: var(--rifa-header-bg);
}

.storefront-primary-navigation ul.menu > li > a,
.storefront-primary-navigation ul.nav-menu > li > a {
	color: var(--rifa-header-text);
}

.storefront-primary-navigation ul.menu > li:hover > a,
.storefront-primary-navigation ul.nav-menu > li:hover > a {
	color: var(--rifa-accent-2);
}

#masthead .site-search .search-toggle,
#masthead .handheld-navigation .toggle-icon,
#masthead .header-cart .amount,
#masthead .header-cart a {
	color: var(--rifa-header-text);
}

/* ---- Buttons ---- */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button.button.alt {
	background: var(--rifa-accent);
	border-radius: var(--rifa-radius);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button.button.alt:hover {
	background: #5a4bd6;
}

/* ---- Product title / summary ---- */
.single-product div.product .product_title {
	font-weight: 800;
	font-size: 1.9rem;
}

.single-product div.product .price {
	color: var(--rifa-accent);
}

/* ---- Floating WhatsApp button ---- */
.rifa-whatsapp-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	z-index: 999;
	transition: transform 0.15s ease;
}

.rifa-whatsapp-float:hover {
	transform: scale(1.08);
}

.rifa-whatsapp-float svg {
	width: 28px;
	height: 28px;
	fill: #fff;
}

@media (max-width: 768px) {
	.rifa-whatsapp-float {
		right: 14px;
		bottom: 14px;
	}
}