/* ==========================================================================
   Mother & Baby - Redesigned Treatments Stylesheet
   ========================================================================== */

/* Spacing and Section Layout */
.page-section {
    padding: 80px 0 !important;
}

/* Section Title Enhancements */
.section-title {
    font-family: 'Philosopher', serif !important;
    color: var(--color-primary-dark, #2C5E3B) !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

.section-title span {
    font-family: 'Bilbo Swash Caps', cursive !important;
    font-size: 28px !important;
    color: var(--color-accent, #CBB26A) !important;
    margin-top: 6px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    position: relative !important;
}

/* Hide horizontal side lines that push/offset the gold subtitle text off-center */
.bottom-line.section-title span:before,
.bottom-line.section-title span:after,
.bottom-line.long.section-title span:before,
.bottom-line.long.section-title span:after,
.section-title span:before,
.section-title span:after {
    display: none !important;
    content: none !important;
}

/* Treatment Card Overrides (Circle Hover - iHover adjustments) */
.portfolio-item.ih-item.circle {
    width: 260px !important;
    height: 260px !important;
    margin: 20px auto !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 4px solid #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-item.ih-item.circle:hover {
    box-shadow: 0 15px 40px rgba(44, 94, 59, 0.15);
    border-color: var(--color-primary, #3d7a4f);
    transform: translateY(-5px);
}

/* Adjust Info Overlay Inside Round Cards */
.portfolio-item.ih-item.circle .info {
    background: rgba(23, 43, 29, 0.9) !important; /* Premium overlay matching Forest Green */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px !important;
}

.portfolio-item.ih-item.circle .info h3 {
    font-family: 'Philosopher', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--color-accent, #CBB26A) !important;
    margin: 0 0 8px 0 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.3px;
    line-height: 1.3 !important;
}

/* Divider Line in Cards */
.portfolio-item.ih-item.circle .info .img-line {
    margin: 5px 0 10px 0 !important;
    opacity: 0.6;
}

/* Card Descriptions and Benefits */
.portfolio-item.ih-item.circle .info p {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 0 12px 0 !important;
    text-align: center;
}

/* Learn More Link in Info overlay */
.treatment-learn-more {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--color-white, #ffffff) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1.5px solid var(--color-accent, #CBB26A);
    padding-bottom: 2px;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.treatment-learn-more:hover {
    color: var(--color-accent, #CBB26A) !important;
    border-color: var(--color-white, #ffffff);
}

/* Responsive Grid and Slider Spacing */
.slider-4.dots-alt .owl-controls {
    margin-top: 30px !important;
}

.slider-4.dots-alt .owl-page span {
    background: var(--color-primary, #3d7a4f) !important;
    opacity: 0.3;
}

.slider-4.dots-alt .owl-page.active span {
    opacity: 1;
    background: var(--color-primary-dark, #2C5E3B) !important;
}

/* CTA "View All Treatments" button style */
.button.button-color-2 {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    color: var(--color-primary, #3d7a4f) !important;
    border: 2px solid var(--color-primary, #3d7a4f) !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: inline-block;
}

.button.button-color-2:hover {
    background-color: var(--color-primary, #3d7a4f) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(61, 122, 79, 0.2);
}