/*
Theme Name:        Perfect Film Salvador
Theme URI:         https://example.com/
Author:            Perfect Film
Author URI:        https://example.com/
Description:       Tema de blocos (Full Site Editing) para a Perfect Film Salvador — películas de controle solar. Escuro, premium, com vermelho da marca. Totalmente editável pelo Editor do Site: adicione/remova seções, troque imagens e textos sem código.
Requires at least: 6.5
Tested up to:      6.6
Requires PHP:      8.0
Version:           1.3.0
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       perfectfilm
Tags:              full-site-editing, block-patterns, custom-colors, custom-logo, wide-blocks, business
*/

/* A maior parte do estilo vem do theme.json. Aqui ficam só ajustes finos. */

/* Botões um pouco mais "premium" */
.wp-block-button__link {
	letter-spacing: 0.02em;
	transition: transform .15s ease, filter .15s ease;
}
.wp-block-button__link:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

/* Rótulo/eyebrow: pequeno texto em maiúsculas com espaçamento */
.pf-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-weight: 600;
}

/* Cartões com leve borda para separar do fundo escuro */
.pf-card {
	border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Números grandes das etapas */
.pf-step-number {
	font-family: "Bebas Neue", sans-serif;
	line-height: 0.9;
}

/* Foco visível (acessibilidade) */
a:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--vermelho);
	outline-offset: 3px;
}

/* Imagens nunca estouram a largura no mobile */
img { max-width: 100%; height: auto; }

/* === Perfect Film: animações de entrada === */
.pf-animate {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition: opacity .75s cubic-bezier(.2,.65,.3,1), transform .75s cubic-bezier(.2,.65,.3,1);
	will-change: opacity, transform;
}
.pf-animate.pf-from-left { transform: translate3d(-36px,0,0); }
.pf-animate.pf-from-right { transform: translate3d(36px,0,0); }
.pf-animate.pf-zoom { transform: scale(.965); }
.pf-animate.pf-is-visible { opacity: 1; transform: none; }

/* Imagens: movimento sutil e sofisticado no hover */
.wp-block-image img,
.wp-block-cover__image-background,
.wp-block-media-text__media img {
	transition: transform .65s cubic-bezier(.2,.65,.3,1), filter .4s ease;
}
@media (hover:hover) and (pointer:fine) {
	.wp-block-image:hover img,
	.wp-block-media-text__media:hover img { transform: scale(1.025); }
}

/* Respeita a preferência de acessibilidade do visitante */
@media (prefers-reduced-motion: reduce) {
	.pf-animate { opacity: 1 !important; transform: none !important; transition: none !important; }
	.wp-block-image img,
	.wp-block-cover__image-background,
	.wp-block-media-text__media img { transition: none !important; transform: none !important; }
}

/* === Perfect Film 1.3: neon, menus, contato e mobile === */
.wp-block-image img,.wp-block-media-text__media img,.pf-card img,.wp-block-cover__image-background{box-shadow:0 0 10px rgba(230,0,0,.28),0 0 24px rgba(230,0,0,.16);border-radius:10px}
.wp-block-button__link,.pf-contact-form button{box-shadow:0 0 10px rgba(230,0,0,.55),0 0 22px rgba(230,0,0,.28);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
@media (hover:hover) and (pointer:fine){.wp-block-image:hover img,.wp-block-media-text__media:hover img,.pf-card:hover img{transform:scale(1.045) translateY(-3px);box-shadow:0 0 16px rgba(255,0,0,.5),0 0 34px rgba(230,0,0,.28)}.wp-block-button__link:hover,.pf-contact-form button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 16px rgba(255,0,0,.75),0 0 34px rgba(230,0,0,.4)}}
.pf-custom-nav ul{display:flex;align-items:center;gap:1.2rem;list-style:none;margin:0;padding:0}.pf-custom-nav a{display:flex;align-items:center;gap:.38rem;color:inherit;text-decoration:none;font-weight:600}.pf-custom-nav .dashicons{font-size:18px;width:18px;height:18px;color:var(--wp--preset--color--vermelho)}.pf-nav-footer ul{flex-direction:column;align-items:flex-start;gap:.55rem}.pf-menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}.pf-menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px 0;transition:.25s}
.pf-contact-section{max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.pf-contact-info h2{font-size:clamp(2rem,4vw,3.4rem);margin:.35em 0}.pf-contact-form{display:grid;gap:16px;background:#171717;padding:28px;border:1px solid rgba(255,0,0,.25);box-shadow:0 0 30px rgba(230,0,0,.12);border-radius:14px}.pf-contact-form label{display:grid;gap:7px;font-weight:600}.pf-contact-form input,.pf-contact-form textarea{width:100%;box-sizing:border-box;background:#0b0b0b;color:#fff;border:1px solid #444;border-radius:8px;padding:13px;font:inherit}.pf-contact-form input:focus,.pf-contact-form textarea:focus{outline:2px solid var(--wp--preset--color--vermelho);border-color:transparent}.pf-contact-form button{border:0;cursor:pointer}.pf-success{padding:12px;background:#14351e;border-radius:8px}.pf-redes-card{padding:28px;border-radius:14px;transition:transform .3s ease,box-shadow .3s ease}.pf-redes-card:hover{transform:translateY(-6px);box-shadow:0 0 24px rgba(230,0,0,.2)}
@media(max-width:781px){.pf-contact-section{grid-template-columns:1fr;padding:56px 20px;gap:32px}.pf-nav-header{position:relative}.pf-nav-header .pf-menu-toggle{display:block}.pf-nav-header ul{display:none;position:absolute;right:0;top:48px;z-index:9999;min-width:260px;background:#111;border:1px solid rgba(255,0,0,.25);box-shadow:0 12px 34px rgba(0,0,0,.55);padding:14px;border-radius:10px;flex-direction:column;align-items:stretch}.pf-nav-header.is-open ul{display:flex}.pf-nav-header a{padding:10px}.pf-nav-footer .pf-menu-toggle{display:none}}