/**
 * Component: HCT Client01 Section Heading
 * Version: 2.2.0
 * Shared Bé Ơi heading with editable text and transparent PNG ornaments.
 */
.hctclient01-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--hctclient01-space-6);
    margin: 0 0 clamp(22px, 3vw, 38px);
}

.hctclient01-section-heading__content {
    min-width: 0;
    max-width: 72rem;
}

.hctclient01-section-heading__eyebrow {
    margin: 0 0 var(--hctclient01-space-2);
    color: var(--hctclient01-color-primary);
    font-size: var(--hctclient01-font-size-sm);
    font-weight: var(--hctclient01-font-weight-bold);
    letter-spacing: 0.08em;
    line-height: var(--hctclient01-line-height-tight);
    text-transform: uppercase;
}

.hctclient01-section-heading__title-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(10px, 1.35vw, 18px);
}

.hctclient01-section-heading__title {
    margin: 0;
    color: var(--hctclient01-color-primary);
    font-family: var(--hctclient01-font-family-heading);
    font-size: var(--hctclient01-section-heading-size, var(--hctclient01-font-size-2xl));
    font-weight: var(--hctclient01-font-weight-extrabold);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-wrap: balance;
}

/* Transparent image ornaments extracted as clean standalone assets. */
.hctclient01-section-heading__ornament {
    display: block;
    flex: 0 0 auto;
    width: clamp(34px, 3.2vw, 54px);
    height: auto;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.hctclient01-section-heading__description {
    max-width: 62rem;
    margin: clamp(8px, 1vw, 14px) 0 0;
    color: var(--hctclient01-color-text, #2d2d2d);
    font-size: var(--hctclient01-text-body-lg);
    line-height: 1.55;
    text-wrap: balance;
}

.hctclient01-section-heading__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--hctclient01-space-3);
}

.hctclient01-section-heading--sm { --hctclient01-section-heading-size: var(--hctclient01-text-panel-title); }
.hctclient01-section-heading--md { --hctclient01-section-heading-size: var(--hctclient01-text-section-title); }
.hctclient01-section-heading--lg { --hctclient01-section-heading-size: var(--hctclient01-text-section-title); }

.hctclient01-section-heading--center {
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.hctclient01-section-heading--center .hctclient01-section-heading__content,
.hctclient01-section-heading--center .hctclient01-section-heading__description {
    margin-inline: auto;
}

.hctclient01-section-heading--center .hctclient01-section-heading__title-row,
.hctclient01-section-heading--center .hctclient01-section-heading__actions {
    justify-content: center;
}

.hctclient01-section-heading--right { text-align: right; }
.hctclient01-section-heading--right .hctclient01-section-heading__content,
.hctclient01-section-heading--right .hctclient01-section-heading__description { margin-left: auto; }
.hctclient01-section-heading--right .hctclient01-section-heading__title-row,
.hctclient01-section-heading--right .hctclient01-section-heading__actions { justify-content: flex-end; }
.hctclient01-section-heading--ornament-none .hctclient01-section-heading__title-row { gap: 0; }

@media (max-width: 767px) {
    .hctclient01-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--hctclient01-space-4);
        margin-bottom: 22px;
    }

    .hctclient01-section-heading--center { align-items: center; }
    .hctclient01-section-heading--right { align-items: flex-end; }
    .hctclient01-section-heading__title-row { gap: 8px; }
    .hctclient01-section-heading__ornament { width: clamp(26px, 8vw, 38px); }
    .hctclient01-section-heading__actions { justify-content: flex-start; }
    .hctclient01-section-heading--center .hctclient01-section-heading__actions { justify-content: center; }
    .hctclient01-section-heading--right .hctclient01-section-heading__actions { justify-content: flex-end; }
}