/* ================================
   SINGLE ACTIVITY PAGE — FGS
   ================================ */

body.single-activities {
    background: #ffffff !important; /* remove red test */
}

.single-activity-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: "Inter", sans-serif;
}

/* ================================
   HERO IMAGE
   ================================ */

.single-activity-hero {
    width: 100%;
    height: 420px;
    border-radius: 16px;
    overflow: hidden;
    background: #f4f4f4;
}

.single-activity-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ================================
   HEADER SECTION
   ================================ */

.single-activity-header {
    margin-top: 40px;
}

.single-activity-badge {
    display: inline-block;
    background: #EEE;
    padding: 6px 14px;
    border-radius: 14px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* CITY COLOURS */
.single-activity-badge.city-auckland {
    background: #DDD4CF;
    color: #6F4935;
}

.single-activity-badge.city-christchurch {
    background: #B0BFCB;
    color: #1D7895;
}

.single-activity-badge.city-general {
    background: #EDEDED;
    color: #666;
}

/* TITLE */
.single-activity-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0 0 12px;
    padding-left: 14px;
    border-left: 6px solid #975D3A;
}

/* CITY ACCENT OVERRIDES */
.city-auckland ~ .single-activity-title {
    border-color: #975D3A;
}

.city-christchurch ~ .single-activity-title {
    border-color: #1D7895;
}

.city-general ~ .single-activity-title {
    border-color: #A2764B;
}

/* DATE */
.single-activity-date {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 20px;
}

/* ================================
   CONTENT WRAPPER
   ================================ */

.single-activity-content {
    background: #fff;
    padding: 40px 36px;
    margin-top: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    font-size: 1.05rem;
    line-height: 1.7;
}

.single-activity-content p {
    margin-bottom: 14px;
}

/* ================================
   BACK BUTTON
   ================================ */

.single-activity-back {
    display: inline-block;
    margin-top: 30px;
    font-weight: 600;
    color: #975D3A;
    text-decoration: none;
}

.single-activity-back:hover {
    text-decoration: underline;
}

/* ================================
   MOBILE
   ================================ */

@media (max-width: 768px) {
    .single-activity-hero {
        height: 240px;
    }

    .single-activity-title {
        font-size: 1.75rem;
    }

    .single-activity-content {
        padding: 24px 18px;
    }
}