/* Shared styles for all font generators */

/* Special font preview styles */
.font-preview {
    font-size: 1.5rem;
    font-weight: 600;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
}

/* Theme-specific font classes */
.creepster { font-family: 'Creepster', cursive; }
.nosifer { font-family: 'Nosifer', cursive; }
.eater { font-family: 'Eater', cursive; }
.griffy { font-family: 'Griffy', cursive; }
.butcherman { font-family: 'Butcherman', serif; }
.metal-mania { font-family: 'Metal Mania', cursive; }
.jim-nightshade { font-family: 'Jim Nightshade', cursive; }
.chela-one { font-family: 'Chela One', cursive; }

/* Calligraphy fonts */
.great-vibes { font-family: 'Great Vibes', cursive; }
.allura { font-family: 'Allura', cursive; }
.tangerine { font-family: 'Tangerine', cursive; font-weight: 700; }
.dancing-script { font-family: 'Dancing Script', cursive; font-weight: 600; }
.pinyon-script { font-family: 'Pinyon Script', cursive; }
.alex-brush { font-family: 'Alex Brush', cursive; }
.sacramento { font-family: 'Sacramento', cursive; }
.parisienne { font-family: 'Parisienne', cursive; }

/* Gothic fonts */
.unifraktur-maguntia { font-family: 'UnifrakturMaguntia', cursive; }
.cinzel { font-family: 'Cinzel', serif; }
.cinzel-decorative { font-family: 'Cinzel Decorative', cursive; }
.pirata-one { font-family: 'Pirata One', cursive; }

/* Graffiti fonts */
.bungee { font-family: 'Bungee', cursive; }
.bungee-shade { font-family: 'Bungee Shade', cursive; }
.righteous { font-family: 'Righteous', cursive; }
.permanent-marker { font-family: 'Permanent Marker', cursive; }
.finger-paint { font-family: 'Finger Paint', cursive; }
.kranky { font-family: 'Kranky', cursive; }

/* Discord/Tech fonts */
.roboto-mono { font-family: 'Roboto Mono', monospace; }
.source-code-pro { font-family: 'Source Code Pro', monospace; }
.jetbrains-mono { font-family: 'JetBrains Mono', monospace; }
.fira-code { font-family: 'Fira Code', monospace; }
.space-mono { font-family: 'Space Mono', monospace; }
.inconsolata { font-family: 'Inconsolata', monospace; }

/* Disney/Fun fonts */
.fredoka-one { font-family: 'Fredoka One', cursive; }
.bubblegum-sans { font-family: 'Bubblegum Sans', cursive; }
.comfortaa { font-family: 'Comfortaa', cursive; font-weight: 600; }
.nunito { font-family: 'Nunito', sans-serif; font-weight: 600; }
.quicksand { font-family: 'Quicksand', sans-serif; font-weight: 600; }
.chewy { font-family: 'Chewy', cursive; }
.kalam { font-family: 'Kalam', cursive; }

/* Barbie/Glamorous fonts */
.pacifico { font-family: 'Pacifico', cursive; }
.satisfy { font-family: 'Satisfy', cursive; }
.lobster { font-family: 'Lobster', cursive; }
.alex-brush { font-family: 'Alex Brush', cursive; }

/* Star Wars/Sci-Fi fonts */
.orbitron { font-family: 'Orbitron', sans-serif; }
.exo-2 { font-family: 'Exo 2', sans-serif; }
.rajdhani { font-family: 'Rajdhani', sans-serif; }
.russo-one { font-family: 'Russo One', sans-serif; }
.roboto-condensed { font-family: 'Roboto Condensed', sans-serif; }
.titillium-web { font-family: 'Titillium Web', sans-serif; }
.play { font-family: 'Play', sans-serif; }
.audiowide { font-family: 'Audiowide', cursive; }

/* Instagram-specific font classes */
.dancing-script-ig { font-family: 'Dancing Script', cursive; font-weight: 600; }
.pacifico-ig { font-family: 'Pacifico', cursive; }
.lobster-ig { font-family: 'Lobster', cursive; }
.satisfy-ig { font-family: 'Satisfy', cursive; }
.kalam-ig { font-family: 'Kalam', sans-serif; font-weight: 400; }
.caveat-ig { font-family: 'Caveat', cursive; font-weight: 500; }
.righteous-ig { font-family: 'Righteous', cursive; }
.fredoka-one-ig { font-family: 'Fredoka One', cursive; }
.bungee-ig { font-family: 'Bungee', cursive; }
.comfortaa-ig { font-family: 'Comfortaa', cursive; font-weight: 600; }
.allura-ig { font-family: 'Allura', cursive; }
.great-vibes-ig { font-family: 'Great Vibes', cursive; }
.alex-brush-ig { font-family: 'Alex Brush', cursive; }
.mr-dafoe-ig { font-family: 'Mr Dafoe', cursive; }
.sacramento-ig { font-family: 'Sacramento', cursive; }
.parisienne-ig { font-family: 'Parisienne', cursive; }
.indie-flower-ig { font-family: 'Indie Flower', cursive; }
.handlee-ig { font-family: 'Handlee', cursive; }
.architects-daughter-ig { font-family: 'Architects Daughter', cursive; }
.patrick-hand-ig { font-family: 'Patrick Hand', cursive; }
.montserrat-ig { font-family: 'Montserrat', sans-serif; font-weight: 500; }
.nunito-ig { font-family: 'Nunito', sans-serif; font-weight: 500; }
.open-sans-ig { font-family: 'Open Sans', sans-serif; font-weight: 500; }
.lato-ig { font-family: 'Lato', sans-serif; font-weight: 400; }
.quicksand-ig { font-family: 'Quicksand', sans-serif; font-weight: 500; }
.poppins-ig { font-family: 'Poppins', sans-serif; font-weight: 500; }

/* Star Wars/Sci-fi fonts */
.orbitron { font-family: 'Orbitron', sans-serif; font-weight: 700; }
.exo-2 { font-family: 'Exo 2', sans-serif; font-weight: 600; }
.rajdhani { font-family: 'Rajdhani', sans-serif; font-weight: 600; }
.russo-one { font-family: 'Russo One', sans-serif; }
.black-ops-one { font-family: 'Black Ops One', cursive; }

/* Make specific fonts larger for better visibility */
.font-preview.creepster,
.font-preview.nosifer,
.font-preview.eater,
.font-preview.griffy,
.font-preview.butcherman,
.font-preview.metal-mania {
    font-size: 1.8rem;
    font-weight: 400;
}

/* Script fonts optimized for preview */
.font-preview.great-vibes,
.font-preview.allura,
.font-preview.tangerine,
.font-preview.dancing-script,
.font-preview.pinyon-script,
.font-preview.alex-brush,
.font-preview.sacramento,
.font-preview.parisienne,
.font-preview.dancing-script-ig,
.font-preview.pacifico-ig,
.font-preview.lobster-ig,
.font-preview.satisfy-ig,
.font-preview.caveat-ig,
.font-preview.allura-ig,
.font-preview.great-vibes-ig,
.font-preview.alex-brush-ig,
.font-preview.mr-dafoe-ig,
.font-preview.sacramento-ig,
.font-preview.parisienne-ig,
.font-preview.indie-flower-ig,
.font-preview.handlee-ig,
.font-preview.architects-daughter-ig,
.font-preview.patrick-hand-ig {
    font-size: 1.8rem;
}

/* Bold fonts */
.font-preview.bungee,
.font-preview.righteous,
.font-preview.fredoka-one,
.font-preview.black-ops-one,
.font-preview.righteous-ig,
.font-preview.fredoka-one-ig,
.font-preview.bungee-ig,
.font-preview.comfortaa-ig {
    font-size: 1.5rem;
    font-weight: 400;
}

/* Animation for font items */
.font-item {
    animation: fadeInUp 0.3s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .font-preview {
        font-size: 1.3rem;
    }
    
    .font-preview.creepster,
    .font-preview.nosifer,
    .font-preview.eater,
    .font-preview.griffy,
    .font-preview.butcherman,
    .font-preview.metal-mania,
    .font-preview.great-vibes,
    .font-preview.allura,
    .font-preview.tangerine,
    .font-preview.dancing-script,
    .font-preview.pinyon-script,
    .font-preview.alex-brush,
    .font-preview.sacramento,
    .font-preview.parisienne {
        font-size: 1.5rem;
    }
    
    .font-preview.bungee,
    .font-preview.righteous,
    .font-preview.fredoka-one,
    .font-preview.black-ops-one {
        font-size: 1.3rem;
    }
}