/* Handwritten Numbers Solution - Combining MvPesambre with Caveat */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');

/* Corporate Colors based on Galleta pesambre.jpg - Light tones */
:root {
    --corporate-primary: #DEB887;      /* Burlywood - light main brand color */
    --corporate-secondary: #F4A460;    /* Sandy Brown - light accent color */
    --corporate-accent: #DAA520;       /* Goldenrod - light highlight color */
    --corporate-dark: #CD853F;         /* Peru - medium brown */
    --corporate-light: #F5DEB3;        /* Wheat - very light accent */
    --corporate-sepia: #D2B48C;        /* Tan - light sepia tone */
}

/* Navigation Menu with MvPesambre */
.nav-link {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
    font-size: 1.1rem;
    font-weight: normal;
    color: #fff !important;
    text-decoration: none;
    transition: all 0.3s ease;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    letter-spacing: 1px;
}

.nav-link:hover {
    color: var(--corporate-primary) !important;
    text-shadow: 0 2px 8px rgba(222, 184, 135, 0.6);
    transform: translateY(-2px);
}

/* Logo with MvPesambre */
.logo-text {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
    font-size: 1.8rem;
    font-weight: normal;
    color: var(--corporate-primary) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    letter-spacing: 1px;
}

/* Section Titles with MvPesambre */
.section-title {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
    font-size: 2.2rem;
    color: var(--corporate-primary);
    text-align: center;
    margin-bottom: 2.5rem;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
    font-weight: normal;
    letter-spacing: 1px;
}

/* Venue and Album Titles with MvPesambre */
.venue-title, .album-title {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* Review and Bio Text with MvPesambre */
.review-text, .bio-text-mvp {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
    font-size: 1.1rem;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Numbers in text - using Caveat for handwritten look */
.review-text, .bio-text-mvp, .venue-title, .album-title, .section-title, .logo-text, .nav-link {
    font-feature-settings: "liga" 1, "kern" 1;
    text-rendering: optimizeLegibility;
}

/* Special styling for numbers to make them look handwritten */
.review-text, .bio-text-mvp, .venue-title, .album-title, .section-title, .logo-text, .nav-link {
    font-variant-numeric: oldstyle-nums;
    font-feature-settings: "tnum" 0, "lnum" 0, "onum" 1;
}

/* ALL NUMBERS IN THE WEBSITE - Using Caveat for handwritten look */
/* Tour dates with Caveat for handwritten numbers */
.tour-date .day {
    font-family: 'Caveat', cursive !important;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    transform: rotate(-1deg);
}

.tour-date .month {
    font-family: 'Caveat', cursive !important;
    font-weight: 600;
    font-size: 0.9rem;
    color: #000;
    transform: rotate(1deg);
}

/* Album years with Caveat */
.album-info p {
    font-family: 'Caveat', cursive !important;
    font-weight: normal;
    color: #ffffff;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* Enhanced handwritten effect for specific numbers */
.handwritten-number {
    font-family: 'Caveat', cursive !important;
    font-weight: normal;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    transform: rotate(-0.5deg);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.9;
}

/* ALL NUMBERS IN TEXT - Force Caveat font */
.review-text, .bio-text-mvp {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Numbers within text content - Caveat font */
.review-text *, .bio-text-mvp * {
    font-family: inherit;
}

/* Specific number styling for bio text */
.bio-text-mvp {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Numbers in bio text - Caveat font */
.bio-text-mvp:contains("8"), .bio-text-mvp:contains("30"), .bio-text-mvp:contains("1992") {
    font-family: 'Caveat', cursive !important;
    color: rgba(255, 255, 255, 0.9);
    font-weight: normal;
    opacity: 0.9;
}

/* Global number styling - All numbers in the website use Caveat */
/* This will be applied via JavaScript to catch all numbers */
.number-handwritten {
    font-family: 'Caveat', cursive !important;
    font-weight: 600;
    color: var(--corporate-primary);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    display: inline-block;
    transform: rotate(-0.5deg);
}

/* Specific number patterns */
.number-8, .number-30, .number-1992, .number-2025, .number-2019, .number-2016, .number-2013, .number-2012, .number-2010, .number-2007, .number-2003, .number-2002, .number-2001, .number-1996 {
    font-family: 'Caveat', cursive !important;
    font-weight: 600;
    color: var(--corporate-primary);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    display: inline-block;
    transform: rotate(-0.5deg);
}

/* Language Selector with Corporate Colors */
.language-selector {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.lang-btn {
    background: transparent;
    border: 2px solid var(--corporate-primary);
    color: var(--corporate-primary);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lang-btn:hover {
    background: var(--corporate-primary);
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(222, 184, 135, 0.3);
}

.lang-btn.active {
    background: var(--corporate-primary);
    color: #000;
    border-color: var(--corporate-secondary);
    box-shadow: 0 4px 12px rgba(222, 184, 135, 0.4);
}

/* Enhanced Bio Text Numbers - Force Caveat for specific numbers */
.bio-text-mvp {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Specific number styling for bio text - More aggressive targeting */
.bio-text-mvp p {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Target specific numbers in bio text */
.bio-text-mvp p:contains("8"), 
.bio-text-mvp p:contains("30"), 
.bio-text-mvp p:contains("1992"),
.bio-text-mvp p:contains("2025"),
.bio-text-mvp p:contains("2001") {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Force Caveat for numbers within bio text */
.bio-text-mvp .number-handwritten,
.bio-text-mvp span[data-number] {
    font-family: 'Caveat', cursive !important;
    font-weight: 600;
    color: var(--corporate-primary);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    display: inline-block;
    transform: rotate(-0.5deg);
}

/* Additional targeting for bio numbers */
.bio-text-mvp strong,
.bio-text-mvp b,
.bio-text-mvp em {
    font-family: 'MvPesambre', 'Inter', 'Arial', sans-serif !important;
}

/* Numbers in bio - Force Caveat */
.bio-text-mvp .bio-number {
    font-family: 'Caveat', cursive !important;
    font-weight: 600;
    color: var(--corporate-primary);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    display: inline-block;
    transform: rotate(-0.5deg);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .nav-link {
        font-size: 1rem;
    }
    
    .logo-text {
        font-size: 1.5rem;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
}