/* ================================================================
   SLOTS.CSS - Reservation Slot Theme System
   ================================================================
*/
:root {
    /* Global / structural */
    --show-non-mine-content: block;
    --slot-border: #e5e7eb;
    --slot-bg: #fafafa;
    --slot-available-hover: #bdd9ba;
    --slot-text-align: left;
    
    /* 1. - Moja korisnička registracija */

    --slot-my-user-text: #047857;
    --slot-my-user-bg: #d1fae5;
    --slot-my-user-bg-hover: #c7f3dc;
    --slot-my-user-border-color: #10b981;
    --slot-my-user-border-style: solid;
    --slot-my-user-border-width: 1px 1px 4px 3px;

    --slot-my-user-text-transform: default;
    --slot-my-user-slot-action-bar-bg: none;    /* 3. - Moj klupski termin */

    --slot-my-club-text: #047857;
    --slot-my-club-bg: #d1fae5;
    --slot-my-club-bg-hover: #c7f3dc;
    --slot-my-club-border-color: #10b981;
    --slot-my-club-border-style: double;
    --slot-my-club-border-width: 1px 1px 4px 3px;

    --slot-my-club-text-transform: default;
    --slot-my-club-slot-action-bar-bg: none;    /* 9. - Korisnički termin */

    --slot-user-text: #0c65b7;
    --slot-user-bg: #d9f0ff;
    --slot-user-bg-hover: #d0e7f4;
    --slot-user-border-color: #0ea5e9;
    --slot-user-border-style: solid;
    --slot-user-border-width: 1px 1px 4px 3px;

    --slot-user-text-transform: default;
    --slot-user-slot-action-bar-bg: none;
}

.reservation-legend-slot-my-user i {
    border-left:3px solid var(--slot-my-user-border-color);
    background-color:var(--slot-my-user-bg);
    color: var(--slot-my-user-text);
}
.reservation-legend-slot-my-club i {
    border-left:3px double var(--slot-my-club-border-color);
    background-color:var(--slot-my-club-bg);
    color: var(--slot-my-club-text);
}
.reservation-legend-slot-user i {
    border-left:3px solid var(--slot-user-border-color);
    background-color:var(--slot-user-bg);
    color: var(--slot-user-text);
}