/*
Theme Name:    MA Retouch TT25 Child
Theme URI:     https://mariaariasretoque.com
Description:   Boutique child theme for Maria Arias Retouching — built on Twenty Twenty-Five.
Author:        Jesus Granada
Author URI:    https://jesusgranada.com
Template:      twentytwentyfive
Version:       2.1.0
Text Domain:   ma-retouch-tt25
*/

/* === Overlay / hamburger menu === */
.wp-block-navigation__responsive-container.is-menu-open {
    padding: 2rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    gap: 1.5rem !important;
    align-items: flex-start !important;
}

/* === Site title — fluid sizing === */
.wp-block-site-title {
    font-size: clamp(1.1rem, 0.6rem + 2.5vw, 1.8rem) !important;
}

/* === Touch targets (phones + tablets) === */
@media (pointer: coarse) {
    .wp-block-navigation .wp-block-navigation-item a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

/* === Responsive galleries (WP block Flexbox) === */

/* Tablet (≤1024px): magazines 5-col → 3-col */
@media (max-width: 1024px) {
    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image {
        width: calc(33.333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6667) !important;
        flex-grow: 0 !important;
    }
}

/* Mobile (≤600px): projects 3-col → 1-col, magazines 5-col → 2-col */
@media (max-width: 600px) {
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image {
        width: 100% !important;
        flex-grow: 0 !important;
    }
    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image {
        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5) !important;
        flex-grow: 0 !important;
    }
    /* Tighter body padding on small screens */
    body {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Small mobile (≤400px): magazines → 1-col */
@media (max-width: 400px) {
    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image {
        width: 100% !important;
    }
}

/* Large screens (≥1400px): wider portfolio gallery */
@media (min-width: 1400px) {
    .entry-content .wp-block-gallery.has-nested-images {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
}