/* tsl-lock.css v2 */

/* Locked state — target the exact Tutor button selectors */
button[name="complete_course_btn"].tsl-btn-locked {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    filter: grayscale(40%) !important;
}

/* Notice bar */
.tsl-lock-notice {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 0;
    padding: 10px 14px;
    background: #fff8f0;
    border: 1px solid #f0c070;
    border-radius: 8px;
    font-size: 0.84em;
    color: #7a4a00;
    line-height: 1.5;
    font-weight: 500;
    direction: ltr;  /* keep lock icon on correct side regardless of RTL theme */
    text-align: left;
}

/* RTL theme support */
html[dir="rtl"] .tsl-lock-notice {
    direction: rtl;
    text-align: right;
}

.tsl-lock-notice.tsl-notice-unlocked {
    background: #f0fff4;
    border-color: #68d391;
    color: #1a5c35;
}

.tsl-lock-icon,
.tsl-unlock-icon {
    flex-shrink: 0;
    font-size: 1.1em;
}

.tsl-countdown {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #c0392b;
    white-space: nowrap;
}

.tsl-notice-text {
    flex: 1;
}