/**
 * Stylesheet for EP KU Dual Color Heading Widget
 * Premium visual aesthetics, fully responsive, and highly animated.
 */

/* ========================================
   HEADING WRAPPER
   ======================================== */
.ep-ku-dual-heading-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Heading alignment */
.ep-ku-dual-heading-wrapper {
    align-items: center; /* Center is default */
}
.ep-ku-dual-heading-wrapper[style*="text-align: left"] {
    align-items: flex-start;
}
.ep-ku-dual-heading-wrapper[style*="text-align: right"] {
    align-items: flex-end;
}

/* ========================================
   MAIN DUAL COLOR TEXT
   ======================================== */
.ep-ku-dual-heading__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    display: inline-block;
    word-wrap: break-word;
    color: #1f2937;
}

/* First segment */
.ep-ku-dual-heading__first {
    transition: color 0.3s ease;
}

/* Second segment (Accent Pink) */
.ep-ku-dual-heading__second {
    color: var(--color-primary, #EC008C);
    transition: color 0.3s ease;
    margin-left: 4px; /* Add small horizontal space between words */
}

/* ========================================
   SUBTITLE STYLING
   ======================================== */
.ep-ku-dual-heading__subtitle {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
    margin: 0;
}

/* Margin variations depending on above/below position settings */
.subtitle-above .ep-ku-dual-heading__subtitle {
    margin-bottom: 10px;
    order: -1; /* Place above the main heading */
}

.subtitle-below .ep-ku-dual-heading__subtitle {
    margin-top: 10px;
    order: 1; /* Place below the main heading */
}