/* =========================================
   MAIN STYLESHEET - IMPORTS ALL MODULES
   ========================================= */

/* Core */
@import 'variables.css';
@import 'base.css';
@import 'layout.css';

/* Navigation */
@import 'navigation.css';

/* Sections */
@import 'intro.css';
@import 'timeline.css';
@import 'infos.css';
@import 'faq.css';
@import 'rsvp.css';

/* Components */
@import 'components.css';
@import 'modal.css';
@import 'fancy-cards.css';
@import 'map.css';

/* Utilities */
@import 'utilities.css';

/* Responsive - MUST BE LAST */
@import 'responsive.css';

/* FORCE the intro section to be transparent */
#welcome.section {
   background: transparent !important;
   box-shadow: none !important;
   border: none !important;
   padding-top: 0; /* Remove padding to let text sit nicely */
 }
 
 /* Ensure the text is readable on the photo */
 .intro__hero {
   text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6); /* Stronger shadow */
 }