/* 1. Remove page title and top gap */
.wp-block-post-title,
h1.entry-title,
.entry-header,
.page-header {
    display: none !important;
}
.wp-site-blocks > main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2. Remove side gaps / make full width */
.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.wp-block-post-content,
.wp-site-blocks main {
    max-width: 100% !important;
    margin: 0 !important;
}

/* 3. Fix image transparent background */
.wp-block-site-logo img,
.custom-logo,
.wp-block-image img {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Style Header (Colors and Aesthetics) */
/* 4. Style Header */
header.wp-block-template-part, .wp-block-template-part > header,
.wp-block-template-part.has-global-padding > header,
.site-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
.wp-block-navigation-item a {
    color: #0F172A !important;
    font-weight: 600 !important;
}
.wp-block-navigation-item a:hover {
    color: #2563A8 !important;
}

/* 5. Style Footer (Colors and Aesthetics) */
footer.wp-block-template-part,
.wp-block-template-part.has-global-padding > footer,
.site-footer,
.wp-site-blocks > .wp-block-group:last-child {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    padding: 40px 30px !important;
    margin-top: 0 !important;
}
footer a,
.wp-site-blocks > .wp-block-group:last-child a,
.wp-block-template-part footer a {
    color: #F5C842 !important;
}
footer a:hover,
.wp-site-blocks > .wp-block-group:last-child a:hover,
.wp-block-template-part footer a:hover {
    color: #FFFFFF !important;
}

        
/* Modern Header Enhancements */
.site-header, header.wp-block-template-part {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem 3rem !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 9999;
}
.site-header .wp-block-navigation { gap: 24px; }
.site-header .wp-block-navigation-item a {
    font-family: 'Bricolage Grotesque', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    border-radius: 8px;
    transition: all 0.3s ease !important;
}
.site-header .wp-block-navigation-item a:hover {
    background-color: rgba(37, 99, 168, 0.08) !important;
    color: #2563A8 !important;
}