/*
 * SEU Modern UI Layer — v5.0.45
 * Visual-only enhancement. Loaded after the existing theme/layout CSS.
 * No external assets, fonts, APIs, or CDN dependencies.
 */
:root{
  --seu-modern-crimson:#9b111e;
  --seu-modern-crimson-dark:#720d16;
  --seu-modern-gold:#e7ad21;
  --seu-modern-navy:#0b1f33;
  --seu-modern-ink:#172033;
  --seu-modern-muted:#64748b;
  --seu-modern-bg:#f4f7fb;
  --seu-modern-surface:#ffffff;
  --seu-modern-border:#e2e8f0;
  --seu-modern-radius:16px;
  --seu-modern-shadow:0 10px 30px rgba(15,23,42,.07);
  --seu-modern-shadow-hover:0 18px 42px rgba(15,23,42,.12);
}

html{scroll-behavior:smooth}
body{background:var(--seu-modern-bg);color:var(--seu-modern-ink)}

/* Global shell */
.site-main{background:var(--seu-modern-bg)}
.seu-header-logo{width:68px!important;height:68px!important;object-fit:contain;transition:transform .2s ease}
.seu-header-logo:hover{transform:translateY(-1px)}
.seu-primary-nav,.seu-theme-primary-menu{font-size:14px}
.seu-theme-primary-menu>a{font-weight:750!important;border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}
.seu-theme-primary-menu>a:hover{background:#fff7e2;transform:translateY(-1px)}
.seu-theme-primary-menu>a.seu-fallback-active,.seu-theme-primary-menu>a[aria-current=page]{background:#fff8e6}
.seu-theme-primary-menu>a.seu-fallback-active::after,.seu-theme-primary-menu>a[aria-current=page]::after{height:3px!important;background:var(--seu-modern-gold)!important}
.seu-header-actions a,.seu-header-actions button{border-radius:10px!important}
.seu-header-search{border-radius:12px!important;border-color:var(--seu-modern-border)!important;background:#f8fafc!important}

/* Shared modern cards */
.seu-pro-card,.seu-id-card,.vu-course-card,.seu-course-card,.seu-cm-panel,.seu-cm-card,.seu-dashboard-card{
  border:1px solid var(--seu-modern-border)!important;
  border-radius:var(--seu-modern-radius)!important;
  box-shadow:var(--seu-modern-shadow)!important;
  background:var(--seu-modern-surface);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.seu-pro-card:hover,.seu-id-card:hover,.vu-course-card:hover,.seu-course-card:hover,.seu-cm-panel:hover,.seu-dashboard-card:hover{
  box-shadow:var(--seu-modern-shadow-hover)!important;
}

/* Student portal */
.seu-pro-portal{background:linear-gradient(180deg,#f7f9fc 0,#f4f7fb 100%)!important;gap:22px!important}
.seu-pro-nav{border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 45px rgba(2,6,23,.18)!important}
.seu-pro-top{border-radius:18px!important;border:1px solid var(--seu-modern-border)!important;box-shadow:var(--seu-modern-shadow)!important}
.seu-pro-card-head{padding-bottom:15px!important;margin-bottom:16px!important;border-bottom:1px solid #edf1f5!important}
.seu-pro-card-head h3{font-size:1.05rem!important;letter-spacing:-.01em}
.seu-pro-btn{border-radius:10px!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease!important}
.seu-pro-btn:hover{transform:translateY(-1px)!important;box-shadow:0 7px 16px rgba(15,23,42,.1)!important}
.seu-pro-course{border:1px solid #e8edf3!important;border-radius:14px!important;background:#fbfcfe!important}
.seu-pro-badge{border-radius:999px!important;padding:5px 9px!important;font-weight:800!important}

/* Instructor dashboard */
.seu-instructor-dashboard{background:var(--seu-modern-bg)!important}
.seu-id-hero{border-radius:20px!important;overflow:hidden;box-shadow:0 18px 48px rgba(15,23,42,.13)!important}
.seu-id-inner{max-width:1280px!important}
.seu-id-btn{border-radius:10px!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease!important}
.seu-id-btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.12)!important}

/* Course catalog */
.seu-catalog-content{background:var(--seu-modern-bg)!important}
.seu-catalog-content .vu-filter-bar{border-radius:16px!important;padding:14px!important}
.seu-catalog-content .vu-course-grid{gap:20px!important}
.seu-catalog-content .vu-course-card{overflow:hidden!important}
.seu-catalog-content .vu-course-card img{transition:transform .35s ease}
.seu-catalog-content .vu-course-card:hover img{transform:scale(1.035)}
.seu-course-status-badge{border-radius:999px!important;font-weight:800!important;padding:.38rem .65rem!important}
.seu-course-action{border-radius:10px!important;font-weight:800!important}

/* Course / lesson pages */
.seu-lesson-layout,.seu-course-layout{background:var(--seu-modern-bg)}
.seu-lesson-sidebar,.seu-course-sidebar{border-radius:16px!important;border:1px solid var(--seu-modern-border)!important;box-shadow:var(--seu-modern-shadow)!important}
.seu-course-image-editor{border-radius:14px!important;background:#fff!important;box-shadow:var(--seu-modern-shadow)}

/* Forms and controls */
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px!important;border-color:#d8e0ea!important;transition:border-color .18s ease,box-shadow .18s ease}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#b68a1b!important;box-shadow:0 0 0 3px rgba(231,173,33,.14)!important;outline:0}
button,.button,.wp-element-button{border-radius:10px!important}

/* Public pages / content */
.entry-content img{border-radius:12px}
.wp-block-button__link{font-weight:800!important}

/* Tables */
.seu-pro-portal table,.seu-instructor-dashboard table,.site-main table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--seu-modern-border);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.site-main table th{background:#f8fafc;font-weight:800;color:#334155}
.site-main table td,.site-main table th{border-color:#edf1f5}

/* Mobile */
@media(max-width:900px){
  .seu-header-logo{width:58px!important;height:58px!important}
  .seu-pro-portal{grid-template-columns:1fr!important}
  .seu-pro-nav{position:relative!important;top:auto!important;width:auto!important}
  .seu-id-inner{padding:28px 20px!important}
  .seu-catalog-vision-inner{grid-template-columns:1fr!important;padding:42px 20px!important;gap:28px!important}
  .seu-catalog-vision-mark{justify-self:start!important;width:180px!important;height:180px!important}
}
@media(max-width:640px){
  .seu-pro-card,.seu-id-card,.vu-course-card,.seu-course-card{border-radius:13px!important}
  .seu-pro-card-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .seu-pro-btn{width:auto;max-width:100%}
  .seu-catalog-vision h1{font-size:2.2rem!important}
}


/* v5.0.46 LAN display stabilization: course cards and theme-controlled menu */
.seu-primary-nav{min-width:0!important;overflow:visible!important;}
.seu-primary-nav .seu-theme-primary-menu{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.45rem .8rem!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
.seu-primary-nav .seu-theme-primary-menu>a{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;min-width:max-content!important;white-space:nowrap!important;height:auto!important;min-height:44px!important;box-sizing:border-box!important;}
.seu-mobile-primary-nav .seu-theme-primary-menu{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;width:100%!important;}
.seu-mobile-primary-nav .seu-theme-primary-menu>a{justify-content:flex-start!important;min-width:0!important;width:100%!important;}
.seu-catalog-content .vu-course-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important;align-items:stretch!important;}
.seu-catalog-content .vu-course-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;}
.seu-catalog-content .vu-course-thumb{width:100%!important;height:190px!important;min-height:190px!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;flex:0 0 190px!important;}
.seu-catalog-content .vu-course-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-width:0!important;box-sizing:border-box!important;}
.seu-catalog-content .vu-course-title,.seu-catalog-content .vu-course-desc{overflow-wrap:anywhere!important;}
.seu-catalog-content .vu-course-meta{margin-top:auto!important;}
@media(max-width:1100px){.seu-catalog-content .vu-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){.seu-primary-nav{display:none!important}.seu-catalog-content .vu-course-grid{grid-template-columns:1fr!important}.seu-catalog-content .vu-course-thumb{height:180px!important;min-height:180px!important;flex-basis:180px!important;}}

/* SEU Digital ID — professional decorative background only.
 * No layout, spacing, typography, content, or structure is changed.
 */
.seu-digital-id-intro{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background-color:#eef5fb!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0) 48%,rgba(8,59,99,.035)),
    url("../images/seu-digital-id-bg.svg")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(10,59,99,.08);
}
.seu-digital-id-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,54,88,.075),transparent 18%,transparent 82%,rgba(9,54,88,.055)),
    repeating-linear-gradient(0deg,transparent 0,transparent 10px,rgba(11,71,113,.018) 10.5px,transparent 11px);
}
.seu-digital-id-intro::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:7%;
  top:50%;
  transform:translateY(-50%);
  border:1px solid rgba(10,59,99,.055);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(10,59,99,.018),0 0 0 38px rgba(10,59,99,.012);
  pointer-events:none;
  z-index:0;
}
.seu-digital-id-intro > div{position:relative;z-index:1;}
.seu-digital-id-intro .grid > div{position:relative;z-index:1;}
@media(max-width:700px){
  .seu-digital-id-intro{background-position:center!important;background-size:auto 100%,cover!important;}
  .seu-digital-id-intro::after{width:120px;height:120px;right:-25px;}
}

/* v5.0.58 — refined Digital ID banner background + text legibility only */
.seu-digital-id-intro{
  background-color:#e7f4ff!important;
  background-image:url("../images/seu-digital-id-bg.svg")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
.seu-digital-id-intro::before{
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 48%,rgba(7,58,96,.045))!important;
}
.seu-digital-id-intro a,
.seu-digital-id-intro a span{
  color:#092f50!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
}
.seu-digital-id-intro .grid > div{
  color:#183d5d!important;
  font-weight:500!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
}
.seu-digital-id-intro .grid{
  border-color:rgba(9,65,103,.18)!important;
}
.seu-digital-id-intro i{filter:drop-shadow(0 1px 0 rgba(255,255,255,.7));}
@media(max-width:700px){
  .seu-digital-id-intro{background-size:auto 100%,cover!important;background-position:center!important;}
}

/* v5.0.59 — responsive Digital ID artwork: background only; existing layout preserved */
.seu-digital-id-intro{
  background-color:#eaf5ff!important;
  background-image:url("../images/seu-digital-id-bg.svg")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  background-clip:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(8,55,91,.12)!important;
}
.seu-digital-id-intro::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 42%,rgba(255,255,255,.10) 72%,rgba(7,55,91,.08)),
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 32%,rgba(8,62,101,.035))!important;
}
.seu-digital-id-intro::after{
  width:clamp(120px,12vw,220px)!important;
  height:clamp(120px,12vw,220px)!important;
  right:clamp(1%,5vw,7%)!important;
  border-color:rgba(13,72,116,.075)!important;
  box-shadow:0 0 0 18px rgba(13,72,116,.025),0 0 0 40px rgba(13,72,116,.016)!important;
}
.seu-digital-id-intro a,
.seu-digital-id-intro a span{
  color:#072f52!important;
  text-shadow:0 1px 2px rgba(255,255,255,.95)!important;
}
.seu-digital-id-intro .grid > div{
  color:#163f61!important;
  text-shadow:0 1px 2px rgba(255,255,255,.96)!important;
}
@media (max-width:1024px){
  .seu-digital-id-intro{background-size:cover!important;background-position:center!important;}
}
@media (max-width:700px){
  .seu-digital-id-intro{background-size:auto 100%!important;background-position:center center!important;}
  .seu-digital-id-intro::after{right:-45px!important;}
  .seu-digital-id-intro::before{background:linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,.07),rgba(7,55,91,.055))!important;}
}
@media (max-width:480px){
  .seu-digital-id-intro{background-position:58% center!important;}
}