/* Lyra CMS - Static Generated Styles */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Roboto+Condensed:wght@400;500&display=swap');

/* Dynamic Color Variables Generated Statically */
:root {
    --color-button-dark: #7A5B4C;
    --color-button-dark-hover: #654D41;
    --color-button-light: #F0DAB9;
    --color-button-light-hover: #D8C5A5;
    --color-button-accent: #E69138;
    --color-button-accent-hover: #C2762A;
    --color-text-light: #F8F4ED;
    --color-text-dark: #4C3C33;
    --color-text-highlight: #E69138;
    --color-text-on-accent: #FFFFFF;
    --color-base-background: #FCF7F0;
    --color-surface-light: #F7F1E6;
    --color-surface-dark: #3D3129;
    --color-surface-accent-light: #FFF3E0;
    --color-surface-accent-dark: #A36B2B;
    --color-form-label-light: #F0DAB9;
    --color-form-text-light: #F8F4ED;
    --color-form-label-dark: #4C3C33;
    --color-form-text-dark: #4C3C33;
}

/* Color Utility Classes */
.bg-button-dark { background-color: #7A5B4C !important; }
.text-button-dark { color: #7A5B4C !important; }
.border-button-dark { border-color: #7A5B4C !important; }
.bg-button-dark-hover { background-color: #654D41 !important; }
.text-button-dark-hover { color: #654D41 !important; }
.border-button-dark-hover { border-color: #654D41 !important; }
.bg-button-light { background-color: #F0DAB9 !important; }
.text-button-light { color: #F0DAB9 !important; }
.border-button-light { border-color: #F0DAB9 !important; }
.bg-button-light-hover { background-color: #D8C5A5 !important; }
.text-button-light-hover { color: #D8C5A5 !important; }
.border-button-light-hover { border-color: #D8C5A5 !important; }
.bg-button-accent { background-color: #E69138 !important; }
.text-button-accent { color: #E69138 !important; }
.border-button-accent { border-color: #E69138 !important; }
.bg-button-accent-hover { background-color: #C2762A !important; }
.text-button-accent-hover { color: #C2762A !important; }
.border-button-accent-hover { border-color: #C2762A !important; }
.bg-text-light { background-color: #F8F4ED !important; }
.text-text-light { color: #F8F4ED !important; }
.border-text-light { border-color: #F8F4ED !important; }
.bg-text-dark { background-color: #4C3C33 !important; }
.text-text-dark { color: #4C3C33 !important; }
.border-text-dark { border-color: #4C3C33 !important; }
.bg-text-highlight { background-color: #E69138 !important; }
.text-text-highlight { color: #E69138 !important; }
.border-text-highlight { border-color: #E69138 !important; }
.bg-text-on-accent { background-color: #FFFFFF !important; }
.text-text-on-accent { color: #FFFFFF !important; }
.border-text-on-accent { border-color: #FFFFFF !important; }
.bg-base-background { background-color: #FCF7F0 !important; }
.text-base-background { color: #FCF7F0 !important; }
.border-base-background { border-color: #FCF7F0 !important; }
.bg-surface-light { background-color: #F7F1E6 !important; }
.text-surface-light { color: #F7F1E6 !important; }
.border-surface-light { border-color: #F7F1E6 !important; }
.bg-surface-dark { background-color: #3D3129 !important; }
.text-surface-dark { color: #3D3129 !important; }
.border-surface-dark { border-color: #3D3129 !important; }
.bg-surface-accent-light { background-color: #FFF3E0 !important; }
.text-surface-accent-light { color: #FFF3E0 !important; }
.border-surface-accent-light { border-color: #FFF3E0 !important; }
.bg-surface-accent-dark { background-color: #A36B2B !important; }
.text-surface-accent-dark { color: #A36B2B !important; }
.border-surface-accent-dark { border-color: #A36B2B !important; }
.bg-form-label-light { background-color: #F0DAB9 !important; }
.text-form-label-light { color: #F0DAB9 !important; }
.border-form-label-light { border-color: #F0DAB9 !important; }
.bg-form-text-light { background-color: #F8F4ED !important; }
.text-form-text-light { color: #F8F4ED !important; }
.border-form-text-light { border-color: #F8F4ED !important; }
.bg-form-label-dark { background-color: #4C3C33 !important; }
.text-form-label-dark { color: #4C3C33 !important; }
.border-form-label-dark { border-color: #4C3C33 !important; }
.bg-form-text-dark { background-color: #4C3C33 !important; }
.text-form-text-dark { color: #4C3C33 !important; }
.border-form-text-dark { border-color: #4C3C33 !important; }


/* Dynamic Font Classes Generated Statically */

.font-display {
    font-family: "Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 3.5rem !important;
}

.font-primary-headline {
    font-family: "Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 2.5rem !important;
}

.font-secondary-headline {
    font-family: "Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1.75rem !important;
}

.font-eyebrow {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    font-size: 0.875rem !important;
}

.font-paragraph {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1rem !important;
}

.font-button {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
}

.font-form-label {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 0.875rem !important;
}

.font-form-text {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1rem !important;
}


/* Custom CSS from CMS */
#index-hero {
position: relative;
}

#booking-bar-wrapper {
display: flex;
justify-content: center;
align-items: center;
z-index: 200;
position: relative;
top: -280px;
}

#lyra-widget {
max-width: 600px;
width: 600px;
flex: 1;
}

.lyra-booking-widget .widget-container {
background-color: transparent !important;
}