/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* =========================================================
   1. GENERATEPRESS CONTAINER & LAYOUT RESETS
   ========================================================= */

/* Remove default GeneratePress container constraints
   - Sets max-width to 100% for edge-to-edge control
   - Removes default padding so Divi can manage spacing */
.container.grid-container {
    max-width: 100%;
    padding: 0;
}

/* Remove default padding/margin from main content area */
.page .site-content .content-area {
    padding: 0;
    margin: 0;
}

/* Ensure full-width container inside GP when on pages */
.page .site-content .container.grid-container {
    max-width: 100%;
    padding: 0;
}

/* Remove top/bottom spacing GP adds to page content */
.page .entry-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Remove paragraph margins inside page content */
.page .entry-content p {
    margin: 0;
}

/* Hide default page title (handled by Divi) */
.page .entry-title {
    display: none;
}

/* One Container layout mode — remove padding */
.one-container .site-content {
    padding: 0;
}

/* Separate Containers layout mode — remove padding */
.separate-containers .inside-article,
.separate-containers .site-main {
    padding: 0;
}


/* =========================================================
   2. HEADER STYLING (STICKY + SHADOWS)
   ========================================================= */

/* Make the entire header sticky */
.site-header {
    position: sticky;
    top: 0;                 /* Stick to top of viewport */
    z-index: 10000;         /* Ensure above page content */
    background: #fff;       /* Prevent transparency bleed-through */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); /* Subtle bottom edge shadow */
}

/* Subtle shadow on all sides of the main navigation */
.main-navigation {
    box-shadow: 0 0 5px rgba(0,0,0,.12);
}


/* =========================================================
   3. FOOTER STYLING
   ========================================================= */

/* Subtle top shadow to separate footer from body content */
.site-footer {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .12);
}