/* Valentine-themed styles: romantic backgrounds, floating hearts, soft typography */
body.valentine{
	background: linear-gradient(135deg,#ff9db1 0%,#ffd1dc 50%, #fff6f8 100%);
	color:#3b1a1a;
	position:relative;
	overflow-x:hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* subtle rose-petal overlay (drop your images into /images and the site will use them) */
body.valentine::before{
	content: "";
	position:fixed;
	inset:0;
	/* layered petal textures: primary small petals + a larger soft scatter */
	background-image: url('/images/rose-petal.svg'), url('/images/rose-petal-2.svg');
	background-repeat: repeat, repeat;
	background-size: 120px, 340px;
	opacity: 0.07;
	pointer-events:none;
	z-index:1;
}

body.valentine .bg {background: transparent;}

body.valentine .container{position:relative;z-index:3}
.valentine-hero{padding:60px 0 40px;text-align:center;z-index:4;position:relative}
.valentine-hero h1.name{font-family:'Lemonada', 'Dancing Script', serif;font-size:3.2rem;color:#6b0f16;margin-bottom:10px}
.valentine-hero h3.tagline{font-family:'Charm', sans-serif;color:#8a1a2b}
.person-name{font-family:'Lovers Quarrel', 'Dancing Script', serif;font-size:2.4rem;color:#7a0d14}
.txt.anim-text-flow{font-family:'Charm',sans-serif;color:#5c1117}
.input-rose{border:2px solid rgba(122,13,20,0.08);padding:8px;border-radius:6px}
.social-icon{display:inline-block;margin:10px 6px;padding:10px 14px;border-radius:6px;color:#fff;text-decoration:none}
.social-icon.whatsapp{background:#25D366}
.social-icon.facebook{background:#3b5998}

/* floating hearts - created dynamically via JS */
/* scope floating-heart styles to valentine pages only */
/* place hearts inside the document flow so page can grow and scroll on mobile */
body.valentine .hearts{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:2}
body.valentine .heart{position:absolute;width:14px;height:14px;background:#ff6b81;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.12);animation:valentine-floatUp 6s linear forwards}
body.valentine .heart:before,body.valentine .heart:after{content:'';position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;}
body.valentine .heart:before{top:-50%;left:0}
body.valentine .heart:after{left:50%;top:0}

@keyframes valentine-floatUp{0%{transform:translateY(110vh) rotate(-45deg);opacity:0}10%{opacity:1}100%{transform:translateY(-20vh) rotate(-45deg);opacity:0}}

/* responsive tweaks */
@media (max-width:768px){.valentine-hero h1.name{font-size:2rem}.valentine-hero{padding:40px 10px}}