/*
Theme Name: Campweb Child
Theme URI: https://computercamp.dk
Description: This is Mike's custom child theme.
Author: ComputerCamp
Author URI: https://computercamp.dk
Template:     campweb
Version: 1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: campweb-child
*/

/* =========================================================
   Ollie Mega Menu — fade + slide animation
   ========================================================= */

/* Enter keyframe: browser can't skip this starting state even from visibility:hidden */
@keyframes ollie-mega-menu-enter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hidden state: shifted down — transition covers the exit (slide down + fade out) */
.wp-block-ollie-mega-menu__menu-container {
    transform: translateY(10px);
    transition:
        opacity 220ms ease,
        visibility 0s linear 220ms,
        transform 220ms ease;
}

/* Open state: animation handles the enter (slide up + fade in).
   opacity/transform held as CSS properties (not fill) so exit transition fires. */
.wp-block-ollie-mega-menu__toggle[aria-expanded=true] ~ .wp-block-ollie-mega-menu__menu-container {
    animation: ollie-mega-menu-enter 220ms ease;
    opacity: 1;
    transform: translateY(0);
}

/* Mobile overlay: skip the slide animation entirely */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-ollie-mega-menu__menu-container {
    animation: none;
    transform: none;
    transition: none;
}