/* ============================================================
   JIS eLearning — "2030" Futuristic Dark Layer
   Loaded after jis-el-style; front-end only. Non-destructive.
   ============================================================ */
:root{
  --cw-bg0:#050a18; --cw-bg1:#091124; --cw-bg2:#0f1c40;
  --cw-navy:#00265f; --cw-navy2:#013a86;
  --cw-gold:#ffc20e; --cw-gold2:#ffdf7a; --cw-amber:#ff9a3d;
  --cw-cyan:#41e3ff; --cw-violet:#7c8bff;
  --cw-text:#e9eefc; --cw-muted:#9db0d8;
  --cw-glass:rgba(16,30,68,.55); --cw-glass2:rgba(12,22,52,.72);
  --cw-brd:rgba(120,150,225,.20); --cw-brd2:rgba(120,150,225,.32);
  --cw-grad-gold:linear-gradient(135deg,#ffd75e 0%,#ffc20e 45%,#ff8a3d 100%);
  --cw-grad-cool:linear-gradient(135deg,#41e3ff 0%,#7c8bff 55%,#ffc20e 130%);
  --cw-radius:18px; --cw-radius-lg:26px;
  --cw-shadow:0 18px 50px -18px rgba(0,0,0,.75);
  --cw-glow-gold:0 0 0 1px rgba(255,194,14,.35), 0 14px 40px -12px rgba(255,160,30,.45);
}

/* ---------- Global canvas ---------- */
html body{
  background:var(--cw-bg0);
  color:var(--cw-text);
}
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(60% 55% at 12% 8%, rgba(0,70,180,.42), transparent 60%),
    radial-gradient(50% 50% at 88% 4%, rgba(124,139,255,.30), transparent 62%),
    radial-gradient(55% 60% at 78% 92%, rgba(255,160,40,.20), transparent 60%),
    radial-gradient(50% 55% at 5% 95%, rgba(65,227,255,.16), transparent 62%),
    linear-gradient(180deg, var(--cw-bg1) 0%, var(--cw-bg0) 55%, #03060f 100%);
  background-attachment:fixed;
}
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(rgba(120,150,225,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,150,225,.05) 1px, transparent 1px);
  background-size:64px 64px; mask-image:radial-gradient(circle at 50% 0%, #000 0%, transparent 75%);
}
.wrap{position:relative; z-index:1;}
p, li, span, dd, dt, label, td, th{color:var(--cw-text);}
small,.muted{color:var(--cw-muted);}
a{color:var(--cw-gold2);}
a:hover{color:#fff;}
h1,h2,h3,h4,h5,h6{color:#fff;}
hr{border-color:var(--cw-brd);}

/* ---------- Header ---------- */
.site-header{
  background:linear-gradient(90deg, rgba(6,12,28,.92), rgba(9,20,48,.82))!important;
  backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--cw-brd);
}
.head-links a{color:var(--cw-text);}
.head-links a:hover{color:var(--cw-gold);}
.chip{background:rgba(255,194,14,.14); border:1px solid rgba(255,194,14,.4); color:var(--cw-gold2);}

/* ---------- Buttons ---------- */
.btn,.btn-gold,.btn-navy,.btn-ghost,.btn-ghost-navy,
.tutor-btn,.tutor-btn-primary,a.tutor-btn-primary,
button.tutor-btn-primary,.wp-block-button__link{
  border-radius:999px!important; font-weight:700!important; letter-spacing:.2px;
  transition:transform .18s ease, box-shadow .22s ease, filter .22s ease!important;
}
.btn-gold,.tutor-btn-primary,a.tutor-btn-primary,button.tutor-btn-primary{
  background:var(--cw-grad-gold)!important; color:#241500!important; border:none!important;
  box-shadow:var(--cw-glow-gold)!important;
}
.btn-gold:hover,.tutor-btn-primary:hover,a.tutor-btn-primary:hover,button.tutor-btn-primary:hover{
  transform:translateY(-2px); filter:brightness(1.06);
  box-shadow:0 0 0 1px rgba(255,194,14,.6), 0 20px 46px -12px rgba(255,170,40,.65)!important;
}
.btn-navy,.btn-ghost-navy{background:rgba(120,150,225,.14)!important; color:#fff!important; border:1px solid var(--cw-brd2)!important;}
.btn-ghost{background:transparent!important; color:#fff!important; border:1px solid var(--cw-brd2)!important;}
.btn-ghost:hover,.btn-navy:hover{border-color:var(--cw-gold);}

/* ---------- Hero polish ---------- */
.hero{background:transparent!important;}
.hero-glow{filter:blur(30px); opacity:.9;}
.hero h1,.hero .rot{
  background:var(--cw-grad-cool); -webkit-background-clip:text; background-clip:text;
  color:transparent!important; -webkit-text-fill-color:transparent;
}
.eyebrow,.eyebrow-light{color:var(--cw-cyan)!important; letter-spacing:3px; text-transform:uppercase;}

/* ---------- Glass card system ---------- */
.qcard,.ncard,.welcome,.band,.bfeat,.welcome-media,.disc,
.lifegrid > *,.cardgrid > *{
  background:var(--cw-glass)!important;
  border:1px solid var(--cw-brd)!important;
  border-radius:var(--cw-radius-lg)!important;
  backdrop-filter:blur(16px) saturate(150%); -webkit-backdrop-filter:blur(16px) saturate(150%);
  box-shadow:var(--cw-shadow);
  color:var(--cw-text)!important;
}
.qcard{position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease;}
.qcard::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background:var(--cw-grad-cool); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:.0; transition:opacity .25s ease;
}
.qcard:hover{transform:translateY(-6px); border-color:transparent; box-shadow:0 26px 60px -20px rgba(0,0,0,.8), var(--cw-glow-gold);}
.qcard:hover::before{opacity:.9;}
.qic,.bic{
  background:var(--cw-grad-gold)!important; color:#241500!important;
  box-shadow:0 10px 26px -8px rgba(255,170,40,.55);
}
.qgo{color:var(--cw-gold2);}
.sec-title{position:relative;}
.band{background:linear-gradient(135deg, rgba(0,38,95,.6), rgba(12,22,52,.7))!important;}
.badge,.bnum{color:var(--cw-gold)!important;}
.welcome-body,.nbody,.qlabel,.btxt{color:var(--cw-text)!important;}
.date,.more{color:var(--cw-muted)!important;}
.ctastrip{background:linear-gradient(135deg, rgba(0,38,95,.75), rgba(124,139,255,.28))!important; border:1px solid var(--cw-brd2); border-radius:var(--cw-radius-lg);}

/* ---------- Footer ---------- */
.el-footer{background:linear-gradient(180deg, transparent, rgba(3,6,15,.9))!important; border-top:1px solid var(--cw-brd); color:var(--cw-muted);}
.el-footer a{color:var(--cw-muted);}
.el-footer a:hover{color:var(--cw-gold);}
.el-btt{background:var(--cw-grad-gold)!important; color:#241500!important;}

/* ============================================================
   Tutor LMS — course archive, single course, lesson & quiz
   ============================================================ */
.tutor-wrap,.tutor-container,.tutor-course-listing,
.tutor-courses,.tutor-page-wrap,#tutor-course-details{background:transparent!important;}

/* Course cards (archive + "courses you may like") */
.tutor-course-card,.tutor-card,
[class*="tutor-course-listing"] .tutor-course,
.tutor-courses .tutor-course{
  background:var(--cw-glass)!important;
  border:1px solid var(--cw-brd)!important;
  border-radius:var(--cw-radius-lg)!important;
  overflow:hidden;
  box-shadow:var(--cw-shadow);
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease;
}
.tutor-course-card:hover,.tutor-card:hover{
  transform:translateY(-6px); border-color:var(--cw-brd2);
  box-shadow:0 26px 60px -20px rgba(0,0,0,.85), var(--cw-glow-gold);
}
.tutor-course-card .tutor-card-body,
.tutor-course-card .tutor-course-name,
.tutor-card .tutor-card-title a{color:#fff!important;}
.tutor-course-name a,.tutor-course-card a.tutor-course-name{color:#fff!important;}

/* Single course page */
.tutor-course-details-page,.tutor-single-course,
.tutor-course-content,.tutor-single-course-content,
.tutor-course-details-content,.tutor-course-summary,
.tutor-course-topic,.tutor-course-benefits,.tutor-course-target-audience,
.tutor-course-requirements,.tutor-course-material-includes{
  background:transparent!important; color:var(--cw-text)!important;
}
.tutor-course-details-title,.tutor-course-header h1,.tutor-course-header h2{color:#fff!important;}

/* Sidebar "Free / Enroll" & any boxed panel */
.tutor-course-sidebar,.tutor-single-course-sidebar,
.tutor-course-sidebar-card,.tutor-card.tutor-course-sidebar-card,
.tutor-course-price,.tutor-single-course-segment,
.tutor-course-enrollment-box,.tutor-widget,.tutor-course-content-wrap .tutor-card{
  background:var(--cw-glass2)!important;
  border:1px solid var(--cw-brd)!important;
  border-radius:var(--cw-radius-lg)!important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  color:var(--cw-text)!important;
  box-shadow:var(--cw-shadow);
}
.tutor-course-price,.tutor-amount,.price,.tutor-course-price-free{color:var(--cw-gold)!important; font-weight:800;}

/* Curriculum accordion */
.tutor-accordion-item,.tutor-course-topic,.tutor-accordion,
.tutor-course-content-list,.tutor-course-topic-item{
  background:rgba(12,22,52,.5)!important;
  border:1px solid var(--cw-brd)!important; border-radius:14px!important;
  color:var(--cw-text)!important; overflow:hidden;
}
.tutor-accordion-item-header,.tutor-course-topic-title,
.tutor-accordion-item-header .tutor-accordion-item-title{
  background:rgba(0,38,95,.42)!important; color:#fff!important; font-weight:700;
}
.tutor-course-content-list a,.tutor-course-topic a,.tutor-lesson-title{color:var(--cw-text)!important;}
.tutor-course-content-list a:hover{color:var(--cw-gold)!important;}

/* Progress bars */
.tutor-progress-bar,.tutor-progress-value{background:var(--cw-grad-gold)!important;}

/* ---------- Lesson / reading surface ---------- */
.tutor-lesson-content,.tutor-quiz-wrap,.tutor-course-spotlight,
article.type-lesson,.tutor-lesson-wrapper,.lesson-content{
  color:var(--cw-text);
}
.tutor-lesson-content h3,.tutor-lesson-content h4,.tutor-lesson-content strong{color:#fff;}
.tutor-lesson-content code,.lesson-content code,code{
  background:rgba(65,227,255,.12); color:#bff3ff; padding:.12em .45em; border-radius:6px;
  border:1px solid rgba(65,227,255,.25); font-size:.92em;
}
.tutor-lesson-content ul li,.tutor-lesson-content ol li{margin:.28em 0;}

/* Lesson "Key takeaways" callout (.cw-key from our courses) */
.cw-key{
  margin:22px 0 6px; padding:16px 18px 16px 20px;
  background:linear-gradient(135deg, rgba(255,194,14,.12), rgba(124,139,255,.10));
  border:1px solid rgba(255,194,14,.34); border-left:4px solid var(--cw-gold);
  border-radius:14px; color:var(--cw-text); box-shadow:0 10px 30px -14px rgba(255,170,40,.4);
}
.cw-key strong{color:var(--cw-gold2);}

/* ---------- Quiz UI ---------- */
.tutor-quiz-wrap,.tutor-quiz-question-wrap,.quiz-attempt-single-question,
.tutor-quiz-answer-single,.tutor-quiz-questions,.tutor-quiz-single-question{
  background:var(--cw-glass2)!important; border:1px solid var(--cw-brd)!important;
  border-radius:16px!important; color:var(--cw-text)!important;
}
.tutor-quiz-answer-single label,.tutor-quiz-answer-title{color:var(--cw-text)!important;}
.tutor-quiz-answer-single{transition:border-color .18s ease, background .18s ease;}
.tutor-quiz-answer-single:hover{border-color:var(--cw-gold)!important; background:rgba(0,38,95,.5)!important;}
.tutor-form-check-input:checked,input[type=radio]:checked,input[type=checkbox]:checked{accent-color:var(--cw-gold);}
.tutor-alert,.tutor-quiz-single-question .question-type-name{background:rgba(0,38,95,.5)!important; color:var(--cw-text)!important; border-radius:10px;}

/* Inputs / forms on dark */
input[type=text],input[type=email],input[type=password],input[type=search],
select,textarea,.tutor-form-control{
  background:rgba(8,16,36,.7)!important; color:var(--cw-text)!important;
  border:1px solid var(--cw-brd)!important; border-radius:12px!important;
}
input::placeholder,textarea::placeholder{color:var(--cw-muted);}

/* Course thumbnail placeholder → gradient instead of grey */
.tutor-course-thumbnail img[src=""],.tutor-course-thumbnail:empty,
.tutor-ratio-16x9:empty{background:var(--cw-grad-cool)!important;}

/* Tables */
table{border-color:var(--cw-brd);}
th,td{border-color:var(--cw-brd)!important;}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  .qcard,.tutor-course-card,.btn-gold,.tutor-btn-primary{transition:none!important;}
}


/* ===== CWFIX1: course-page contrast + Tutor card fixes ===== */
.tutor-color-black{color:var(--cw-text)!important;}
h1.tutor-color-black,h2.tutor-color-black,h3.tutor-color-black,.tutor-course-details-title{color:#fff!important;}
.tutor-color-muted,.tutor-color-secondary,.tutor-color-subdued,.tutor-color-gray{color:var(--cw-muted)!important;}
.tutor-card,.tutor-sidebar-card{
  background:var(--cw-glass2)!important;border:1px solid var(--cw-brd)!important;
  border-radius:var(--cw-radius-lg)!important;box-shadow:var(--cw-shadow);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--cw-text)!important;
}
.tutor-card-body,.tutor-card-header,.tutor-card-footer{background:transparent!important;color:var(--cw-text)!important;}
.tutor-course-single-pricing,.tutor-course-single-pricing .tutor-color-black,.tutor-course-single-pricing span{color:var(--cw-gold)!important;font-weight:800!important;}
body .tutor-btn.tutor-btn-primary,.tutor-enroll-course-button,a.tutor-enroll-course-button,button.tutor-enroll-course-button{
  background:var(--cw-grad-gold)!important;color:#241500!important;border:none!important;box-shadow:var(--cw-glow-gold)!important;
}
body .tutor-btn.tutor-btn-outline-primary,.tutor-btn.tutor-btn-ghost{background:transparent!important;color:#fff!important;border:1px solid var(--cw-brd2)!important;}
.tutor-course-thumbnail{background:var(--cw-grad-cool)!important;border-radius:var(--cw-radius-lg);overflow:hidden;}
.tutor-course-thumbnail img[src$="placeholder.svg"]{opacity:0;}
.tutor-course-details-content,.tutor-course-details-content li,.tutor-course-details-content p,.tutor-course-details-content span{color:var(--cw-text);}
.tutor-course-details-content h1,.tutor-course-details-content h2,.tutor-course-details-content h3,.tutor-course-details-content h4,.tutor-course-details-content strong{color:#fff!important;}
.tutor-course-material-includes li,.tutor-course-benefits li,.tutor-course-requirements li,.tutor-course-target-audience li{color:var(--cw-text)!important;}
.tutor-icon-brand-color,.tutor-course-single-pricing i,.tutor-course-details-widget i{color:var(--cw-gold)!important;}
.tutor-course-header a,.tutor-single-course-header a,.tutor-course-wishlist,.tutor-course-share{color:var(--cw-muted)!important;}
/* course archive grid cards use tutor-card too — already glassed above */


/* ===== CWFIX2: remaining Tutor light surfaces ===== */
.tutor-course-details-instructors,.tutor-course-details-widget{
  background:var(--cw-glass2)!important;color:var(--cw-text)!important;
  border:1px solid var(--cw-brd)!important;border-radius:var(--cw-radius-lg)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--cw-shadow);
}
.tutor-course-details-instructors *,.tutor-course-details-widget *{color:var(--cw-text);}
.tutor-course-details-instructors h3,.tutor-course-details-instructors h4,.tutor-course-details-widget h3,.tutor-course-details-widget h4{color:#fff!important;}
.tutor-course-details-instructors a{color:var(--cw-gold2)!important;}
.tutor-course-content-list{background:var(--cw-glass2)!important;border:1px solid var(--cw-brd)!important;border-radius:16px!important;overflow:hidden;}
.tutor-course-content-list-item{background:transparent!important;color:var(--cw-text)!important;border-bottom:1px solid var(--cw-brd)!important;}
.tutor-course-content-list-item a,.tutor-course-content-list-item span{color:var(--cw-text)!important;}
.tutor-course-content-list-item a:hover{color:var(--cw-gold)!important;}
.tutor-bg-white{background:var(--cw-glass2)!important;}
.tutor-modal-content,.tutor-modal-content-white{background:var(--cw-bg1)!important;color:var(--cw-text)!important;border:1px solid var(--cw-brd)!important;}
.tutor-modal-content *{color:var(--cw-text);}
.tutor-modal-content h1,.tutor-modal-content h2,.tutor-modal-content h3,.tutor-modal-content strong{color:#fff!important;}
.tutor-avatar{background:var(--cw-navy)!important;color:#fff!important;}
.tutor-course-topic-header,.tutor-accordion-item-header{background:rgba(0,38,95,.42)!important;color:#fff!important;}
.tutor-nav,.tutor-nav-item,.tutor-nav-link{color:var(--cw-text)!important;}
.tutor-nav-link.is-active,.tutor-nav-item .is-active{color:var(--cw-gold)!important;border-color:var(--cw-gold)!important;}