/*
 Theme Name:   Extendable Child - Judaism Project
 Theme URI:    https://example.com/extendable-child
 Description:  Child theme for Extendable with custom Judaism project functionality (timelines, galleries, downloads, PDF buttons)
 Author:       William Franks
 Author URI:   https://example.com
 Template:     extendable
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  extendable-child
*/

/*
 * Add any custom CSS overrides below this line.
 * The parent theme's styles are automatically loaded.
 */

/* Site title sizing */
.wp-block-site-title,
.wp-block-site-title a {
    font-size: 1.8rem !important;
}

@media (max-width: 768px) {
    .wp-block-site-title,
    .wp-block-site-title a {
        font-size: 1.6rem !important;
    }
}

/* Fix submenus going off-screen on right side */
.wp-block-navigation-item:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation-item:nth-last-child(2) .wp-block-navigation__submenu-container,
.wp-block-navigation-item:nth-last-child(3) .wp-block-navigation__submenu-container {
    left: auto !important;
    right: 0 !important;
}

/* Ensure submenus stay within viewport */
.wp-block-navigation__submenu-container {
    max-width: 90vw !important;
}

@media (max-width: 1200px) {
    /* All submenus align right on smaller screens to prevent overflow */
    .wp-block-navigation__submenu-container {
        left: auto !important;
        right: 0 !important;
    }
}

/* ============================================
   Custom Navigation Breakpoint (1100px)
   Below 1100px: show hamburger, hide inline nav
   Above 1100px: show inline nav, hide hamburger
   ============================================ */

/* Default state: show hamburger button */
.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
}

/* Default state: hide the navigation container (unless menu is open) */
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

/* At 1100px and above: hide hamburger, show inline nav */
@media (min-width: 1100px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}