/*
Theme Name:   Twenty Twenty-Five Child
Theme URI:    https://example.com/twentytwentyfive-child
Description:  Twenty Twenty-Five Child Theme with Daily Flyer Feature
Author:       Your Name
Author URI:   https://example.com
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyfive-child
Tags:         one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

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

/* Custom Styles for Twenty Twenty-Five Child */

/* Add your custom CSS below */

/* Style for the flyer image */
.todays-flyer {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin: 2rem auto;
    display: block;
}

.todays-flyer:hover {
    transform: translateY(-4px);
}

/* Flyer container for better alignment */
.flyer-container {
    text-align: center;
    padding: 2rem;
    background: var(--wp--preset--color--base);
    border-radius: 16px;
    margin: 3rem 0;
}

.flyer-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--x-large);
    color: var(--wp--preset--color--contrast);
    margin-bottom: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 782px) {
    .todays-flyer {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Optional: Add some custom colors that match TT5's aesthetic */
:root {
    --custom-accent: #3858e9;
    --custom-light: #f8f9fa;
}

/*
Theme Name:   Twenty Twenty-Five Child
Template:     twentytwentyfive
Version:      1.0.0
*/

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

/* FLYER GRID FULL WIDTH FIXES */
.flyers-grid-container {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 20px;
    box-sizing: border-box;
}

.flyers-grid-wrapper {
    max-width: 1400px;
    margin-left: -50%;
}

/* Override theme constraints */
.wp-site-blocks .flyers-grid-container,
main .flyers-grid-container,
.wp-block-post-content .flyers-grid-container {
    max-width: none !important;
    width: 100% !important;
}

/* Break out of content container */
.entry-content .flyers-grid-container {
    margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
    margin-right: calc(-1 * var(--wp--style--root--padding-right)) !important;
    width: calc(100% + 2 * var(--wp--style--root--padding-left)) !important;
}

/* Make today's flyer full width too */
.todays-flyer-block {
    width: 100% !important;
    max-width: 100% !important;
}

.todays-flyer-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Ensure grid items look good */
.flyer-grid-item {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.flyer-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.flyer-grid-item.today {
    border: 2px solid #0073aa;
}