/* 
  Permanent Core Styles for Merlines. 
  This file is served without a hash and remains stable across builds.
  It ensures the site stays lookable in search engine caches.
*/

:root {
    --color-white: #ffffff;
    --color-space-blue: #235ef5;
    --color-black: #333333;
    --color-medium-grey: rgba(161, 161, 161, 1);
    --font-inter: "Inter", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: var(--font-inter);
    color: var(--color-black);
    background-color: var(--color-white);
    -webkit-font-smoothing: antialiased;
}

/* Header & Main BG */
header,
.header_wrapper__h8g_m,
[class*="header_wrapper"],
.searchTicketsHome,
[class*="searchTicketsHome"],
.header_header__mD2_A {
    background-color: var(--color-space-blue) !important;
    color: var(--color-white) !important;
}

/* Titles */
h1,
h2,
h3,
[class*="sectionTitle"],
[class*="Title"],
.Section_sectionTitle__8I5Wl {
    font-family: var(--font-montserrat);
    font-weight: 700;
}

/* Navigation & Links */
a {
    color: inherit;
    text-decoration: none;
}

/* Basic Layout */
.container,
[class*="container"],
[class*="Container"],
section,
.Section_section__W1oB6 {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Search Form Fallback */
[class*="searchForm"],
[class*="SearchTickets"] {
    border-radius: 12px;
    background: white;
    color: black;
}

/* Images fallbacks */
img {
    max-width: 100%;
    height: auto;
}