/* Custom Styles from all pages */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.fill-icon {
    font-variation-settings: 'FILL' 1;
}
.btn-tactile {
    box-shadow: 0 4px 0 #7a3000;
    transition: all 0.1s ease;
    position: relative;
    border-bottom: 2px solid #7a3000;
}
.btn-tactile:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #7a3000;
    border-bottom-width: 0px;
}
.text-clay { color: #9f4100; }
.bg-clay { background-color: #9f4100; }
.border-clay { border-color: #9f4100; }

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f4eedb;
}
::-webkit-scrollbar-thumb {
    background: #717973;
    border-radius: 10px;
}

/* Booking pages specific */
.date-scroller::-webkit-scrollbar { display: none; }
.date-scroller { -ms-overflow-style: none; scrollbar-width: none; }

.pressable {
    border-bottom: 2px solid transparent;
    transition: transform 0.1s, border-bottom 0.1s;
}
.pressable:active {
    transform: translateY(1px);
    border-bottom-width: 0px;
}
.court-selected-glow {
    box-shadow: 0 0 15px rgba(159, 65, 0, 0.2);
}
.surface-elevation-1 {
    border: 1px solid #c1c8c2;
}
.btn-pressable {
    border-bottom-width: 2px;
    border-color: #7a3000;
    transition: all 0.1s ease;
}
.btn-pressable:active {
    transform: translateY(1px);
    border-bottom-width: 0px;
}