/* ================================================================
   SKIN & ROSES — Section Heading CSS (Elementor Addon)
   ================================================================ */

.snr-sh-wrap {
    padding: 60px 20px 0;
    position: relative;
}

/* ---- Decorative Line ------------------------------------------ */
.snr-sh-line {
    display: block;
    width: 48px;
    height: 2px;
    background: #C8506A;
    border-radius: 2px;
    margin: 0 auto 20px;
}

/* When text-align is left, line aligns left too */
.snr-sh-wrap[style*="text-align: left"] .snr-sh-line,
.snr-sh-wrap.snr-align-left .snr-sh-line {
    margin-left: 0;
}

.snr-sh-wrap[style*="text-align: right"] .snr-sh-line,
.snr-sh-wrap.snr-align-right .snr-sh-line {
    margin-left: auto;
    margin-right: 0;
}

/* ---- Eyebrow -------------------------------------------------- */
.snr-sh-eyebrow {
    display: block;
    font-family: 'Jost', system-ui, sans-serif;
    font-size: 0.72rem;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #C8506A;
    margin-bottom: 14px;
}

/* ---- Title ---------------------------------------------------- */
.snr-sh-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 300;
    color: #3D0C1A;
    line-height: 1.1;
    margin: 0 0 18px;
    padding: 0;
}

.snr-sh-title em {
    font-style: italic;
    font-weight: 600;
    color: #C8506A;
}

/* ---- Subtitle ------------------------------------------------- */
.snr-sh-subtitle {
    font-family: 'Jost', system-ui, sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #6B1A30;
    line-height: 1.7;
    max-width: 680px;
    margin: 0 auto;
    padding: 0;
}

/* Left-aligned subtitle should not auto-center */
.snr-sh-wrap[style*="text-align: left"] .snr-sh-subtitle {
    margin-left: 0;
    margin-right: 0;
}

.snr-sh-wrap[style*="text-align: right"] .snr-sh-subtitle {
    margin-left: auto;
    margin-right: 0;
}

/* ---- Responsive ----------------------------------------------- */
@media (max-width: 768px) {
    .snr-sh-wrap {
        padding: 40px 16px 0;
    }

    .snr-sh-title {
        font-size: clamp(1.8rem, 6vw, 2.6rem);
    }

    .snr-sh-subtitle {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .snr-sh-title {
        font-size: clamp(1.6rem, 7vw, 2.2rem);
    }
}