/*
 Theme Name: Blocksy Child – Whitespace
 Theme URI: https://example.com/whitespace
 Description: Child theme for Blocksy to apply Analogue-style minimal branding for Art Outlet | Whitespace.
 Author: Cis (Whitespace)
 Author URI: https://example.com
 Template: blocksy
 Version: 1.0.0
 Text Domain: blocksy-child-whitespace
*/


/* Custom layout for desktop screens */
@media screen and (min-width: 768px) {
    /* 1. Ensure the main columns container has a defined height structure */
    .custom-layout-grid {
        display: flex;
        align-items: stretch; /* Forces all direct children (columns) to match height */
    }

    /* 2. Target the specific Group container holding the two right items */
    .right-stack-wrapper {
        display: flex;
        flex-direction: column; /* Stacks items vertically */
        height: 100%;           /* Essential: Tells this wrapper to fill 100% of the parent column's height */
    }

    /* 3. Target the individual items *inside* the wrapper */
    /* Use the universal selector > * to grab whatever blocks you used (image, text, etc.) */
    .right-stack-wrapper > * {
        flex-grow: 1;           /* Makes items share available space equally */
        /* Add some gap management */
        margin-bottom: 1rem;
    }
    
    /* Remove bottom margin from the very last item in the sequence */
    .right-stack-wrapper > *:last-child {
        margin-bottom: 0;
    }
}