/* ============================================================================
   Krewe of Cleopatra - S5 member-home skin (2027 store launch)
   Scoped to .kofc-member-home (staging page 189124 -> live 20486 on promotion).
   Design ruling #15: new design language; carryovers = Raleway + SOFTEN amethyst
   (#8A5BC9 / deep #7449B3) + mint secondary (#62CDB8). Gold (#A28152)
   reserved for reward/celebratory moments (latent util .mh-gold, not yet wired).
   The cleanbase skin dequeues theme CSS, so these rules stand alone. ASCII only.
   Inline color styles emitted by the [VARDUES-CODE-BLOCK] shortcode survive the
   strip and intentionally win over these rules (we restyle layout + buttons, not
   the shortcode's own typography colors).
   Collapsibles FAIL OPEN: .mh-collapse is clamped only once member-home.js adds
   .mh-has-collapse to the card, so if the JS never runs the content stays visible.
   ============================================================================ */

/* --- frame --- */
.kofc-member-home{margin:0 auto;padding:18px 16px 72px;font-family:Raleway,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#2b2b33;}
.kofc-member-home img{max-width:100%;height:auto;}
.kofc-member-home hr{border:0;border-top:1px solid rgba(138,91,201,.16);margin:1em 0;}

/* --- card --- */
.kofc-member-home .mh-card{background:#fff;border:1px solid rgba(138,91,201,.16);border-radius:5px;padding:18px 20px;margin:0 0 10px;}
.kofc-member-home .mh-card>h2:first-child,.kofc-member-home .mh-card>h3:first-child{margin-top:0;}
.kofc-member-home .mh-card h2{font-weight:400;font-size:1.5rem;letter-spacing:.01em;color:#7449B3;margin:.2em 0 .5em;}
.kofc-member-home .mh-card h3{font-weight:400;font-size:1.2rem;letter-spacing:.01em;color:#7449B3;margin:.2em 0 .45em;}
.kofc-member-home .mh-card h4{font-weight:400;font-size:1rem;color:#8A5BC9;margin:1em 0 .35em;letter-spacing:.02em;text-transform:uppercase;}
.kofc-member-home .mh-card p{margin:.4em 0;line-height:1.5;}
.kofc-member-home .mh-card ul{margin:.4em 0 .8em;padding-left:1.2em;line-height:1.5;}
.kofc-member-home .mh-card li{margin:.2em 0;}
.kofc-member-home .mh-card a{color:#8A5BC9;}


.kofc-member-home .mh-nav{display:flex;flex-wrap:wrap;gap:8px;}

.kofc-member-home .mh-btn{display:inline-block;background:var(--kofc-btn-bg,#d6b0ff);color:#f5fffa !important;border:1px solid var(--kofc-btn-bg,#d6b0ff);border-radius:var(--kofc-radius-pill,999px);padding:.5em 1.15em;margin:4px 0;font-weight:500;font-size:.92rem;text-decoration:none;line-height:1.2;transition:all .15s ease;}
.kofc-member-home .mh-btn:hover,.kofc-member-home .mh-btn:focus{background:#8A5BC9;color:#fff !important;border-color:transparent;}
/* a standalone CTA (an mh-btn that is a direct child of a card, not inside .mh-nav) reads as primary filled */
.kofc-member-home .mh-card>.mh-btn{background:var(--kofc-btn-bg,#d6b0ff);color:#f5fffa !important;border-color:var(--kofc-btn-bg,#d6b0ff);margin-top:.6em;}
.kofc-member-home .mh-card>.mh-btn:hover,.kofc-member-home .mh-card>.mh-btn:focus{filter:brightness(1.07);transform:translateY(-1px);}

.kofc-member-home .data-hover-background-color='#d6b0ff' data-hover-border-color='#d6b0ff' data-hover-color='#f5fffa'n{display:inline-block;background:linear-gradient(135deg,#d6b0ff,#d6b0ff) !important;color:#f5fffa !important;padding:.6em 1.4em;border-radius:var(--kofc-radius-pill,999px);font-weight:600;text-decoration:none !important;margin:.35em .25em;transition:all .15s ease;border:0;cursor:pointer;}
.kofc-member-home .qbuttonn{display:inline-block;background:linear-gradient(135deg,#d6b0ff,#d6b0ff) !important;color:#f5fffa !important;padding:.6em 1.4em;border-radius:var(--kofc-radius-pill,999px);font-weight:600;text-decoration:none !important;margin:.35em .25em;transition:all .15s ease;border:0;cursor:pointer;}
.kofc-member-home .qbuttonn:hover,.kofc-member-home .qbuttonn:focus{filter:brightness(1.07);transform:translateY(-1px);}
.kofc-member-home .qbuttonn.center{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;}
.kofc-member-home .qbuttonn.large{padding:.75em 1.9em;font-size:1.05rem;}
.kofc-member-home .update_member_box1{background:rgba(138,91,201,.035);border:1px solid rgba(138,91,201,.16);border-left:3px solid #62CDB8;border-radius:5px;padding:12px 16px;margin:.5em 0;}
.kofc-member-home .vc_empty_space{height:14px;display:block;}


.kofc-member-home .qbutton{display:inline-block;background:linear-gradient(135deg,#d6b0ff,#d6b0ff) !important;color:#f5fffa !important;padding:.6em 1.4em;border-radius:var(--kofc-radius-pill,999px);font-weight:600;text-decoration:none !important;margin:.35em .25em;transition:all .15s ease;border:0;cursor:pointer;}
.kofc-member-home .qbutton{display:inline-block;background:linear-gradient(135deg,#d6b0ff,#d6b0ff) !important;color:#f5fffa !important;padding:.6em 1.4em;border-radius:var(--kofc-radius-pill,999px);font-weight:600;text-decoration:none !important;margin:.35em .25em;transition:all .15s ease;border:0;cursor:pointer;}
.kofc-member-home .qbutton:hover,.kofc-member-home .qbutton:focus{filter:brightness(1.07);transform:translateY(-1px);}
.kofc-member-home .qbutton.center{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;}
.kofc-member-home .qbutton.large{border:1px solid var(--kofc-btn-bg,#d6b0ff);border-radius:var(--kofc-radius-pill,999px);padding:.5em 1.15em;margin:4px 0;font-weight:500;font-size:.92rem;text-decoration:none;line-height:1.2;transition:all .15s ease;}
.kofc-member-home .update_member_box1{background:rgba(138,91,201,.035);border:1px solid rgba(138,91,201,.16);border-left:3px solid #62CDB8;border-radius:5px;padding:12px 16px;margin:.5em 0;}
.kofc-member-home .vc_empty_space{height:14px;display:block;}

/* --- collapsibles (progressive enhancement: clamp only when JS adds .mh-has-collapse) --- */
.kofc-member-home .mh-card.mh-has-collapse .mh-collapse{overflow:hidden;max-height:0;transition:max-height .3s ease;}
.kofc-member-home .mh-card.mh-has-collapse.mh-open .mh-collapse{max-height:none;}
.kofc-member-home .mh-card.mh-has-collapse>h2,.kofc-member-home .mh-card.mh-has-collapse>h3{cursor:pointer;position:relative;padding-right:28px;-webkit-user-select:none;user-select:none;}
.kofc-member-home .mh-card.mh-has-collapse>h2::after,.kofc-member-home .mh-card.mh-has-collapse>h3::after{content:'+';position:absolute;right:4px;top:0;font-weight:700;color:#8A5BC9;}
.kofc-member-home .mh-card.mh-has-collapse.mh-open>h2::after,.kofc-member-home .mh-card.mh-has-collapse.mh-open>h3::after{content:'-';}

/* --- gold accent, reserved for reward/celebratory moments (latent util) --- */
.kofc-member-home .mh-gold{border-top:3px solid #A28152;}

/* --- responsive --- */
@media (max-width:600px){
 .kofc-member-home{padding:12px 12px 64px;}
 .kofc-member-home .mh-card{padding:14px 16px;border-radius:5px;}
 .kofc-member-home .mh-card h2{font-size:1.3rem;}
 .kofc-member-home .mh-card h3{font-size:1.1rem;}
}


@media (min-width: 992px) {
    body.kofc-storeui .kofc-member-home {
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1200px) {
    body.kofc-storeui .kofc-member-home {
        max-width: 1040px;
    }
}
body.kofc-storeui .kofc-member-home #mh-nav-primary,
body.kofc-storeui .kofc-member-home #mh-nav-store {
    display: none;
}


body.kofc-storeui .kofc-member-home #mh-dues-dynamic .update_member_box1 {
    background: #fff;
    border-left: 0;
    padding: 0;
    margin: 0;
}
body.kofc-storeui .kofc-member-home #mh-dues-dynamic .qbutton,
body.kofc-storeui .kofc-member-home .mh-dues-card .qbutton {
    display: inline-block;
    margin: 12px 12px 12px 0;

    border-radius: var(--kofc-radius-pill, 999px);
}
body.kofc-storeui .kofc-member-home #mh-dues-dynamic .qbuttonn,
body.kofc-storeui .kofc-member-home .mh-dues-card .qbuttonn {
    display: inline-block;
    margin: 12px 12px 12px 0;

    border-radius: var(--kofc-radius-pill, 999px);
}
body.kofc-storeui .kofc-member-home .mh-dues-card {
    overflow-wrap: break-word;
}


body.kofc-storeui .kofc-member-home .update_member_box1 {
    border: none;
}

/* mh-blocktile 2026-08-01: consecutive per-section text blocks (each wrapping its own
   .kofc-member-home container) render seamless - kill the stacked 72px/18px paddings
   and inter-block margin so the gap equals the normal 10px mh-card gap. */
.wpb_text_column:has(> .wpb_wrapper > .kofc-member-home){margin-bottom:0;}
.wpb_text_column .kofc-member-home{padding-top:0 !important;padding-bottom:0 !important;}
/* v2: padding-zero above uses !important to beat the py-3 utility; v1 non-important rules removed */
/* JON 2026-08-06: gated member area - button text is near-white on the lavender
   button bg and carries NO underline (link underlines stay on non-button links). */
.kofc-member-home .mh-btn, .kofc-member-home .mh-card>.mh-btn, .kofc-member-home .qbutton,
.kofc-member-home .qbuttonn, .kofc-member-home a.kofc-btn-style1 { text-decoration: none !important; }