/*
 * ETERNITUM - Angelic Theme
 * Soft, ethereal pastel design
 */

/* ========== CSS VARIABLES ========== */
.theme-angelic {
    --theme-primary: #9b59b6;
    --theme-secondary: #d4a5d4;
    --theme-text: #6a5a7a;
    --theme-heading: #8e44ad;
    --theme-bg: linear-gradient(135deg, #fdf5ff 0%, #fff0f5 100%);
    --theme-border: rgba(155, 89, 182, 0.2);
}

/* ========== HERO ========== */
.theme-angelic .memorial-hero {
    background: linear-gradient(to bottom,
            rgba(155, 89, 182, 0.5) 0%,
            rgba(221, 160, 221, 0.4) 30%,
            rgba(255, 182, 193, 0.3) 60%,
            rgba(255, 250, 250, 1) 100%);
}

/* Ethereal glow */
.theme-angelic .memorial-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.5) 0%, transparent 60%);
    pointer-events: none;
}

/* Decorative stars */
.theme-angelic .memorial-hero::after {
    content: '✦ ✦ ✦';
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(155, 89, 182, 0.3);
    font-size: 2rem;
    letter-spacing: 20px;
}

/* ========== PHOTO FRAME ========== */
.theme-angelic .memorial-photo-frame {
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 60px rgba(155, 89, 182, 0.4), 0 0 100px rgba(255, 182, 193, 0.3);
}

.theme-angelic .memorial-photo-frame img {
    border-radius: 50%;
}

/* Floating dove */
.theme-angelic .memorial-photo-wrapper::before {
    content: '🕊️';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    animation: floatDove 3s ease-in-out infinite;
}

@keyframes floatDove {

    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}

/* ========== TYPOGRAPHY ========== */
.theme-angelic .memorial-name {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    color: var(--theme-heading);
    text-shadow: 0 2px 20px rgba(155, 89, 182, 0.3);
}

.theme-angelic .memorial-dates {
    color: var(--theme-primary);
    font-style: italic;
}

.theme-angelic .memorial-epitaph {
    color: var(--theme-text);
    border: none;
    text-align: center;
}

.theme-angelic .memorial-epitaph::before {
    content: '❝';
}

.theme-angelic .memorial-epitaph::after {
    content: '❞';
}

/* ========== CARDS ========== */
.theme-angelic .memorial-card {
    background: var(--theme-bg);
    border: 1px solid var(--theme-border);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.theme-angelic .memorial-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
    pointer-events: none;
}

.theme-angelic .memorial-card-heading {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    color: var(--theme-primary);
    border-bottom: none;
}

.theme-angelic .memorial-card-heading::before {
    content: '~ ';
}

.theme-angelic .memorial-card-heading::after {
    content: ' ~';
}

/* ========== BUTTONS ========== */
.theme-angelic .memorial-btn-primary {
    background: linear-gradient(135deg, #9b59b6 0%, #d4a5d4 100%);
    border-radius: 30px;
    font-style: italic;
    color: #fff !important;
}

.theme-angelic .memorial-btn-secondary {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid var(--theme-primary) !important;
    color: var(--theme-primary) !important;
    border-radius: 30px;
}

.theme-angelic .memorial-btn-secondary:hover {
    background: var(--theme-primary) !important;
    color: #fff !important;
}

/* ========== TRIBUTE OPTIONS ========== */
.theme-angelic .tribute-option {
    background: rgba(255, 255, 255, 0.8);
    border: 2px solid var(--theme-border);
    border-radius: 12px;
}

.theme-angelic .tribute-option:has(input:checked) {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
    box-shadow: 0 0 20px rgba(155, 89, 182, 0.5);
}

/* ========== GALLERY ========== */
.theme-angelic .memorial-gallery img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 3px solid rgba(155, 89, 182, 0.3);
}

/* ========== CONTENT ========== */
.theme-angelic .memorial-content {
    text-align: center;
    font-style: italic;
}