/* =====================================================
   Gnosis104 theme colour override
   Replaces red-like colours with #3f4156
   Apply after Gnosis104.css
   ===================================================== */

/* --- CSS variable overrides ---
   These cascade into every rule that uses var(--gnosisCalendar-*)
   so the fallback hardcoded values below are also caught            */
:root {
    --gnosisCalendar-header-nav-bgcolor:       #3f4156;
    --gnosisCalendar-header-modes-bgcolor:     #3f4156;
    --gnosisCalendar-header-showEarlier-bgcolor:#3f4156;
    --gnosisCalendar-header-weekday-bgcolor:   #3f4156;
    --gnosisEvent-button-color:                #3f4156;
    --gnosisEvent-button-color-hover:          #2d2e45;  /* darkred equivalent */
    --calfilter-download-calendar-link-color:  #3f4156;
}


/* --- Calendar anchor colour (#8e352e) --- */
.gnosisCalendar a {
    color: #3f4156;
}

/* --- Event time text (#A72827) --- */
span.g104EventDetailsText-Time {
    color: #3f4156;
}

/* --- Filter text block border (#9f0f14) --- */
div.filterText {
    border-color: #3f4156;
}

/* --- Event name dialog borders (#7c0004) --- */
.g104CalendarDialog .g104EventName,
.gnosisCalendarEventInfoPopper .g104EventName {
    border-top-color:    #3f4156;
    border-bottom-color: #3f4156;
}

/* --- Today date cell (#86171B) --- */
.gnosisCalendar .day.today .date {
    background-color: #3f4156;
}

/* --- dateIsToday cell (named colour: red) --- */
.gnosisCalendar .dateIsToday .date {
    background-color: #3f4156;
}

/* --- Calendar header bar (#86171B) --- */
.calendar-header {
    background: #3f4156;
}

/* --- Active view button text (#86171B) --- */
.view-btn.active {
    background: white;
    color: #3f4156;
}

/* --- Show-days button hover text (#86171B) --- */
.show-days-btn:hover {
    background: white;
    color: #3f4156;
}

/* --- Legacy gnosisCalendar header element (#cd310d) --- */
.gnosisCalendar header {
    background: #3f4156;
}

/* --- Scroll-to-top button (named colour: red) --- */
#scrollToTopButton {
    background-color: #3f4156;
}