/*
Theme Name: Zee Child Theme
Description: Child theme for Zee location with customizable variables
Version: 1.0.0
Author: Bright Pink Agency
Author URI: https://brightpinkagency.com
Template: tailwind-boilerplate
Text Domain: zee-child
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Child theme styles - inherit from parent */
/* All styles are compiled from Tailwind CSS in parent theme */

/* Announcement bar link styling */
.announcement-bar a {
    text-decoration: underline;
}

/* Offset sticky header when Admin Bar is present */
body.admin-bar .sticky-wrapper {
    top: 32px;
}

/* Offset megamenu overlays when Admin Bar is present */
body.admin-bar #mobile-menu-overlay,
body.admin-bar #window-solutions-megamenu {
    top: calc(var(--header-height, 100px) + 32px) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .sticky-wrapper {
        top: 46px;
    }

    body.admin-bar #mobile-menu-overlay,
    body.admin-bar #window-solutions-megamenu {
        top: calc(var(--header-height, 100px) + 46px) !important;
    }
}

@media screen and (max-width: 600px) {

    /* On mobile, WP Admin Bar usually scrolls away, so we stick to top 0 */
    body.admin-bar .sticky-wrapper {
        top: 0;
    }

    body.admin-bar #mobile-menu-overlay,
    body.admin-bar #window-solutions-megamenu {
        top: var(--header-height, 100px) !important;
    }
}