@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* CSS Variables */
:root {
    --color-primary: #000000;
    --color-secondary: #FFFFFF;
    --color-accent: #E10600;
    --color-bg: #0a0a0f;
    --color-text: #fffafa;
    --color-text-dark: #a0a0a8;
    --color-border: #2a2a3a;
    --font-title: 'Bebas Neue', 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    --transition-smooth: 0.3s ease-in-out;
}

/* Font Families */
.inter-regular {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.inter-medium {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.inter-semibold {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.montserrat-black {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-bg);
    font-family: var(--font-body);
    font-weight: 400;
    min-height: 100vh;
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.6;
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: color var(--transition-smooth);
}

/* Container */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #cc0400;
}

/* Responsive Typography */
@media (max-width: 768px) {
    .container {
        padding: 0 1.5rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 1rem;
    }
}

/* Reservio widget button styling to match site */
.reservio-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 16px;
}

.reservio-button-container button {
    background: var(--color-accent) !important;
    color: #fff !important;
    font-family: var(--font-body);
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background var(--transition-smooth);
    margin-left: auto;
    margin-right: auto;
}

/* Reservio can inject anchor/button wrappers; keep all variants centered */
.reservio-button-container > * {
    margin-left: auto !important;
    margin-right: auto !important;
}

.reservio-button-container button:hover {
    background: #c50500 !important;
}