/**
 * ==========================================================================
 * COLINA MYRENT - MODULAR THEME STYLES
 * ==========================================================================
 * 
 * Glavni CSS file koji učitava sve modularne stilove.
 * 
 * @package MyRent_Agency
 * @version 4.0.0
 * @since 4.0.0
 * 
 * ARCHITECTURE:
 * =============
 * Ova tema koristi modularnu CSS arhitekturu za lakše održavanje
 * i kreiranje child tema.
 * 
 * MODULES:
 * --------
 * 1. _variables.css   - CSS varijable (boje, fontovi, spacing)
 * 2. _base.css        - Reset, tipografija, globalni elementi
 * 3. _buttons.css     - Svi button stilovi
 * 4. _forms.css       - Input, select, form elementi
 * 5. _cards.css       - Property cards, blog cards
 * 6. _navigation.css  - Header, nav, menu
 * 7. _hero.css        - Hero sekcije
 * 8. _property.css    - Single property stilovi
 * 9. _booking.css     - Booking widget i kalendar
 * 10. _homepage.css   - Homepage sekcije
 * 11. _map.css        - Properties map page
 * 
 * CHILD THEME USAGE:
 * ==================
 * Za override bilo kojeg stila, koristite CSS varijable:
 * 
 * :root {
 *     --cmr-primary: #your-brand-color;
 *     --cmr-font-heading: 'Your Font', serif;
 * }
 * 
 * Ili override specifične klase nakon @import:
 * 
 * @import url('../myrent-agency/assets/css/theme-modules.css');
 * 
 * .your-custom-class {
 *     // vaši stilovi
 * }
 * 
 * ==========================================================================
 */

/* ==========================================================================
   MODULE IMPORTS
   Note: Order matters! Variables must come first.
   ========================================================================== */

/* 1. Foundation */
@import url('modules/_variables.css');
@import url('modules/_base.css');

/* 2. Components */
@import url('modules/_buttons.css');
@import url('modules/_forms.css');
@import url('modules/_cards.css');
@import url('modules/_navigation.css');

/* 3. Sections */
@import url('modules/_hero.css');
@import url('modules/_property.css');
@import url('modules/_booking.css');
@import url('modules/_homepage.css');
@import url('modules/_map.css');

/* ==========================================================================
   UTILITY OVERRIDES
   Add any final overrides here that need highest specificity
   ========================================================================== */

/* Magnific Popup z-index fixes */
.mfp-bg {
    z-index: 999999 !important;
}

.mfp-wrap {
    z-index: 999999 !important;
}

.mfp-container {
    z-index: 999999 !important;
}

.mfp-content {
    z-index: 999999 !important;
}

.mfp-close {
    z-index: 1000000 !important;
}

/* Hide section nav when lightbox is open */
body.mfp-open .property-section-nav,
html.mfp-open .property-section-nav,
.mfp-open .property-section-nav {
    z-index: 1 !important;
    visibility: hidden !important;
}

body.mfp-open header,
body.mfp-open .header-new,
html.mfp-open header,
html.mfp-open .header-new {
    z-index: 1 !important;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    .mobile-booking-float,
    .property-section-nav,
    header,
    .header-new,
    footer {
        display: none !important;
    }
    
    .property-hero-media {
        max-height: 300px !important;
    }
    
    .property-detail {
        padding: 0 !important;
    }
}