/* CLF Core 1.9.38 — guaranteed, uniquely-enqueued member section header treatment.
   Scoped to CLF member profile and edit-profile components only. */
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 76px !important;
    padding: 20px 25px !important;
    background: #f2e1b2 !important;
    background-image: linear-gradient(135deg, #f7edcf 0%, #eedba5 100%) !important;
    border: 0 !important;
    border-bottom: 1px solid #dfc783 !important;
    border-radius: 13px 13px 0 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    align-self: center !important;
    border: 3px solid #fff9e9 !important;
    border-radius: 50% !important;
    background: #a77c20 !important;
    box-shadow: 0 0 0 1px #c9a64f !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading::after {
    content: none !important;
    display: none !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading h3 {
    margin: 0 0 4px !important;
    color: #172b3d !important;
    font-size: clamp(17px, 1.8vw, 20px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .1px !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading p {
    margin: 0 !important;
    color: #51452f !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
/* Match the edit-profile section headers to the same warm gold panel without a straight rule. */
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    margin: -24px -27px 22px !important;
    padding: 20px 25px !important;
    background: linear-gradient(135deg, #f7edcf 0%, #eedba5 100%) !important;
    border: 0 !important;
    border-bottom: 1px solid #dfc783 !important;
    border-radius: 13px 13px 0 0 !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title h3 {
    color: #172b3d !important;
    font-weight: 800 !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title p {
    color: #51452f !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title > span {
    background: #fff8e5 !important;
    color: #795b18 !important;
    box-shadow: none !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
        min-height: 0 !important;
        padding: 17px 18px !important;
        gap: 11px !important;
    }
    html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading::before {
        flex-basis: 11px !important;
        width: 11px !important;
        min-width: 11px !important;
        height: 11px !important;
        min-height: 11px !important;
    }
    html body .clf-profile-form .clf-edit-section > .clf-edit-section-title {
        margin: -20px -17px 18px !important;
        padding: 17px 18px !important;
    }
}


/* CLF Core 1.9.39 — vertically centre header copy and modestly narrow profile layouts. */
html body .clf-member-dashboard {
    width: min(calc(100vw - 64px), 1100px) !important;
    max-width: 1100px !important;
}
html body .clf-profile-form,
html body .clf-edit-profile-header,
html body .clf-profile-notice {
    width: calc(100% - 64px) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
    min-height: 94px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    align-items: center !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    min-height: 48px !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading h3,
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading p {
    position: static !important;
    transform: none !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title {
    min-height: 82px !important;
    align-items: center !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
    }
    html body .clf-profile-form,
    html body .clf-edit-profile-header,
    html body .clf-profile-notice {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }
    html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
        min-height: 78px !important;
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading > div {
        min-height: 42px !important;
    }
    html body .clf-profile-form .clf-edit-section > .clf-edit-section-title {
        min-height: 0 !important;
    }
}


/* CLF Core 1.9.40 — correct header right edge and lower the header copy slightly.
   Keep the header exactly flush with its parent card; no vertical-rule decoration. */
html body .clf-member-dashboard .clf-profile-section {
    box-sizing: border-box !important;
    min-width: 0 !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 0 0 100% !important;
    padding-right: 25px !important;
    border-radius: 13px 13px 0 0 !important;
    overflow: hidden !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading > div {
    transform: translateY(5px) !important;
}
html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading::before {
    transform: translateY(5px) !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    padding-top: 25px !important;
    padding-bottom: 15px !important;
}
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title h3,
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title p,
html body .clf-profile-form .clf-edit-section > .clf-edit-section-title > span {
    transform: translateY(5px) !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-section > .clf-profile-section-heading {
        padding-right: 18px !important;
    }
}


/* CLF Core 1.9.41 — soften the profile information panels to a readable white-and-gold palette.
   Keep the established header design unchanged; style only the information content beneath it. */
html body .clf-member-dashboard .clf-profile-section {
    background: #ffffff !important;
    border-color: #e5dcc7 !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-grid {
    background: #fffefa !important;
    padding-top: 10px !important;
    padding-bottom: 14px !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-item {
    background: #fffefa !important;
    border-bottom-color: #ece5d6 !important;
    padding: 16px 13px !important;
    border-radius: 5px !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-item:nth-child(4n + 2),
html body .clf-member-dashboard .clf-profile-section .clf-profile-item:nth-child(4n + 3) {
    background: #fbf8f0 !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-item span {
    color: #687582 !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-item strong {
    color: #203447 !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-bio {
    background: linear-gradient(135deg, #fffefa 0%, #faf7ef 100%) !important;
    border-top: 1px solid #eee5d1 !important;
    color: #34495a !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-bio p {
    color: #34495a !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-section .clf-profile-grid {
        padding: 7px 12px 12px !important;
    }
    html body .clf-member-dashboard .clf-profile-section .clf-profile-item {
        padding: 14px 12px !important;
    }
}


/* CLF Core 1.9.43 — information areas must be plain white; retain gold only in section headers.
   This final, high-specificity block overrides the earlier white-gold alternating panel rules. */
html body .clf-member-dashboard .clf-profile-section,
html body .clf-member-dashboard .clf-profile-section .clf-profile-grid,
html body .clf-member-dashboard .clf-profile-section .clf-profile-item,
html body .clf-member-dashboard .clf-profile-section .clf-profile-item:nth-child(4n + 2),
html body .clf-member-dashboard .clf-profile-section .clf-profile-item:nth-child(4n + 3),
html body .clf-member-dashboard .clf-profile-section .clf-profile-item:nth-last-child(-n+2),
html body .clf-member-dashboard .clf-profile-section .clf-profile-item.clf-profile-full,
html body .clf-member-dashboard .clf-profile-section .clf-profile-bio {
    background: #ffffff !important;
    background-image: none !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-item {
    border-color: #e3e7eb !important;
    border-bottom-color: #e3e7eb !important;
    box-shadow: 0 2px 7px rgba(23, 43, 61, .035) !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-bio {
    border-top-color: #e3e7eb !important;
}
