/**
 * Homepage Specific Styles
 * Styles for new-homepage.blade.php
 */

:root {
    --font-seravek: 'Seravek', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
    --color-primary: #FF6B35;
    --color-beige-light: #FBF6F0;
    --color-beige-bg: #FAF7F5;
    --color-warm-brown: #8B7355;
}

body {
    font-family: var(--font-seravek);
}

/* Force light mode - disable dark mode completely */
html[data-theme="dark"],
html.dark,
body.dark {
    color-scheme: light !important;
}

/* Hero section - desktop: centered vertically */
section.hero-section {
    align-items: center;
}

/* Hero styles for mobile */
@media (max-width: 768px) {
    section.hero-section {
        background-position: 60% -81px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        align-items: flex-start !important;
        padding-top: 75px !important;
    }
    
    .hero-box {
        transform: scale(0.8);
    }
    
    section.hero-section h1 {
        font-size: 28px !important;
    }
    
    section.hero-section p {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    /* USP section - mobile: left aligned, stacked */
    section.py-12.bg-white > div > div {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}