/**
 * RytChef Brand Presets - Typography & Styling
 * Styles for the brand preset logo combinations
 * Version: 2.0.0
 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&family=Fredoka:wght@600&family=Sniglet:wght@800&family=Montserrat:wght@900&display=swap');

/* Brand Preset Container - Seamless Blend (No Pill) */
.rytchef-brand-preset-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    /* Removed padding to restore footer size */
    background: transparent;
    /* Seamless blend */
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.3s ease;
}

.rytchef-brand-preset-container:hover {
    transform: scale(1.02);
    /* Subtle lift instead of golden glow */
    box-shadow: none;
}

/* Footer variant */
.footer-brand-link .rytchef-brand-preset-container {
    background: transparent;
    box-shadow: none;
}

.footer-brand-link .rytchef-brand-preset-container:hover {
    transform: scale(1.02);
    box-shadow: none;
}

/* Typography Styles */
.brand-typo-nunito {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
}

.brand-typo-fredoka {
    font-family: 'Fredoka', sans-serif;
    font-weight: 600;
}

.brand-typo-sniglet {
    font-family: 'Sniglet', sans-serif;
    font-weight: 800;
}

/* Brand Text Styling */
.rytchef-brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}

.rytchef-brand-name {
    line-height: 1;
    color: #1e293b;
    letter-spacing: -0.02em;
}

/* Site Header & Footer Ryt Color - Pure White (for Dark Backgrounds) */
.site-header .rytchef-brand-name,
.footer-brand-link .rytchef-brand-name {
    color: #ffffff !important;
}

.rytchef-chef-block {
    background: #10B981;
    color: #ffffff;
    padding: 2px 10px;
    display: inline-block;
    margin-left: 2px;
    border-radius: 6px;
}

.rytchef-tagline {
    color: #64748b;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.9;
    margin-left: 2px;
}

/* Footer Tagline Color */
.footer-brand-link .rytchef-tagline,
.site-header .rytchef-tagline {
    color: #cbd5e1 !important;
    /* Lighter gray for better visibility */
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
    .rytchef-brand-name {
        font-size: 1.5rem !important;
    }

    .rytchef-tagline {
        font-size: 0.6rem !important;
    }
}

@media (max-width: 480px) {
    .rytchef-brand-name {
        font-size: 1.3rem !important;
    }

    .rytchef-tagline {
        font-size: 0.55rem !important;
    }
}

/* Print Styles */
@media print {
    .rytchef-brand-preset-container {
        background: white;
        box-shadow: none;
    }

    .rytchef-brand-name,
    .rytchef-tagline {
        color: black;
    }
}

/* FIX: Navbar Logo Size Override (was restricted to 32px in main.css) */
.site-header .brand-link img,
.site-header .brand-link svg,
.site-header .rytchef-brand-preset-container img,
.site-header .rytchef-brand-preset-container svg {
    max-height: 60px !important;
    max-width: 60px !important;
    width: auto;
    height: auto;
}