/* ----------login---------- */
/* login頁面右方的註冊 */
.registration-form img {
    border-radius: 15px;
}

/* ----------ProfilePartial---------- */
/* 「變更」按鈕樣式 */
.btn-change {
    font-size: 14px;
    padding: 6px 12px;
}

/* 「確認修改」按鈕樣式 */
.btn.btn-lg.btn-primary.ytlee-btn-md:hover {
    background-color: rgba(0, 96, 180, 0.7);
    color: white;
}

/* 移除 readonly 欄位的預設 focus 效果 */
input[readonly] {
    pointer-events: none; /* 禁止滑鼠點擊 */
    background-color: #f8f9fa; /* 淺灰背景，區分可編輯欄位 */
    color: #6c757d; /* 淡化文字顏色 */
    border: 1px solid #dee2e6; /* 淺灰邊框 */
}

    /* 當 readonly 欄位被點擊時，保持不可用狀態 */
    input[readonly]:focus {
        outline: none;
        box-shadow: none;
    }

/* 啟用的輸入框樣式 */
input:not([readonly]):focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* 禁用的按鈕樣式 */
button.btn-change[disabled] {
    pointer-events: none;
    opacity: 0.65;
}

/* 可點擊的變更按鈕 hover 效果 */
button.btn-change:not([disabled]):hover {
    color: #0056b3;
    text-decoration: underline;
}

/* ----------member共用樣式---------- */
/* 眼睛按鈕樣式 */
.toggle-password:focus {
    outline: none;
    box-shadow: none;
}

.input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .toggle-password {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

    .input-group .toggle-password:focus {
        outline: none !important;
        box-shadow: none !important;
    }


/* ----------RecordPartial---------- */
.modal-header {
    background: var(--ytlee-blue);
    color: white;
    padding: 1rem;
    border-bottom: none;
}

#apply_filters {
    background-color: var(--ytlee-blue);
    border: none;
    transition: background-color 0.3s ease;
}

    #apply_filters:hover {
        background-color: var(--ytlee-blue-hover);
    }

.btn-outline-primary {
    color: var(--ytlee-blue);
}
    .btn-outline-primary:hover {
        background-color: var(--ytlee-blue-hover);
    }

/* 文件按鈕樣式 */
/* 確保文字顏色在 hover 時變為白色 */
.btn-hover-transition {
    transition: all 0.3s ease;
}

    .btn-hover-transition.text-primary {
        color: #007bff !important;
        background-color: transparent !important;
    }

        .btn-hover-transition.text-primary:hover {
            color: #fff !important;
            background-color: #007bff !important;
        }

    .btn-hover-transition.text-success {
        color: #28a745 !important;
        background-color: transparent !important;
    }

        .btn-hover-transition.text-success:hover {
            color: #fff !important;
            background-color: #28a745 !important;
        }

    .btn-hover-transition.text-warning {
        color: #ffc107 !important;
        background-color: transparent !important;
    }

        .btn-hover-transition.text-warning:hover {
            color: #fff !important;
            background-color: #ffc107 !important;
        }

    .btn-hover-transition.text-info {
        color: #17a2b8 !important;
        background-color: transparent !important;
    }

        .btn-hover-transition.text-info:hover {
            color: #fff !important;
            background-color: #17a2b8 !important;
        }


@media (max-width: 1199.98px) {
    table {
        font-size: 16px;
    }
    #major_events .btn {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .ytlee-partial-view-title {
        text-align:center;
    }
}

@media (max-width: 575.98px) {
    table {
        font-size: 12px;
    }

    #major_events .btn, button {
        font-size: 12px;
    }
}