/**
 * includes/style.css
 *
 * Shared styles for the app. Custom brand color has been dropped in
 * favor of Bootstrap's built-in theme colors (primary/success/warning)
 * throughout — see the button classes on individual pages.
 */

a {
    text-decoration: none;
}

/* Bootstrap's .table-hover row highlight, in a light warning tint
   instead of the default grey (using Bootstrap 5.3's built-in
   "-subtle" variant rather than the full-strength warning color). */
.table-hover {
    --bs-table-hover-bg: var(--bs-warning-bg-subtle);
}

/* Marks "today" on the week/month calendars, using Bootstrap's warning
   color. A true circle works for the month view's single/double-digit
   day numbers; a rounded pill is used for the week view's full
   dd/mm/yyyy date, since a real circle doesn't fit multi-character
   text. Text is dark, matching Bootstrap's own .btn-warning contrast
   choice (the warning yellow is too light for white text). */
.today-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--bs-warning);
    color: #000;
}

.today-pill {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background-color: var(--bs-warning);
    color: #000;
}