.osfo-coffee-date-wrapper {
    width: 100%;

    .osfo-coffee-date-main-title {
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #161819;
        margin-bottom: 10px;
    }

    .osfo-coffee-date-loading, .osfo-coffee-date-empty {
        padding: 12px 16px;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 15px;
        font-size: 1.1rem;
        font-weight: 500;
        color: #1a1a1a;
    }

    .osfo-coffee-date-slots {
        display: flex;
        flex-direction: column;
        row-gap: 10px;

        .osfo-coffee-picker {
            .osfo-date-select {
                padding: 12px 16px;
                border-radius: 15px;
                background-color: #fff;
                border: 1px solid #e2e2e2;
                font-size: 1.1rem;
                transition: border-color 0.15s, background 0.15s;
            }
        }

        .osfo-time-container {
            .osfo-time-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-gap: 6px;

                .osfo-time-slot {
                    display: flex;
                    padding: 12px 16px;
                    border-radius: 15px;
                    background-color: #fff;
                    border: 1px solid #e2e2e2;
                    transition: border-color 0.15s, background 0.15s;
                    font-size: 1rem;
                    font-weight: 500;
                    color: #1a1a1a;

                    input {
                        accent-color: #f49900;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}