/*
Theme Name: The Velvet Fire

Theme URI: https://cognideck.com/wordpress/thevelvetfire
Author: the WordPress team
Author URI: https://cognideck.com
Description: A simple wordpress theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thevelvetfire
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
html {
	scroll-behavior: smooth;
}
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


 /* Base Styling */
        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #38000E; /* Darker, richer burgundy */
            color: #EAE0D5; /* Soft cream */
            overflow-x: hidden; /* Prevent horizontal scroll */
        }

        /* Font Styling */
        .font-headline {
            font-family: 'Cormorant Garamond', serif;
        }

        /* Color Palette */
        .bg-deep-burgundy { background-color: #38000E; }
        .bg-midnight-blue { background-color: #0C0C1E; }
        .text-rose-gold { color: #D4AF37; } /* Switched to a more classic gold */
        .border-rose-gold { border-color: #D4AF37; }
        .bg-rose-gold { background-color: #D4AF37; }

        /* Hero Section Styling */
        .hero-bg {
            background-image: linear-gradient(rgba(20, 2, 8, 0.85), rgba(20, 2, 8, 0.85)), url('https://placehold.co/1920x1080/000000/FFFFFF?text=Interlocked+hands+in+soft+light');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        /* Glassmorphism Card Effect */
        .glass-card {
            background: rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }
        .glass-card:hover:not(.no-hover) {
            background: rgba(0, 0, 0, 0.3);
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

        /* Section Divider */
        .section-divider {
            width: 100px;
            height: 2px;
            background-color: #D4AF37;
            margin: 2rem auto;
        }

        /* Button Pulse Animation */
        .pulse-glow {
            animation: pulse-glow 2.5s infinite;
        }

        @keyframes pulse-glow {
            0%, 100% {
                box-shadow: 0 0 10px rgba(212, 175, 55, 0.3), 0 0 20px rgba(212, 175, 55, 0.2);
            }
            50% {
                box-shadow: 0 0 20px rgba(212, 175, 55, 0.5), 0 0 30px rgba(212, 175, 55, 0.4);
            }
        }

        /* Scroll Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* AI Feature Modal */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 100;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }
        .modal-overlay.visible {
            opacity: 1;
            pointer-events: auto;
        }
        .modal-content {
            width: 90%;
            max-width: 500px;
            padding: 2rem;
            border-radius: 0.5rem;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
        .modal-overlay.visible .modal-content {
            transform: scale(1);
        }
        .modal-content ul {
            list-style: none;
            padding: 0;
        }
         .modal-content li {
            margin-bottom: 1rem;
            padding-left: 1.5rem;
            position: relative;
        }
        .modal-content li::before {
            content: '✨';
            position: absolute;
            left: 0;
            top: 2px;
            color: #D4AF37;
        }