/*
Theme Name: mC0de
Theme URI: https://mc0de.com/
Description: A lightweight child theme of Ploto for mC0de, including a custom 404 template.
Author: mC0de
Template: ploto
Version: 1.0.6
Text Domain: mc0de
*/

/* mC0de shared lesson layout — October 2026 */
#dt-main :is(.mcode-compare-card,.mcode-web-card){background:#15273d!important;border-color:rgba(147,190,220,.2)!important;box-shadow:none!important}
#dt-main :is(.mcode-compare-card,.mcode-web-card) :is(p,h3,h4){color:#aebed1!important}
#dt-main .mcode-web-card h3{color:#fff!important}
#dt-main :is(.mcode-sandbox,.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox,[id^="mc-ah"][id$="-lesson"] .sandbox,[id^="mc-js"][id$="-lesson"] .sandbox) :is(textarea,iframe){height:420px!important;min-height:420px!important;max-width:100%;box-sizing:border-box}
#dt-main .mcode-preview-wrap{height:420px!important;min-height:420px!important}
#dt-main :is(.mcbe-workspace,.mcbe-tables .workspace,.mcbe-form-lesson .workspace){align-items:start}
#dt-main :is(.mcode-lesson-content,.mcbe-lesson,.mcbe-tables,.mcbe-form-lesson,[id^="mc-ah"][id$="-lesson"],[id^="mc-js"][id$="-lesson"])>:is(.section,.mcbe-section,.mcbe-challenge,.challenge,.mcbe-sandbox,.sandbox,.mcbe-recap,.recap,.mcbe-progress,.progress){margin-top:0!important;margin-bottom:24px!important}
#dt-main :is(.mcbe-section,.mcbe-challenge,.mcbe-tables .section,.mcbe-form-lesson .section,[id^="mc-ah"][id$="-lesson"]>.section,[id^="mc-js"][id$="-lesson"]>.section){padding:28px!important;border-radius:18px!important}
#dt-main .mcode-lesson-content>.mcode-learned:last-child{margin-bottom:0!important}
#dt-main :is(.mcode-compare-card,.mcode-web-card) strong{color:#fff!important}
#dt-main :is(.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox)>:last-child{background:#102338!important;color:#aebed1!important;border-color:#294059!important}
#dt-main :is(.mcbe-lesson,.mcbe-tables,.mcbe-form-lesson)>:last-child{margin-bottom:24px!important}
#dt-main :is([id^="mc-ah"][id$="-lesson"],[id^="mc-js"][id$="-lesson"]) .mcode-unified-recap h2{font-size:24px!important;margin:0 0 20px!important;color:#fff!important}
#dt-main .mcode-unified-recap .eyebrow{color:#91f7bf!important;font-size:10px!important;letter-spacing:1.2px;font-weight:800;margin-bottom:5px!important}
#dt-main .mcode-unified-recap ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none!important;margin:0 0 18px!important;padding:0!important}
#dt-main .mcode-unified-recap li{position:relative;padding:12px 14px 12px 36px!important;margin:0!important;border:1px solid rgba(147,190,220,.2);border-radius:9px;background:#15273d;font-size:14px!important;line-height:1.7!important;color:#aebed1!important}
#dt-main .mcode-unified-recap li::before{content:"✓";position:absolute;top:12px;left:14px;color:#4ee4a1;font-weight:800}
#dt-main .mcode-unified-recap code{color:#8eeaf7!important;background:#21354b!important;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}
#dt-main .mcode-unified-recap strong{color:#fff!important}
#dt-main .mcode-unified-recap .recap-encouragement{font-size:15px!important;color:#d7f9eb!important;font-weight:700;line-height:1.7;margin:0 0 16px!important}
@media(max-width:740px){#dt-main :is(.mcode-sandbox,.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox,[id^="mc-ah"][id$="-lesson"] .sandbox,[id^="mc-js"][id$="-lesson"] .sandbox) :is(textarea,iframe){height:310px!important;min-height:310px!important}#dt-main .mcode-preview-wrap{height:310px!important;min-height:310px!important}#dt-main :is(.mcbe-section,.mcbe-challenge,.mcbe-tables .section,.mcbe-form-lesson .section,[id^="mc-ah"][id$="-lesson"]>.section,[id^="mc-js"][id$="-lesson"]>.section){padding:21px!important}#dt-main .mcode-unified-recap ul{grid-template-columns:1fr}}

#dt-main .mcode-lesson-content>.mcode-final-intro{margin:0 0 24px!important}
#dt-main .mcode-lesson-content>.mcode-series-finale{margin:0 0 0!important}
#dt-main .mcode-unified-recap{background:#111f35!important;border:1px solid rgba(147,190,220,.2)!important;border-radius:18px!important}
#dt-main .mcode-learned-title{font-size:24px!important}

#dt-main .mcode-progress-box{background:#15273d!important;border:1px solid rgba(147,190,220,.2)!important;border-radius:12px!important}
#dt-main .mcode-progress-box strong{color:#fff!important;font-size:15px!important}
#dt-main .mcode-progress-box span{color:#aebed1!important;font-size:13px!important;line-height:1.65}
#dt-main .mcode-progress-number{color:#4ee4a1!important;font-size:12px!important}
#dt-main .mcode-progress-arrow{color:#39d5ed!important}

#dt-main .mcode-final-intro{background:linear-gradient(145deg,#111f35,#101b2e)!important;border:1px solid rgba(147,190,220,.2)!important;border-radius:18px!important;padding:28px!important;color:#aebed1!important;box-shadow:none!important}
#dt-main .mcode-final-intro-label{color:#91f7bf!important;font-family:inherit!important;font-size:11px!important;font-weight:800;letter-spacing:1.2px}
#dt-main .mcode-final-intro h2{color:#fff!important;margin:8px 0 18px!important;font-size:27px!important;line-height:1.3!important}
#dt-main .mcode-final-intro p{color:#aebed1!important;font-size:15px!important;line-height:1.75!important;margin:0!important}
#dt-main .mcode-final-intro strong{color:#fff!important}
#dt-main .mcode-final-intro::before{display:none!important}
@media(max-width:740px){#dt-main .mcode-final-intro{padding:21px!important}}

#dt-main .mcode-final-nav{background:#102338!important;border-top:1px solid #294059!important;color:#b5c8da!important;padding:20px 24px!important;gap:12px!important}
#dt-main .mcode-final-nav a{background:#1c354c!important;color:#bdf2ff!important;border:1px solid #36566b!important;border-radius:9px!important;padding:10px 15px!important}
#dt-main .mcode-final-nav a:hover{background:#29465f!important;border-color:#39d5ed!important}

/* Native dropdown scrolling — October 14, 2026. */
@media(min-width:992px){
 #menu-primary>#menu-item-362>ul.dropdown-menu{overflow:visible!important}
 #menu-primary ul.mcode-scroll-menu{max-height:var(--mcode-menu-height,min(560px,calc(100vh - 160px)))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#39d5ed #102338;touch-action:pan-y}
 #menu-primary ul.dropdown-menu ul.mcode-scroll-menu{top:0;bottom:auto!important}
 #menu-primary ul.dropdown-menu ul.mcode-scroll-menu>li>a{padding-top:10px!important;padding-bottom:10px!important;line-height:1.4!important}
 #menu-primary li:focus-within>ul.dropdown-menu{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}
 #menu-primary li.mcode-menu-dismissed>ul.dropdown-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 #menu-primary ul.mcode-scroll-menu::-webkit-scrollbar{width:8px}
 #menu-primary ul.mcode-scroll-menu::-webkit-scrollbar-thumb{background:#39d5ed;border-radius:10px}
 #menu-primary ul.mcode-scroll-menu::-webkit-scrollbar-track{background:#102338}
 #menu-primary .mcode-scroll-cue{position:sticky;bottom:-15px;z-index:2;padding:6px 8px!important;margin:0!important;text-align:center;font-size:11px;line-height:1.4;color:#bdf2ff;background:#102338;border-top:1px solid #39d5ed;pointer-events:none}
}
#menu-primary .mcode-scroll-cue[hidden]{display:none!important}
@media(max-width:991px){#menu-primary .mcode-scroll-cue{display:none!important}}