/* 
 * Button visibility CSS
 * Login button and Join Us section are now VISIBLE
 * Previously hidden, now re-enabled for free/paid membership system
 */

/* SHOW Login button from main website header (desktop and mobile) */
.login-btn {
    display: inline-block !important;
}

/* SHOW Join Us button from about page (desktop and mobile) */
.join-btn {
    display: inline-block !important;
}

/* SHOW the entire join section including "Want to be a part of our journey?" text */
.join-section {
    display: block !important;
}

/* SHOW Member Login button in mobile menu - ENABLED */
/* Removed the display: none rule to show login button */

/* Fix About Our Club section visibility and spacing */
.about-club {
    padding: 130px 0 100px 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
    min-height: 450px !important;
    height: auto !important;
}

.about-club .container {
    padding: 40px 30px !important;
    margin-top: 0 !important;
    min-height: 350px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.club-info {
    padding: 20px 0 !important;
    flex: 1 !important;
}

.club-info h2 {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    padding-top: 0 !important;
    visibility: visible !important;
    display: block !important;
    font-size: 3rem !important;
}

.club-info p {
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
    font-size: 1.2rem !important;
}

.club-logo {
    padding: 20px 0 !important;
    flex: 1 !important;
}

.club-actions {
    margin-top: 30px !important;
    padding-bottom: 25px !important;
}

/* Fix Memories section spacing */
.memories-section {
    padding: 80px 0 !important;
    margin-top: 0 !important;
}

.memories-container {
    padding: 40px 0 !important;
}

.view-more-btn, .memories-btn {
    margin-bottom: 20px !important;
    z-index: 10 !important;
    position: relative !important;
}

/* Ensure proper section spacing and visibility */
.section-fade {
    margin-top: 0 !important;
    padding-top: 80px !important;
}

/* Fix any potential z-index or positioning issues */
.hero-section + .about-club {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}