/*
Theme Name: Recollections Within Theme
Template: kadence
*/


/* --- ALL CUSTOM CSS (Managed via Code Snippets Plugin) --- */

/* Newsletter Form Button HOVER State */
#forminator-module-2790 .forminator-button:hover {
    background-image: linear-gradient(-45deg, #C03A50 0%, rgba(192, 58, 80, 0.5) 100%) !important; /* Reverse angle for hover */
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- SHOP PAGE SPECIFIC LAYOUT FIXES --- */

/* Target the WooCommerce Shop page body class for aggressive resets */
/* This ensures the Shop page fills the screen without top/bottom strips */
body.woocommerce-page {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden; /* Prevent horizontal scroll if any */
}

/* Ensure the main content area stretches and removes its own padding on Shop page */
body.woocommerce-page .site-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Target the specific row layout on the shop page to ensure it's full height */
body.woocommerce-page .kadence-row-layout {
    min-height: 100vh !important;
    height: auto !important; /* Allow it to grow if content is taller than viewport */
    display: flex; /* Use flexbox to ensure content stretches within */
    flex-direction: column;
    justify-content: center; /* Center content vertically if desired */
}

/* Hide "No products were found matching your selection" message on shop page */
body.woocommerce-page .woocommerce-info.woocommerce-no-products-found {
    display: none !important;
}

body.woocommerce-page .woocommerce-info {
    display: none !important;
}

/* Target main site wrapper and content areas specifically for WooCommerce pages */
body.woocommerce-page .site {
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-page .site-container {
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-page .site-main {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure header and footer don't push content down/up with extra space on WooCommerce pages */
body.woocommerce-page .site-header {
    margin-bottom: 0 !important;
}

body.woocommerce-page .site-footer {
    margin-top: 0 !important;
}

/* Target the content wrapper for WooCommerce pages specifically */
body.woocommerce-page #content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* --- BLOG ARCHIVE & SINGLE POST SPACING & STYLING --- */

/* 1. Space for the archive title box (between title background and header, and below title) */
.blog .entry-hero {
    padding-top: 50px !important;
    padding-bottom: 48px !important;
    margin-bottom: 48px !important;
}

/* Adjust padding *inside* the title box to control space directly above/below "The Journal" text */
.entry-hero-container-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* 2. Space ABOVE and BELOW the content WITHIN individual post cards */
.blog .entry {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin-bottom: 80px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Space between bottom post and footer */
.site-content-container {
    padding-bottom: 80px !important;
}

/* 4. Comprehensive Rounded Corners for various blocks within blog posts */
.blog .wp-block-post-template > li,
.blog .wp-block-post,
.blog .wp-block-group,
.blog .wp-block-cover,
.blog .wp-block-column {
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* --- BLOG CONTENT ALIGNMENT & WIDTH FIXES (Refined) --- */

/* Target the main content wrapper for blog archive and single posts */
/* This ensures content is centered and has a readable max-width */
.blog .site-content-container,
.single-post .site-content-container {
    max-width: 1200px !important; /* Adjust this value to your desired maximum content width */
    margin-left: auto !important;
    margin-right: auto !important;
    /* Re-adding internal padding to separate content from screen edges - Increased for visibility */
    padding-left: 40px !important; /* Increased padding */
    padding-right: 40px !important; /* Increased padding */
    padding-top: 20px !important; /* Add top padding */
    padding-bottom: 20px !important; /* Add bottom padding */
}

/* Ensure the main content area itself respects the container's width */
.blog .site-main,
.single-post .site-main {
    width: 100% !important; /* Ensure it fills its parent container */
    max-width: none !important; /* Remove any conflicting max-width */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Target the inner content wrap within posts/pages to ensure it's centered */
.blog .entry-content-wrap, /* Adding this specific Kadence class */
.single-post .entry-content-wrap, /* Adding this specific Kadence class */
.blog .entry-content,
.single-post .entry-content,
.blog .kt-container,
.single-post .kt-container {
    max-width: 800px !important; /* Standard readable width for text content */
    margin-left: auto !important;
    margin-right: auto !important;
    /* Add internal padding to the content wrap itself */
    padding: 2rem !important; /* This matches the 2rem you identified earlier */
    box-sizing: border-box !important; /* Ensure padding is included in the width */
}

/* Add padding to the column content itself to prevent text from touching edges */
.blog .entry-content .wp-block-column,
.single-post .entry-content .wp-block-column {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Adjust for smaller screens to ensure content doesn't touch edges */
@media (max-width: 768px) {
    .blog .site-content-container,
    .single-post .site-content-container {
        padding-left: 20px !important; /* Adjusted for mobile */
        padding-right: 20px !important; /* Adjusted for mobile */
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .blog .entry-content-wrap,
    .single-post .entry-content-wrap,
    .blog .entry-content,
    .single-post .entry-content,
    .blog .kt-container,
    .single-post .kt-container {
        padding: 1.5rem !important; /* Slightly less padding for mobile */
    }
    .blog .entry-content .wp-block-column,
    .single-post .entry-content .wp-block-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* --- END ALL CUSTOM CSS --- */