/* NT Motors: Pro layer. Loads after theme.css. */
html{scroll-behavior:smooth}
::selection{background:var(--accent-color);color:#fff}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 55%,transparent);outline-offset:2px;border-radius:4px}

/* Glass header once the page is scrolled */
.clt-pro .header{transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.clt-pro.clt-scrolled .header{background:color-mix(in srgb,var(--background-color) 78%,transparent)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);box-shadow:0 8px 30px -18px rgba(2,8,23,.35)}

/* Reading / scroll progress */
.clt-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:99999;pointer-events:none}
.clt-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-color),#7c3aed);border-radius:0 3px 3px 0}

/* Cards: lift + soft shadow on hover */
.clt-pro .card,.clt-pro .clt-vc,.clt-pro .service-item,.clt-pro .post-box,.clt-pro article.post{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.clt-pro .card:hover,.clt-pro .clt-vc:hover,.clt-pro .service-item:hover,.clt-pro .post-box:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(2,8,23,.45)}
.clt-pro img{max-width:100%;height:auto}
.clt-pro .btn,.clt-pro button[type=submit]{transition:transform .2s,box-shadow .2s,filter .2s}
.clt-pro .btn:hover,.clt-pro button[type=submit]:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* Scroll reveal (progressive: content is visible without JS) */
.clt-js .clt-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.clt-js .clt-reveal.clt-in{opacity:1;transform:none}

/* Floating controls */
.clt-fab{position:fixed;right:18px;z-index:9990;width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
 color:#fff;background:var(--accent-color);box-shadow:0 14px 30px -10px rgba(2,8,23,.55);transition:transform .25s,opacity .25s}
.clt-fab:hover{transform:translateY(-3px) scale(1.05)}
.clt-fab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#clt-toggle{bottom:140px}

.clt-readtime{display:inline-block;margin:0 0 18px;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--accent-color) 12%,transparent);color:var(--accent-color)}

/* ---------- Dark mode ---------- */
html[data-clt-theme=dark]{color-scheme:dark;
 --background-color:#0b1220;--default-color:#cbd5e1;--heading-color:#f1f5f9;--surface-color:#131c2e;--contrast-color:#fff;
 --nav-color:#e2e8f0;--nav-mobile-background-color:#0f1829;--nav-dropdown-background-color:#131c2e;--nav-dropdown-color:#e2e8f0}
html[data-clt-theme=dark] body{background:var(--background-color);color:var(--default-color)}
html[data-clt-theme=dark] .header{background:rgba(11,18,32,.85)}
html[data-clt-theme=dark] .card,html[data-clt-theme=dark] .clt-vc,html[data-clt-theme=dark] .service-item,html[data-clt-theme=dark] .post-box,
html[data-clt-theme=dark] .form-control,html[data-clt-theme=dark] .form-select,html[data-clt-theme=dark] input,html[data-clt-theme=dark] textarea,html[data-clt-theme=dark] select{
 background-color:var(--surface-color);color:var(--default-color);border-color:#223048}
html[data-clt-theme=dark] .footer{background:#070c17}
html[data-clt-theme=dark] section,html[data-clt-theme=dark] .section{background-color:transparent}
html[data-clt-theme=dark] .light-background{background-color:#0f1829!important}
html[data-clt-theme=dark] img{filter:brightness(.92)}
html[data-clt-theme=dark] table{color:var(--default-color)}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .clt-js .clt-reveal{opacity:1;transform:none;transition:none}
 .clt-pro .card,.clt-pro .clt-vc,.clt-fab{transition:none}
}
@media print{.clt-fab,.clt-progress{display:none!important}}