/*
Theme Name: Barbershop Twenty Twenty-Four Child
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A modern, block-based child theme for barbershops, based on Twenty Twenty-Four. Includes services, gallery, and booking sections.
Template: twentytwentyfour
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: barbershop-twentytwentyfour-child
Tags: full-site-editing, block-theme, custom-colors, custom-logo, custom-menu
*/

@import url('../twentytwentyfour/style.css');

/* Remove block gap (space between blocks) globally */
.wp-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove block gap between top-level blocks */
.wp-site-blocks > * {
    margin-block-start: 0 !important;
}

/* Remove margin from navigation/header group */
.site-header,
.wp-block-group.site-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Remove block gap set by theme.json or global styles */
body .wp-block[data-align="full"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove unwanted top margin between hero and navigation/header */
.wp-block-cover.alignfull + .site-header,
.wp-block-cover.alignfull + .wp-block-group.site-header {
    margin-top: 0 !important;
}

/* Remove default margin-block-start and margin-block-end for headings and paragraphs inside hero and header */
.wp-block-cover .wp-block-heading,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6,
.wp-block-cover p,
.site-header .wp-block-heading,
.site-header h1,
.site-header h2,
.site-header h3,
.site-header h4,
.site-header h5,
.site-header h6,
.site-header p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Remove margin from the cover block itself */
.wp-block-cover.alignfull {
    margin-bottom: 0 !important;
} 

.is-sticky-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #000; /* or match your site’s background */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* optional */
  }