/*
Theme Name: SVAS Theme V10
Theme URI: https://sunvalleypets.org
Author: Sam Bates
Author URI: https://sunvalleypets.org
Description: Sun Valley Animal Shelter - Closure Memorial Page
Version: 10.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: svas-theme-v10
*/

/* ============================================
   BASE
   ============================================ */

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* ============================================
   PASTEL BACKGROUND + PAW PRINTS
   ============================================ */

.closure-bg {
    background:
        linear-gradient(135deg,
            rgba(200, 180, 220, 0.4) 0%,
            rgba(180, 160, 210, 0.3) 20%,
            rgba(160, 200, 220, 0.3) 40%,
            rgba(200, 170, 190, 0.35) 60%,
            rgba(180, 190, 220, 0.3) 80%,
            rgba(170, 200, 210, 0.35) 100%
        ),
        linear-gradient(45deg,
            rgba(220, 180, 200, 0.3) 0%,
            rgba(180, 200, 230, 0.25) 50%,
            rgba(200, 190, 220, 0.3) 100%
        );
    background-color: #e8e0f0;
    position: relative;
}

.closure-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%234acbbc' fill-opacity='0.07' d='M30 35c-2.5 0-4.5 3-4.5 6s2 5 4.5 5 4.5-2 4.5-5-2-6-4.5-6zm-10-8c-1.5 0-3 2-3 4s1 3 3 3 3-1 3-3-1.5-4-3-4zm20 0c-1.5 0-3 2-3 4s1.5 3 3 3 3-1 3-3-1.5-4-3-4zm-15-5c-1.5 0-3 2-3 4s1.5 3 3 3 3-1 3-3-1.5-4-3-4zm10 0c-1.5 0-3 2-3 4s1.5 3 3 3 3-1 3-3-1.5-4-3-4z'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

/* ============================================
   CLOSURE CARD
   ============================================ */

.closure-card {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 1;
}

/* ============================================
   FLOAT ANIMATION (from V9)
   ============================================ */

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.float-animation {
    animation: float 4s ease-in-out infinite;
}

/* ============================================
   DECORATIVE PAW ACCENTS
   ============================================ */

.paw-accent {
    position: absolute;
    opacity: 0.08;
    z-index: 0;
    pointer-events: none;
}

.paw-accent svg {
    fill: #4acbbc;
}