/* WebCal – custom overrides (keep minimal; prefer Tailwind utilities) */

/* Thin scrollbar for sidebar and content overflow areas */
.sidebar-scroll::-webkit-scrollbar,
#content::-webkit-scrollbar {
    width: 4px;
}
.sidebar-scroll::-webkit-scrollbar-track,
#content::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-scroll::-webkit-scrollbar-thumb,
#content::-webkit-scrollbar-thumb {
    background-color: #e5e7eb;
    border-radius: 2px;
}
.sidebar-scroll:hover::-webkit-scrollbar-thumb,
#content:hover::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
}

/* Modal visibility – using a class avoids the display:'' → block bug */
#ev-modal          { display: none;  }
#ev-modal.is-open  { display: flex;  }
#cal-modal            { display: none;  }
#cal-modal.is-open    { display: flex;  }
#detail-modal         { display: none;  }
#detail-modal.is-open { display: flex;  }

/* Calendar subscribe popup menu */
.subscribe-menu-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #374151;
    text-decoration: none;
    transition: background-color 0.1s;
}
.subscribe-menu-item:hover { background-color: #f9fafb; }

/* Month grid: remove right border on last column to avoid double-border with container */
.cal-grid > .cal-cell:nth-child(7n) {
    border-right: none;
}