/**
 * Landing Page Minimal CSS
 * @package AlOmran
 */

/* ============================================
   Landing Page Specific Styles Only
   ============================================ */

/* Hide Header and Footer on Landing Page */
body.landing-page-body header,
body.landing-page-body #food-navbar,
body.landing-page-body nav#food-navbar,
body.landing-page-body .site-header,
body.landing-page-body footer,
body.landing-page-body .site-footer,
body.landing-page-body #footer,
body.landing-page-body .wp-block-template-part[data-area="footer"],
body.landing-page-body .site-footer-container,
body.landing-page-body #hero-mobile-menu-bar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Remove padding/margin that might be added for header */
body.landing-page-body #main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Ensure landing page starts from top */
body.landing-page-body .landing-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hide admin bar if present */
body.landing-page-body #wpadminbar {
    display: none !important;
}

/* Responsive Typography - Custom breakpoint */
@media (max-width: 640px) {
    .landing-hero h1 {
        font-size: 2.5rem;
    }
}

/* Back to Top Button - Layali Gold Style */
.landing-page #back-to-top,
body.landing-page-body #back-to-top,
body[class*="page-template-page-layali"] #back-to-top {
    background-color: #D4AF37 !important;
    color: #0A0A0A !important;
}

.landing-page #back-to-top:hover,
body.landing-page-body #back-to-top:hover,
body[class*="page-template-page-layali"] #back-to-top:hover {
    background-color: #B8860B !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
}