/*
Theme Name: Harmony
Template: twentytwentyfive
Version: 1.1.0
Text Domain: harmony
Description: Harmony NC LGBT+ Allied Chamber of Commerce — child theme of Twenty Twenty-Five with brand color palette, locally-hosted Oswald and Montserrat fonts, fluid type scale, and a logo-first header.
Author: Visibull
*/

/* -------------------------------------------------------------------------
   Section rhythm
   - Full-width sections butt up against each other (margin: 0)
   - Default 80px vertical breathing room when no inline padding is set
     (sections with explicit padding override this via specificity)
   ------------------------------------------------------------------------- */
.wp-block-cover.alignfull,
.wp-block-group.alignfull {
    margin-block: 0 !important;
}

/* When a full-width section doesn't define its own padding, fall back to 80px. */
.wp-block-cover.alignfull:not([style*="padding"]),
.wp-block-group.alignfull:not([style*="padding"]) {
    padding-block: 80px;
    padding-inline: 24px;
}

/* -------------------------------------------------------------------------
   Header
   - White background, logo left, primary nav right (matches harmonync.org)
   - Includes thin top utility bar above the main row
   ------------------------------------------------------------------------- */
.harmony-top-bar {
    background-color: var(--wp--preset--color--harmony-navy);
    color: #FFFFFF;
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 8px 24px;
}
.harmony-top-bar .wp-block-navigation a,
.harmony-top-bar .wp-block-navigation .wp-block-navigation-item__content {
    color: #FFFFFF;
}
.harmony-top-bar .wp-block-navigation a:hover {
    color: var(--wp--preset--color--harmony-yellow);
}

.harmony-main-header {
    background-color: #FFFFFF;
    padding-block: 16px;
}
.harmony-main-header .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--wp--preset--color--harmony-navy);
}
.harmony-main-header .wp-block-navigation a:hover {
    color: var(--wp--preset--color--harmony-indigo);
}
.harmony-main-header .custom-logo-link img {
    max-width: 260px;
    height: auto;
}

/* -------------------------------------------------------------------------
   Buttons — brand-styled CTAs (also covered by theme.json elements.button,
   but this catches inline-style overrides on the existing homepage blocks).
   ------------------------------------------------------------------------- */
.wp-block-button .wp-block-button__link.has-background:hover {
    filter: brightness(1.08);
}

/* -------------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------------- */
.harmony-footer {
    background-color: var(--wp--preset--color--harmony-navy);
    color: #FFFFFF;
    padding: 80px 24px 40px;
}
.harmony-footer a { color: #FFFFFF; text-decoration: none; }
.harmony-footer a:hover { color: var(--wp--preset--color--harmony-yellow); }
.harmony-footer .wp-block-site-logo img {
    max-width: 280px;
    height: auto;
    filter: brightness(0) invert(1);
}
.harmony-footer .wp-block-navigation {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.harmony-footer-copy {
    border-top: 1px solid rgba(255,255,255,0.18);
    padding-top: 24px;
    margin-top: 40px;
    font-size: 13px;
    text-align: center;
    color: rgba(255,255,255,0.7);
}