/*!
Theme Name: Divi Child
Description: Child theme for the Divi theme
Author: Your Name
Template: Divi
Version: 1.0.4
*/

/* Import parent theme styles */
@import url("../Divi/style.css");

/*
=== Custom Styles ===
Add your custom CSS below this line
*/

/* ===== GLOBAL SITE BACKGROUND - PRISMATIC PHOTO 70% OVERLAY ===== */
/* Applied to body element for site-wide background */

/* Apply background to body */
body {
    background-image: url('/wp-content/uploads/2025/10/23751-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    position: relative !important;
}

/* 70% White overlay on body background */
body::before {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.70) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* CRITICAL FIX: Remove white backgrounds from Divi containers */
#et-main-area,
#main-content,
.container,
#left-area,
.et_pb_section {
    background-color: transparent !important;
    background: none !important;
}

/* Ensure main content is above the background */
body #page,
body #main-content,
body .et-l,
body #et-main-area,
body #main-footer,
body .et_builder_inner_content,
body #page-container {
    position: relative !important;
    z-index: 1 !important;
}

/* CRITICAL: Site header must be above all content */
/* Theme Builder Header */
.et-l--header,
header.et-l--header,
.et-l--header .et_builder_inner_content,
.et-l--header .et_pb_section,
.et-l--header .mainhead,
.mainhead,
.et_pb_section.mainhead,
.et_pb_sticky_module.mainhead,
/* Theme Builder header rows and columns */
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
/* Standard Divi header */
#main-header,
body #main-header,
#main-header.et-fixed-header,
.et-fixed-header,
#top-header,
#et-top-navigation,
.et_menu_container {
    z-index: 99999 !important;
}

/* Ensure header has proper positioning context */
#main-header,
.et-l--header {
    position: relative !important;
}

#main-header.et-fixed-header {
    position: fixed !important;
}

/* Mobile: Use scroll instead of fixed for better performance */
@media (max-width: 768px) {
    body {
        background-attachment: scroll !important;
    }

    body::before {
        position: absolute !important;
        min-height: 100vh !important;
    }
}

/* Optional: Disable background on specific pages */
/* Uncomment and modify as needed */
/*
body.home.artinerary-global-bg {
    background-image: none !important;
}
body.home.artinerary-global-bg::before {
    display: none !important;
}
*/


/* Hide hero slider description on mobile */
@media (max-width: 768px) {
    .art-hero__desc { display: none !important; }
}
