/* Shared content lock for Forex Lessons (Forex Mastery Forge) lessons 6-20 - DMTrade */
#premiumContent { transition: filter .25s ease, opacity .25s ease, transform .25s ease; }
body.lesson-locked #premiumContent { filter: blur(8px); opacity: .28; pointer-events: none; user-select: none; transform: scale(.995); }
.unlock-gate-overlay,.ad-wait-modal { position: fixed; inset: 0; z-index: 9998; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(3,7,18,.82); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.ad-wait-modal { z-index: 9999; }
.unlock-hero,.ad-wait-card { width: 100%; max-width: 380px; border-radius: 26px; padding: 24px; text-align: center; color: #fff; background: linear-gradient(135deg,rgba(16,185,129,.25),rgba(245,158,11,.18)),linear-gradient(180deg,rgba(3,7,18,.98),rgba(6,21,45,.98)); border: 1px solid rgba(16,185,129,.42); box-shadow: 0 24px 60px rgba(0,0,0,.7), 0 0 25px rgba(16,185,129,.18), inset 0 1px 0 rgba(255,255,255,.2); }
.unlock-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; color: #a7f3d0; background: rgba(6,78,59,.65); border: 1px solid rgba(52,211,153,.50); box-shadow: 0 0 15px rgba(16,185,129,.30); margin-bottom: 12px; }
.unlock-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; line-height: 1.5; color: #fff; }
.unlock-desc { font-size: 14px; line-height: 1.8; margin-bottom: 18px; color: rgba(209,250,229,.92); }
.unlock-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 10px 22px; width: 100%; border-radius: 999px; color: #030712!important; background: linear-gradient(135deg,#f59e0b,#fbbf24 50%,#34d399); box-shadow: 0 14px 34px rgba(245,158,11,.40); font-weight: 800; cursor: pointer; border: 0; font-size: 15px; transition: transform .2s ease, box-shadow .2s ease; }
.unlock-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(245,158,11,.55); }
.preview-timer-bar { position: fixed; bottom: 75px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(3,7,18,.95); color: #fff; padding: 8px 18px; border-radius: 20px; font-size: 13px; font-weight: 700; box-shadow: 0 8px 24px rgba(0,0,0,.50); backdrop-filter: blur(12px); display: none; align-items: center; gap: 8px; border: 1px solid rgba(16,185,129,.45); width: max-content; max-width: 90%; }
.preview-timer-bar b { color: #34d399; }
.unlock-status-card { display: none; margin: 16px 14px 10px; padding: 14px 18px; border-radius: 22px; background: linear-gradient(135deg,rgba(16,185,129,.18),rgba(245,158,11,.10)),linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,253,244,.85)); border: 1px solid rgba(16,185,129,.40); box-shadow: 0 12px 32px rgba(16,185,129,.12); backdrop-filter: blur(18px) saturate(190%); }
.unlock-status-card.show { display: block; }
.unlock-status-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.unlock-status-left,.unlock-pill-badge { display: flex; align-items: center; gap: 8px; color: #065f46; font-size: 13px; font-weight: 700; }
.unlock-status-icon { width: 28px; height: 28px; border-radius: 50%; background: #10b981; color: #fff; display: flex; align-items: center; justify-content: center; }
.unlock-pill-badge { padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.92); border: 1px solid rgba(16,185,129,.30); }
.unlock-pill-badge b { color: #059669; }
.ad-timer-circle { width: 80px; height: 80px; margin: 15px auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 800; background: rgba(255,255,255,.10); border: 2px solid rgba(52,211,153,.5); color: #34d399; }
.ad-progress { width: 100%; height: 8px; border-radius: 999px; background: rgba(255,255,255,.18); margin-bottom: 12px; overflow: hidden; }
.ad-progress-bar { width: 0; height: 100%; border-radius: 999px; background: linear-gradient(90deg,#f59e0b,#10b981 50%,#06b6d4); transition: width 1s linear; }

/* Dark mode overrides for unlock status card */
body.dark-mode .unlock-status-card {
    background: linear-gradient(135deg,rgba(6,38,32,.95),rgba(7,25,51,.92)) !important;
    border-color: rgba(16,185,129,.40) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
}
body.dark-mode .unlock-status-left { color: #d1fae5 !important; }
body.dark-mode .unlock-pill-badge {
    background: rgba(15,23,42,.85) !important;
    border-color: rgba(16,185,129,.35) !important;
    color: #fef08a !important;
}
body.dark-mode .unlock-pill-badge b { color: #fbbf24 !important; }

@media (max-width: 420px) { .unlock-hero,.ad-wait-card { padding: 20px 17px; } .unlock-title { font-size: 18px; } }