/**
 * FILE LOCATION: SITE-ROOT/styles.css
 *
 * This stylesheet provides global styling for the Earls Hideaway Lounge website.
 * It combines the original site styles with new rules for dynamic background management,
 * ensuring seamless integration and preserving all existing design elements.
 *
 * Version: 2025.10.13.14.35.00-EST (Added Mobile Master CSS)
 * Description: Implemented comprehensive mobile responsiveness system
 * Author: Claude (Anthropic)
 */

/*** @import url("my-imported-styles.css"); ***/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
@import url("/css/base.css");
/* ==========================================================================
   HEADER STYLES
   ========================================================================== */
@import url("/css/page.css");
@import url("/css/header.css");
@import url("/css/custom-fonts.css"); 
/* ==========================================================================/
   MAIN CONTENT AREA & WRAPPER FOR BACKGROUND LAYERING
   ========================================================================== */
@import url("/css/main.css");
/* ==========================================================================
   DYNAMIC BACKGROUND & OVERLAY
   ========================================================================== */
@import url("/css/backgrounds.css");
/* ==========================================================================
   HEADER & NAVIGATION
   ========================================================================== */
@import url("/css/nav.css");
/* ==========================================================================
   HOME PAGE LAYOUT & HERO PANEL
   ========================================================================== */
@import url("/css/layout.css");
/**
  VIDEOS
   ========================================================================== */
@import url("/css/videos.css");


/* ==========================================================================
   PHOTO GALLERY - MASONRY LAYOUT
   ========================================================================== */
@import url("/css/photo_gallery.css");

@import url("/css/galleries.css");

@import url("/css/pdf-gallery-cards.css");

/* ==========================================================================
   FOOTER 
   ========================================================================== */
@import url("/css/footer.css");
/* ==========================================================================
   LIGHTBOX
   ========================================================================== */
@import url("/css/lightbox.css");
/* ==========================================================================
   MERCH
   ========================================================================== */
@import url("/css/merch.css");
/* ==========================================================================
   MOBILE STYLES (Base mobile styles)
   ========================================================================== */

@import url("/css/mobile.css");

@import url("/css/mobile-nav-integration.css");

/* ==========================================================================
   MOBILE MASTER (Comprehensive mobile responsiveness)
   ========================================================================== */

@import url("/css/mobile-master.css");
   
@import url("/css/suno.css");