/* Home Page Styles - Combines all modules */
@import url('../components-pengunjung/navbar.css');
@import url('../components-pengunjung/hero.css');
@import url('../components-pengunjung/icons.css');
@import url('../components-pengunjung/property-card.css');
@import url('../components-pengunjung/pengunjung-popular-city.css');
@import url('../components-pengunjung/pengunjung-booking-guide.css');
@import url('../components-pengunjung/pengunjung-tips.css');
@import url('../components-pengunjung/pengunjung-faq.css');
@import url('../components-pengunjung/pengunjung-newsletter.css');
@import url('../components-pengunjung/pengunjung-testimonial.css');
@import url('../components-pengunjung/pengunjung-cta.css');
@import url('../components-pengunjung/sticky-search.css');
@import url('../components-pengunjung/search-modal.css');
@import url('../components-pengunjung/filter-modal.css');
@import url('../components-pengunjung/mobile-bottom-nav.css');
@import url('../components-pengunjung/search-autocomplete.css');
@import url('../components-pengunjung/popup-lanjutkan-aktivitas.css');
@import url('../components-pengunjung/floating-buttons.css');
@import url('../global-css/footer-pengunjung.css');

/* Global typography improvements */
body {
    font-size: 16px; /* Ensure base font size is 16px */
    line-height: 1.6;
}

/* Improve readability for all text elements */
p, .text-content, .description {
    font-size: 1rem; /* 16px */
    line-height: 1.6;
    color: #4b5563;
}

/* Heading improvements */
h1 { font-size: 2.5rem; line-height: 1.2; }
h2 { font-size: 2rem; line-height: 1.3; }
h3 { font-size: 1.5rem; line-height: 1.4; }
h4 { font-size: 1.25rem; line-height: 1.4; }
h5 { font-size: 1.125rem; line-height: 1.4; }
h6 { font-size: 1rem; line-height: 1.4; }

/* Mobile responsiveness */
@media (max-width: 768px) {
    body { font-size: 15px; }
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.375rem; }
}

@media (max-width: 576px) {
    body { font-size: 14px; }
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
}