/* ============================================================
   99-OVERRIDES.CSS
   FINAL AUTHORITY LAYER FOR HEART OF HOPE
   ------------------------------------------------------------
   This file loads LAST and overrides:
   - Twenty Twenty-One defaults
   - Gutenberg block styles
   - All token files (00–10)
   - style.css
   - Any future theme (e.g., Twenty Twenty-Five)
============================================================ */


/* ============================================================
   01. GLOBAL FIXES & NORMALIZATION
============================================================ */

/* Full-width pages (About, Contact, Chat, Meet, Audio) */
.page:not(.home) .entry-content,
.page:not(.home) .entry-content > * {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    box-sizing: border-box;
}



/* ============================================================
   02. HOMEPAGE WIDTH UNLOCK SYSTEM
============================================================ */

/* Unlock entry-content width */
.home.page .entry-content,
.home.page .entry-content > * {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Unlock Gutenberg containers */
.home.page .wp-block-group__inner-container,
.home.page .wp-block-group,
.home.page .wp-block-group.is-layout-constrained,
.home.page .wp-block-group.card {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* Unlock HOH module wrappers */
.home.page .hoh-module,
.home.page .hoh-module .hoh-card {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* Restore soft padding inside HOH cards */
.home.page .hoh-card {
    padding: 1.2rem 1.4rem !important;
    box-sizing: border-box;
}

/* Mobile soft edge-to-edge compromise */
@media (max-width: 600px) {
    .home.page .hoh-card {
        width: calc(100vw - 2rem) !important;
        max-width: calc(100vw - 2rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 1.2rem 1.4rem !important;
        box-sizing: border-box;
    }
}



/* ============================================================
   03. HOMEPAGE MODULE OVERRIDES
============================================================ */

/* Latest Posts block width */
.home.page .wp-block-latest-posts,
.home.page .wp-block-latest-posts__list {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* Latest Posts soft padding */
.home.page .wp-block-latest-posts__list {
    padding: 1.2rem 1.4rem !important;
}

/* Notices Board breathing room */
.home.page .hoh-notices-list {
    padding: 1.4rem 1.6rem !important;
    box-sizing: border-box;
}

.home.page .hoh-notices-list .notice-row {
    padding: 0.8rem 0 !important;
}

.home.page .hoh-notices-list .notice-message,
.home.page .hoh-notices-list .notice-date {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    box-sizing: border-box;
}



/* ============================================================
   04. AUDIO PLAYER OVERRIDES
============================================================ */

/* Full-width audio player + inner elements */
.page .music-player,
.page .music-player .music-player-stack,
.page .music-player .track,
.page .music-player audio {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Audio player card padding */
.page .music-player {
    padding: 1.4rem 1.6rem !important;
}



/* ============================================================
   05. HOH BUTTON SYSTEM
============================================================ */

.hoh-button {
    background-color: var(--hoh-purple, #6A0DAD) !important;
    color: #fff !important;
    border: none !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.hoh-button:hover,
.hoh-button:focus {
    background-color: #5a0cae !important;
    opacity: 0.95;
}

.hoh-button.is-active {
    background-color: #4b0a8f !important;
    color: #fff !important;
}


/* ============================================================
   FIX: Mini Chat layout breaking below 600px
============================================================ */

@media (max-width: 600px) {
  .bp-messages-wrap-main,
  .bp-messages-wrap,
  .bp-messages-column,
  .bm-messages-layout {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body,
  .bp-messages-wrap-main,
  .bp-messages-column {
    overflow-x: hidden !important;
  }
}

/* GLOBAL MOBILE WIDTH FIX — restores open, breathable layout */
@media (max-width: 782px) {
  .wp-site-blocks,
  .wp-block-group,
  .wp-block-post-content,
  .entry-content,
  body .is-layout-constrained {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 782px) {
  .wp-block-group,
  .wp-block-post-content {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}



/* ============================================================
   06. FUTURE OVERRIDES (RESERVED)
============================================================ */

/* Add new overrides here as you refine modules or migrate
   to Twenty Twenty-Five. Keep this section clean and intentional. */