/*
Theme Name: Serafine
Theme URI: https://serafineonline.com.br
Description: Tema da loja Serafine — kits de maquiagem e kits de cuidado íntimo com vibe anime e K-culture. Tema filho do Twenty Twenty-Five.
Author: Serafine
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: serafine
*/

/* ---------- Fundo com brilho kawaii ---------- */
body {
	background:
		radial-gradient(circle at 10% 0%, rgba(249, 201, 220, 0.45), transparent 40%),
		radial-gradient(circle at 90% 20%, rgba(205, 184, 232, 0.35), transparent 45%),
		var(--wp--preset--color--base);
	background-attachment: fixed;
}

/* ---------- Botões ---------- */
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.wc-block-components-button:not(.is-link) {
	border-radius: 999px !important;
	box-shadow: 0 6px 0 var(--wp--preset--color--sakura-escuro);
	transition: transform .15s ease, box-shadow .15s ease;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	transform: translateY(2px);
	box-shadow: 0 3px 0 var(--wp--preset--color--sakura-escuro);
}

/* ---------- Cards de produto ---------- */
.wc-block-product,
.wc-block-grid__product,
.woocommerce ul.products li.product {
	background: #fff;
	border: 2px solid var(--wp--preset--color--sakura);
	border-radius: 24px;
	padding: 14px !important;
	transition: transform .2s ease, border-color .2s ease;
}
.wc-block-product:hover,
.wc-block-grid__product:hover,
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px) rotate(-0.5deg);
	border-color: var(--wp--preset--color--primaria);
}
.wc-block-product img,
.woocommerce ul.products li.product img {
	border-radius: 18px;
}

/* Selo de promoção estilo sticker */
.wc-block-components-product-sale-badge,
.woocommerce span.onsale {
	background: var(--wp--preset--color--lavanda-escura) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	font-weight: 800;
	transform: rotate(-8deg);
}

/* Preço */
.wc-block-components-product-price,
.woocommerce .price {
	color: var(--wp--preset--color--primaria-escura) !important;
	font-weight: 800;
}

/* Campos */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], select, textarea,
.wc-block-components-text-input input {
	border-radius: 14px !important;
	border: 2px solid var(--wp--preset--color--sakura) !important;
}
input:focus, select:focus, textarea:focus {
	outline: 3px solid var(--wp--preset--color--lavanda) !important;
	outline-offset: 1px;
}

/* ---------- Faixa de aviso no topo ---------- */
.serafine-faixa {
	background: var(--wp--preset--color--tinta);
	color: #fff;
	text-align: center;
	font-size: .9rem;
	padding: 8px 16px;
	letter-spacing: .02em;
}
.serafine-faixa strong { color: var(--wp--preset--color--sakura); }

/* Estrelinhas decorativas em títulos com a classe is-style-brilho */
.is-style-brilho::before,
.is-style-brilho::after {
	content: "✦";
	color: var(--wp--preset--color--primaria);
	margin: 0 .4em;
	font-size: .7em;
	vertical-align: middle;
}