/* Mobile: reduce padding */
    @media (max-width: 600px) {
        .card {
            margin: 1rem !important; /* or even 0.5rem */
        }
    }


    /* Make the body take full height */
    html, body {
      height: 100%;
      margin: 0;
    }

    /* Flexbox layout to push footer down */
    .wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }

    /* Main content grows to fill space */
    main {
      flex: 1;
    }

    a {
        text-decoration: none;
        color: var(--primary);
    }

    .fc-daygrid-event-dot {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
    }

    /* custom.css */
.btn-primary {
    background-color: var(--primary) !important; /* New background */
    border-color: var(--primary) !important;     /* New border */

    color: white !important;              /* Text color */
}

.btn-outline-primary {
    border-color: var(--primary) !important;     /* New border */

    color: var(--primary) !important;              /* Text color */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-dark) !important;  /* Your hover color */
    border-color: var(--primary-dark) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary-dark) !important;  /* Your hover color */
    border-color: var(--primary-dark) !important;
    color: white !important;
}


:root {
    --primary: #25574b;
    --primary-rgb: 37,87,75;
    --primary-dark: #1e463c;
    --secondary: #6a917e;
    --secondary-rgb: 106,145,126;

  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;

  --fc-button-text-color: #fff;
  --fc-button-bg-color: var(--primary);
  --fc-button-border-color: var(--primary-dark);
  --fc-button-hover-bg-color: var(--secondary);
  --fc-button-hover-border-color: var(--primary-dark);
  --fc-button-active-bg-color: #1a252f;
  --fc-button-active-border-color: #151e27;


  --fc-event-border-color: #3788d8;

  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;

  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;

  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: red;
}