/* static/css/custom.css */

/* 禁用時間槽的樣式 */
input[type="radio"].disabled-time-slot {
    pointer-events: none;
    opacity: 0.5; /* 表示禁用狀態 */
}

/* 通用 alert 樣式 */
.alert {
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease-in-out;
}

/* alert 內的加粗文字 */
.alert strong {
    font-weight: 600;
}

/* 關閉按鈕樣式 */
.btn-close {
    font-size: 14px;
    opacity: 0.8;
}

.alert-dismissible .btn-close {
    padding: 15px;
}

/* 調試訊息 (alert-debug) */
.alert-debug {
    background-color: #e2e3e5; /* 淡灰底，低調且適合調試 */
    color: #383d41; /* 深灰文字 */
    border-color: #d6d8db; /* 淡灰邊框 */
}

/* 錯誤訊息 (alert-error 和 alert-danger) */
.alert-error, .alert-danger {
    background-color: #e2d3f5; /* 淡紫底，與淡藍/淡綠/淡黃協調 */
    color: #4a2c6b; /* 深紫文字 */
    border-color: #d8bffd; /* 淡紫邊框 */
}

/* 自訂封鎖訊息 (alert-blocked) */
.alert-blocked {
    background-color: #fff3cd; /* 淡黃底，與 alert-warning 一致 */
    color: #856404; /* 深黃/棕色文字 */
    border-color: #ffeeba; /* 淡黃邊框 */
}

/* 資訊訊息 (alert-info) */
.alert-info {
    background-color: #d1ecf1; /* 淡藍底 */
    color: #0c5460; /* 深藍/黑色文字 */
    border-color: #bee5eb; /* 淡藍邊框 */
}

/* 成功訊息 (alert-success) */
.alert-success {
    background-color: #d4edda; /* 淡綠底 */
    color: #155724; /* 深綠文字 */
    border-color: #c3e6cb; /* 淡綠邊框 */
}

/* 警告訊息 (alert-warning) */
.alert-warning {
    background-color: #fff3cd; /* 淡黃底 */
    color: #856404; /* 深黃/棕色文字 */
    border-color: #ffeeba; /* 淡黃邊框 */
}