/* Container */
.emotion-calendar-wrapper {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
}

/* Header layout */
.emotion-calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Month + Year Groups */
.emotion-calendar-group {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* Left group sticks left */
.emotion-calendar-group.month-group {
    justify-content: flex-start;
}

/* Right group sticks right */
.emotion-calendar-group.year-group {
    justify-content: flex-end;
}

/* Force full width on mobile */
@media (max-width: 767px) {
    .emotion-calendar-header {
        display: flex;
        justify-content: space-between !important;
        align-items: center;
        width: 100%;
    }

    .emotion-calendar-group.month-group {
        justify-content: flex-start !important;
        text-align: left;
    }

    .emotion-calendar-group.year-group {
        justify-content: flex-end !important;
        text-align: right;
    }
}

/* Typography */
.emotion-calendar-header .month-text,
.emotion-calendar-header .year-text {
    font-family: "ct_font_didot", sans-serif;
    font-size: 24px;
}

/* Arrows */
.emotion-calendar-header .arrow {
    cursor: pointer;
    font-size: 22px;
}

/* Clear link */
.emotion-calendar-clear {
    color: #7C1130;
    font-family: "ct_font_avenir", sans-serif;
}