/* brand.css - Schüttinger Gasthausbrauerei Configuration */

/* 1. TYPOGRAPHY IMPORT */
/* We import Bebas Neue (Headline), Montserrat (Labels), and Raleway (Body) */


:root {
    /* --- GENERIC STORE PALETTE (Mapped to Schüttinger CI) --- */
    
    /* Headlines, Highlights, Buttons, Active States */
    /* Schüttinger Red */
    --store-primary: #E41B13;       
    
    /* Sub-headlines, Secondary Buttons, Footer */
    /* Anthracite / Deep Grey */
    --store-secondary: #2D2E2E;     
    
    /* Main Body Text */
    --store-text: #1a1b10;          
    
    /* Text on Dark Backgrounds */
    --store-text-contrast: #ffffff; 
    
    /* Section Backgrounds: DARK */
    /* Used for the Footer and Event sections */
    --store-bg-dark: #2D2E2E;       
    
    /* Section Backgrounds: LIGHT */
    /* "Brewery Parchment" - warm off-white */
    --store-bg-light: #F9F7F2;      
    
    /* Section Backgrounds: CONTRAST (Deepest Black/Grey) */
    --store-bg-contrast: #111111;   

    /* --- TYPOGRAPHY SETTINGS --- */
    /* Langdon Alternative: Bebas Neue */
    --font-heading: 'Bebas Neue', sans-serif;
    
    /* Engravers Gothic Alternative: Montserrat (Uppercase) */
    --font-label: 'Montserrat', sans-serif;

    /* Raleway Regular */
    --font-body: 'Raleway', sans-serif;
    
    --weight-heading: 400; 
    --weight-body: 400;
}

/* bebas-neue-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/bebas-neue-v16-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/raleway-v37-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/raleway-v37-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/raleway-v37-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/raleway-v37-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/montserrat-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/montserrat-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* --- GLOBAL OVERRIDES --- */

body {
    font-family: var(--font-body);
    font-weight: var(--weight-body);
    color: var(--store-text);
    background-color: var(--store-bg-light); 
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    font-weight: var(--weight-heading);
    text-transform: uppercase; 
    letter-spacing: 0.05em;
    line-height: 1.0;
}

/* Specific Schüttinger Style: Shadowed Headlines mimicking "Langdon" font */
h1, h2 {
    text-shadow: 2px 2px 0px rgba(0,0,0,0.15);
}

h1 {
    /* The Red Bar underline */
    border-bottom: 3px solid var(--store-primary);
    display: inline-block;
    padding-bottom: 0.2rem;
    margin-bottom: 1.5rem;
}

/* Helper: Navigation & Labels (Engravers Gothic Look) */
nav a, .btn-primary, .btn-secondary, label, .label-style {
    font-family: var(--font-label);
    text-transform: uppercase;
    letter-spacing: 0.15em; /* Wide tracking for Engravers look */
    font-weight: 600;
}

/* Helper: English Translation / Subtext */
.lang-en {
    font-weight: 400;
    font-style: italic;
    display: block;
    margin-top: 0.25rem;
    color: var(--store-secondary); 
    opacity: 0.8;
}

.dark-mode .lang-en {
    color: #cccccc; 
}

/* Ensure container background matches to prevent white flashes */
#map {
    background-color: var(--store-bg-light);
}

/* --- BRANDED MAP STYLES (Rustic/Sepia) --- */

/* 1. Vintage Aesthetic: Sepia tone for the map tiles */
.leaflet-tile {
    filter: sepia(60%) contrast(0.9) brightness(0.9);
}

/* 2. Warm Overlay */
.map-tint-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Warm Brown/Red tint */
    background-color: #5c4033; 
    opacity: 0.2; 
    mix-blend-mode: multiply; 
    z-index: 400; 
    pointer-events: none; 
}

/* 3. Schüttinger Red Marker */
.leaflet-marker-icon {
    /* Hue rotate blue to red */
    filter: hue-rotate(150deg) saturate(1.8) brightness(0.9); 
}

/* 4. THE POPUP: Rustic Card Style */
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: var(--store-bg-light);      
    color: var(--store-text);                
    border: 2px solid var(--store-primary); 
    border-radius: 4px;                      
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);  
    font-family: var(--font-body);           
    padding: 2px;
}

.leaflet-popup-content b {
    font-family: var(--font-heading);       
    color: var(--store-primary);          
    text-transform: uppercase;
    font-size: 1.4em;
    display: block;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid var(--store-secondary);
    padding-bottom: 4px;
}