/**
 * Midnight Stage Theme - Mobile-First Reading CSS Variables from ThemePreset.php
 * Layer: theme (cannot override layout.css structure)
 *
 * This theme ONLY reads colors from ThemePreset.php CSS variables.
 * NO hardcoded colors - everything is dynamic and updates on theme switch.
 *
 * RULES FOR THEME FILES:
 * ✅ DO: Typography styles, visual effects, decorations
 * ✅ DO: READ from CSS variables (var(--background-color))
 * ❌ DON'T: Define color variables (let ThemePreset.php do that)
 * ❌ DON'T: Layout/structure (display, position, flex, grid, width, height)
 */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@300;400;500;600;700&display=swap');

@layer theme {

    /* ============================================
       BASE STYLES - Reading from ThemePreset.php
       ============================================ */

    .theme-midnight-stage {
        /* Colors from ThemePreset.php */
        font-family: var(--body-font);
        color: var(--text-color);
        background: var(--background-color);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* ============================================
       SECTION STYLES (Selectable via Container Settings)
       ============================================ */

    .section-style-1 {
        background: var(--section-style-1-bg);
        color: var(--section-style-1-text);
    }

    .section-style-1 h1,
    .section-style-1 h2,
    .section-style-1 h3 {
        color: var(--section-style-1-heading);
    }

    .section-style-1 a {
        color: var(--section-style-1-link);
    }

    .section-style-2 {
        background: var(--section-style-2-bg);
        color: var(--section-style-2-text);
    }

    .section-style-2 h1,
    .section-style-2 h2,
    .section-style-2 h3 {
        color: var(--section-style-2-heading);
    }

    .section-style-2 a {
        color: var(--section-style-2-link);
    }

    .section-style-3 {
        background: var(--section-style-3-bg);
        color: var(--section-style-3-text);
    }

    .section-style-3 h1,
    .section-style-3 h2,
    .section-style-3 h3 {
        color: var(--section-style-3-heading);
    }

    .section-style-3 a {
        color: var(--section-style-3-link);
    }


    /* ============================================
       TYPOGRAPHY
       ============================================ */

    .theme-midnight-stage h1,
    .theme-midnight-stage h2,
    .theme-midnight-stage h3,
    .theme-midnight-stage h4,
    .theme-midnight-stage h5,
    .theme-midnight-stage h6 {
        font-family: var(--heading-font);
        font-weight: var(--heading-weight);
        color: var(--heading-color);
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .theme-midnight-stage a {
        color: var(--link-color);
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .theme-midnight-stage a:hover {
        color: var(--primary-color);
    }


    /* ============================================
       BUTTONS
       ============================================ */

    .theme-midnight-stage button,
    .theme-midnight-stage .button,
    .theme-midnight-stage a.button,
    .theme-midnight-stage .btn-primary {
        background: var(--button-bg);
        color: #FFFFFF;
        border: 2px solid transparent;
        border-radius: var(--button-radius);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage button:hover,
    .theme-midnight-stage .button:hover,
    .theme-midnight-stage a.button:hover,
    .theme-midnight-stage .btn-primary:hover {
        background: var(--button-hover-bg);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 40%, transparent);
    }

    .theme-midnight-stage .btn-secondary,
    .theme-midnight-stage .button-secondary {
        background: transparent;
        color: var(--button-bg);
        border-color: var(--button-bg);
    }

    .theme-midnight-stage .btn-secondary:hover,
    .theme-midnight-stage .button-secondary:hover {
        background: var(--button-bg);
        color: #FFFFFF;
    }


    /* ============================================
       CARDS & SECTIONS
       ============================================ */

    .theme-midnight-stage .section {
        background: var(--section-style-1-bg);
        color: var(--section-style-1-text);
    }

    .theme-midnight-stage .section h1,
    .theme-midnight-stage .section h2,
    .theme-midnight-stage .section h3 {
        color: var(--section-style-1-heading);
    }

    /* Alternate section style */
    .theme-midnight-stage .section.alternate {
        background: var(--section-style-2-bg);
        color: var(--section-style-2-text);
    }

    .theme-midnight-stage .section.alternate h1,
    .theme-midnight-stage .section.alternate h2,
    .theme-midnight-stage .section.alternate h3 {
        color: var(--section-style-2-heading);
    }

    .theme-midnight-stage .card {
        background: var(--section-style-2-bg);
        border: 1px solid var(--border-color);
        border-radius: 12px;
        color: var(--text-color);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .theme-midnight-stage .card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
    }


    /* ============================================
       THEME ENHANCEMENTS (Midnight Stage specific)
       ============================================ */

    /* Animated starfield background */
    @keyframes twinkle {
        0%, 100% { opacity: 0.3; }
        50% { opacity: 1; }
    }

    @keyframes shimmer {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    .theme-midnight-stage .section-style-1 {
        position: relative;
        overflow: hidden;
    }

    /* Subtle star effect on dark sections */
    .theme-midnight-stage .section-style-1::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image:
            radial-gradient(2px 2px at 20% 30%, white, transparent),
            radial-gradient(2px 2px at 60% 70%, white, transparent),
            radial-gradient(1px 1px at 50% 50%, white, transparent),
            radial-gradient(1px 1px at 80% 10%, white, transparent),
            radial-gradient(2px 2px at 90% 60%, white, transparent),
            radial-gradient(1px 1px at 33% 80%, white, transparent);
        background-size: 200% 200%;
        background-position: 0% 0%;
        opacity: 0.4;
        animation: twinkle 8s ease-in-out infinite;
        pointer-events: none;
        z-index: 0;
    }

    /* Dramatic shadow effects */
    .theme-midnight-stage .section {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }

    /* Glowing headings (stage lights effect) */
    .theme-midnight-stage h1 {
        font-size: clamp(2.5rem, 8vw, 5rem);
        line-height: 0.95;
        text-shadow:
            0 0 20px color-mix(in srgb, var(--primary-color) 50%, transparent),
            0 0 40px color-mix(in srgb, var(--primary-color) 30%, transparent),
            0 4px 8px rgba(0, 0, 0, 0.6);
        position: relative;
    }

    .theme-midnight-stage h2 {
        text-shadow:
            0 0 15px color-mix(in srgb, var(--primary-color) 40%, transparent),
            0 2px 4px rgba(0, 0, 0, 0.5);
    }

    .theme-midnight-stage h3 {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    }

    /* Spotlight effect on hero sections */
    .theme-midnight-stage .component-container.min-h-screen {
        background:
            radial-gradient(
                ellipse at center,
                color-mix(in srgb, var(--primary-color) 15%, var(--background-color)),
                var(--background-color) 70%
            );
    }

    /* Enhanced card depth */
    .theme-midnight-stage .card {
        box-shadow:
            0 4px 6px rgba(0, 0, 0, 0.3),
            0 0 0 1px color-mix(in srgb, var(--primary-color) 20%, transparent);
    }

    .theme-midnight-stage .card:hover {
        transform: translateY(-6px);
        box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.5),
            0 0 0 1px color-mix(in srgb, var(--primary-color) 40%, transparent),
            0 0 30px color-mix(in srgb, var(--primary-color) 20%, transparent);
    }

    /* Animated gradient on buttons */
    .theme-midnight-stage button,
    .theme-midnight-stage .button,
    .theme-midnight-stage a.button {
        background: linear-gradient(
            135deg,
            var(--button-bg) 0%,
            color-mix(in srgb, var(--button-bg) 80%, black) 100%
        );
        background-size: 200% 200%;
        animation: shimmer 3s ease infinite;
    }

    .theme-midnight-stage button:hover,
    .theme-midnight-stage .button:hover,
    .theme-midnight-stage a.button:hover {
        background: linear-gradient(
            135deg,
            var(--button-hover-bg) 0%,
            color-mix(in srgb, var(--button-hover-bg) 85%, black) 100%
        );
        transform: translateY(-2px);
        box-shadow:
            0 6px 20px color-mix(in srgb, var(--primary-color) 50%, transparent),
            0 0 40px color-mix(in srgb, var(--primary-color) 30%, transparent);
    }

    /* Music player stage effect */
    .theme-midnight-stage .music-player {
        border-top: 4px solid var(--primary-color);
        box-shadow:
            0 -4px 20px color-mix(in srgb, var(--primary-color) 30%, transparent),
            0 4px 20px rgba(0, 0, 0, 0.3);
    }

    /* Glowing dividers */
    .theme-midnight-stage hr {
        border: none;
        height: 2px;
        background: linear-gradient(
            90deg,
            transparent,
            color-mix(in srgb, var(--primary-color) 60%, transparent),
            transparent
        );
        box-shadow: 0 0 10px color-mix(in srgb, var(--primary-color) 40%, transparent);
    }

    /* Section transitions */
    .theme-midnight-stage .section,
    .theme-midnight-stage .component-container {
        transition: all 0.3s ease;
    }

    /* Enhanced text selection */
    .theme-midnight-stage ::selection {
        background: color-mix(in srgb, var(--primary-color) 40%, transparent);
        color: white;
        text-shadow: 0 0 8px color-mix(in srgb, var(--primary-color) 60%, transparent);
    }


    /* ============================================
       COMPONENT-SPECIFIC VISUAL EFFECTS (NEW)
       ============================================ */

    /* SCAN LINES - Retro CRT monitor effect on containers */
    .theme-midnight-stage-container {
        position: relative;
    }

    /* HERO GRADIENT OVERLAY - Purple cyberpunk gradient for full-height sections */
    .theme-midnight-stage-container.min-h-screen::before,
    .theme-midnight-stage-container.min-h-\\[50vh\\]::before,
    .theme-midnight-stage-container.min-h-\\[75vh\\]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg,
            rgba(30, 10, 50, 0.85) 0%,
            rgba(10, 5, 20, 0.9) 100%);
        pointer-events: none;
        z-index: 1;
    }

    /* STARFIELD ANIMATION - Twinkling stars for hero sections */
    .theme-midnight-stage-container.min-h-screen::after,
    .theme-midnight-stage-container.min-h-\\[50vh\\]::after,
    .theme-midnight-stage-container.min-h-\\[75vh\\]::after {
        content: '';
        position: absolute;
        inset: 0;
        background:
            radial-gradient(2px 2px at 20% 30%, white, transparent),
            radial-gradient(2px 2px at 60% 70%, white, transparent),
            radial-gradient(1px 1px at 50% 50%, white, transparent),
            radial-gradient(1px 1px at 80% 10%, white, transparent),
            radial-gradient(2px 2px at 90% 60%, white, transparent),
            radial-gradient(1px 1px at 33% 80%, white, transparent),
            radial-gradient(2px 2px at 15% 90%, white, transparent),
            radial-gradient(1px 1px at 70% 40%, white, transparent);
        background-size: 200% 200%;
        animation: twinkle 8s ease-in-out infinite;
        pointer-events: none;
        z-index: 2;
        opacity: 0.5;
    }

    @keyframes twinkle {
        0%, 100% {
            opacity: 0.3;
            background-size: 200% 200%;
        }
        50% {
            opacity: 0.7;
            background-size: 220% 220%;
        }
    }

    /* SCANLINES - Subtle retro effect for non-hero containers */
    .theme-midnight-stage-container:not(.min-h-screen):not(.min-h-\\[50vh\\]):not(.min-h-\\[75vh\\])::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: repeating-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.15) 0px,
            transparent 1px,
            transparent 2px,
            rgba(0, 0, 0, 0.15) 3px
        );
        pointer-events: none;
        z-index: 1;
        opacity: 0.3;
    }

    /* NEON TEXT GLOW - Enhanced title glow */
    .theme-midnight-stage-title {
        position: relative;
        text-shadow:
            0 0 10px var(--primary-color),
            0 0 20px var(--primary-color),
            0 0 30px var(--primary-color),
            0 0 40px var(--secondary-color),
            0 0 70px var(--secondary-color),
            0 4px 8px rgba(0, 0, 0, 0.8);
        animation: neon-pulse 2s ease-in-out infinite alternate;
    }

    @keyframes neon-pulse {
        from {
            text-shadow:
                0 0 10px var(--primary-color),
                0 0 20px var(--primary-color),
                0 0 30px var(--primary-color),
                0 0 40px var(--secondary-color),
                0 0 70px var(--secondary-color),
                0 4px 8px rgba(0, 0, 0, 0.8);
        }
        to {
            text-shadow:
                0 0 5px var(--primary-color),
                0 0 10px var(--primary-color),
                0 0 15px var(--primary-color),
                0 0 20px var(--secondary-color),
                0 0 35px var(--secondary-color),
                0 4px 8px rgba(0, 0, 0, 0.8);
        }
    }

    /* FULL-WIDTH IMPACT - Containers use max screen width */
    .theme-midnight-stage-container {
        /* Let component defaults control max-width (full from ThemePreset) */
        /* But ensure visual impact with strong borders */
        border-left: 4px solid var(--primary-color);
        border-right: 4px solid var(--secondary-color);
    }

    /* IMAGE CYBERPUNK GLOW */
    .theme-midnight-stage-image img {
        box-shadow:
            0 0 20px color-mix(in srgb, var(--primary-color) 50%, transparent),
            0 0 40px color-mix(in srgb, var(--secondary-color) 30%, transparent),
            0 10px 50px rgba(0, 0, 0, 0.5);
        border: 2px solid var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-image img:hover {
        box-shadow:
            0 0 30px color-mix(in srgb, var(--primary-color) 70%, transparent),
            0 0 60px color-mix(in srgb, var(--secondary-color) 50%, transparent),
            0 15px 70px rgba(0, 0, 0, 0.7);
        transform: scale(1.02);
    }

    /* BUTTON ELECTRIC CHARGE */
    .theme-midnight-stage-button a,
    .theme-midnight-stage-button button {
        position: relative;
        overflow: hidden;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 700;
        box-shadow:
            0 0 15px color-mix(in srgb, var(--primary-color) 50%, transparent),
            0 0 30px color-mix(in srgb, var(--primary-color) 30%, transparent),
            0 4px 15px rgba(0, 0, 0, 0.5);
    }

    .theme-midnight-stage-button a::before,
    .theme-midnight-stage-button button::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            45deg,
            transparent 30%,
            rgba(255, 255, 255, 0.3) 50%,
            transparent 70%
        );
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
        transition: transform 0.6s;
    }

    .theme-midnight-stage-button a:hover::before,
    .theme-midnight-stage-button button:hover::before {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }

    /* ============================================
       HEADER/NAVIGATION - Cyberpunk Styling
       ============================================ */

    /* Header border and shadow for depth */
    .theme-midnight-stage-header {
        border-bottom: 1px solid var(--border-color);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    }

    /* Logo glow effect on hover */
    .theme-midnight-stage .header-logo a {
        transition: all 0.3s ease;
    }

    .theme-midnight-stage .header-logo a:hover {
        color: var(--primary-color);
        text-shadow:
            0 0 20px var(--primary-color),
            0 0 40px var(--primary-color),
            0 0 60px var(--primary-color);
    }

    /* Navigation link animated underline indicator */
    .theme-midnight-stage .nav-link {
        position: relative;
        transition: all 0.3s ease;
    }

    .theme-midnight-stage .nav-link::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--primary-color);
        transition: width 0.3s ease;
        box-shadow: 0 0 10px var(--primary-color);
    }

    .theme-midnight-stage .nav-link:hover::after {
        width: 100%;
    }

    .theme-midnight-stage .nav-link:hover {
        color: var(--primary-color);
    }

    /* ============================================
       MUSIC PLAYER - Amplitude.js Cyberpunk Styling
       ============================================ */

    .theme-midnight-stage-music-player {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border-color);
        box-shadow: 0 0 40px rgba(189, 147, 249, 0.2);
    }

    /* Album art glow */
    .theme-midnight-stage-music-player .amplitude-album-art,
    .theme-midnight-stage-music-player [data-amplitude-song-info="cover_art_url"] {
        box-shadow: 0 0 30px rgba(189, 147, 249, 0.5);
    }

    /* Control buttons */
    .theme-midnight-stage-music-player .amplitude-play-pause {
        box-shadow: 0 0 30px var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-music-player .amplitude-play-pause:hover {
        box-shadow: 0 0 40px var(--primary-color);
        transform: scale(1.05);
    }

    .theme-midnight-stage-music-player .amplitude-prev,
    .theme-midnight-stage-music-player .amplitude-next {
        border: 2px solid var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-music-player .amplitude-prev:hover,
    .theme-midnight-stage-music-player .amplitude-next:hover {
        background: var(--primary-color);
        box-shadow: 0 0 20px var(--primary-color);
    }

    /* Track list items */
    .theme-midnight-stage-music-player .amplitude-song-container {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid transparent;
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-music-player .amplitude-song-container:hover {
        background: rgba(255, 255, 255, 0.08);
        border-color: var(--primary-color);
    }

    /* Progress bar */
    .theme-midnight-stage-music-player progress.amplitude-song-played-progress::-webkit-progress-bar {
        background: rgba(255, 255, 255, 0.05);
    }

    .theme-midnight-stage-music-player progress.amplitude-song-played-progress::-webkit-progress-value {
        background: var(--primary-color);
        box-shadow: 0 0 10px var(--primary-color);
    }

    /* ============================================
       GALLERY - Cyberpunk Image Grid
       ============================================ */

    .theme-midnight-stage-gallery {
        /* Container gets standard cyberpunk border from base styles */
    }

    .theme-midnight-stage-gallery img {
        box-shadow:
            0 0 20px color-mix(in srgb, var(--primary-color) 50%, transparent),
            0 0 40px color-mix(in srgb, var(--secondary-color) 30%, transparent),
            0 10px 50px rgba(0, 0, 0, 0.5);
        border: 2px solid var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-gallery img:hover {
        box-shadow:
            0 0 30px color-mix(in srgb, var(--primary-color) 70%, transparent),
            0 0 60px color-mix(in srgb, var(--secondary-color) 50%, transparent),
            0 15px 70px rgba(0, 0, 0, 0.7);
        transform: scale(1.02);
    }

    /* ============================================
       TIP JAR - Prominent CTA Styling
       ============================================ */

    .theme-midnight-stage-tip-jar {
        background: rgba(255, 255, 255, 0.05);
        border: 2px solid var(--primary-color);
        box-shadow:
            0 0 40px color-mix(in srgb, var(--primary-color) 40%, transparent),
            0 10px 50px rgba(0, 0, 0, 0.5);
    }

    .theme-midnight-stage-tip-jar button,
    .theme-midnight-stage-tip-jar .tip-button {
        box-shadow: 0 0 20px var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-tip-jar button:hover,
    .theme-midnight-stage-tip-jar .tip-button:hover {
        box-shadow: 0 0 30px var(--primary-color);
        transform: translateY(-2px);
    }

    /* ============================================
       NEWSLETTER - Email Capture Styling
       ============================================ */

    .theme-midnight-stage-newsletter {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border-color);
    }

    .theme-midnight-stage-newsletter input[type="email"] {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border-color);
        color: var(--text-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-newsletter input[type="email"]:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 20px rgba(189, 147, 249, 0.3);
        outline: none;
    }

    .theme-midnight-stage-newsletter button[type="submit"] {
        box-shadow: 0 0 20px var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-newsletter button[type="submit"]:hover {
        box-shadow: 0 0 30px var(--primary-color);
    }

    /* ============================================
       SOCIAL LINKS - Icon Styling with Glow
       ============================================ */

    .theme-midnight-stage-social-links a {
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-social-links a:hover {
        color: var(--primary-color);
        text-shadow: 0 0 20px var(--primary-color);
        transform: translateY(-2px);
    }

    .theme-midnight-stage-social-links svg,
    .theme-midnight-stage-social-links i {
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-social-links a:hover svg,
    .theme-midnight-stage-social-links a:hover i {
        filter: drop-shadow(0 0 10px var(--primary-color));
    }

    /* ============================================
       CONTACT FORM - Form Field Styling
       ============================================ */

    .theme-midnight-stage-contact-form {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border-color);
    }

    .theme-midnight-stage-contact-form input,
    .theme-midnight-stage-contact-form textarea,
    .theme-midnight-stage-contact-form select {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border-color);
        color: var(--text-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-contact-form input:focus,
    .theme-midnight-stage-contact-form textarea:focus,
    .theme-midnight-stage-contact-form select:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 20px rgba(189, 147, 249, 0.3);
        outline: none;
    }

    .theme-midnight-stage-contact-form button[type="submit"] {
        box-shadow: 0 0 20px var(--primary-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-contact-form button[type="submit"]:hover {
        box-shadow: 0 0 30px var(--primary-color);
    }

    /* ============================================
       TEXT - Enhanced Typography
       ============================================ */

    .theme-midnight-stage-text a {
        color: var(--link-color);
        transition: all 0.3s ease;
    }

    .theme-midnight-stage-text a:hover {
        color: var(--primary-color);
        text-shadow: 0 0 10px var(--primary-color);
    }

    /* ============================================
       VIDEO - Embed Container Styling
       ============================================ */

    .theme-midnight-stage-video {
        border: 2px solid var(--primary-color);
        box-shadow:
            0 0 30px color-mix(in srgb, var(--primary-color) 40%, transparent),
            0 10px 40px rgba(0, 0, 0, 0.5);
    }

    .theme-midnight-stage-video iframe {
        border-radius: var(--border-radius);
    }

}