/* Edumen certificate / document verification page: theme-level redesign.
   Overrides the 24tt Document Verifier plugin CSS without touching the plugin (safe across plugin updates). */

.page-id-20983 .ttv{--navy:#030F40;--bg:#F4F7FF;--orange:#C75702;--teal:#2A5C69;--teal2:#204b56;--gold:#FFC119;--sh:0 12px 32px rgba(3,15,64,.13);--sh-sm:0 6px 20px rgba(3,15,64,.09);background:var(--bg)}
.page-id-20983 .ttv .ttv-wrap{width:min(1200px,92%)}

/* ---------- hero: two independent cards, only the verifier card grows ---------- */
.page-id-20983 .ttv .ttv-hero{display:flex;flex-direction:column;background:var(--bg)!important;color:var(--navy);padding:clamp(20px,3vw,36px) 0 clamp(32px,5vw,60px);overflow:visible}
.page-id-20983 .ttv .ttv-hero::before{display:none}
.page-id-20983 .ttv .ttv-lang{position:static;align-self:flex-end;margin:0 max(4%,calc((100% - 1200px)/2)) 14px;background:rgba(3,15,64,.07)}
.page-id-20983 .ttv .ttv-lang button{color:var(--navy)!important}
.page-id-20983 .ttv .ttv-lang button.is-on{background:#fff!important;color:var(--navy)!important;box-shadow:0 2px 8px rgba(3,15,64,.14)!important}
.page-id-20983 .ttv .ttv-hero-grid{width:min(1200px,92%);margin-inline:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,28px);align-items:start}

.page-id-20983 .ttv .ttv-hero-copy{position:sticky;top:120px;overflow:hidden;isolation:isolate;background:var(--navy);color:#fff;border-radius:28px;padding:clamp(26px,3.6vw,44px);box-shadow:var(--sh)}
.page-id-20983 .ttv .ttv-hero-copy::before{content:"";position:absolute;z-index:-1;right:-90px;bottom:-130px;width:300px;height:300px;border-radius:50%;background:var(--orange);opacity:.9}
.page-id-20983 .ttv .ttv-hero-copy::after{content:"";position:absolute;z-index:-1;left:-60px;top:-80px;width:170px;height:170px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}
.page-id-20983 .ttv .ttv-eyebrow{margin-bottom:16px!important;color:var(--gold);font-size:.78rem}
.page-id-20983 .ttv .ttv-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(255,193,25,.25)}
.page-id-20983 .ttv .ttv-h1{font-size:clamp(1.7rem,3.2vw,2.6rem)!important;line-height:1.12!important;margin-bottom:16px!important}
.page-id-20983 .ttv .ttv-h1 em{color:var(--gold)}
.page-id-20983 .ttv .ttv-lead{font-size:clamp(.95rem,1.3vw,1.06rem);color:rgba(255,255,255,.86);margin-bottom:20px!important}
.page-id-20983 .ttv .ttv-pills{margin-bottom:22px!important}
.page-id-20983 .ttv .ttv-pills li{font-size:.82rem;padding:6px 13px}

/* verifier card: grows downward on its own, never stretches its neighbour */
.page-id-20983 .ttv .ttv-card{align-self:start;border-radius:28px;padding:clamp(20px,2.8vw,32px);box-shadow:var(--sh)}
.page-id-20983 .ttv .ttv-tabs{margin-bottom:20px}
.page-id-20983 .ttv .ttv-result{scroll-margin-top:100px;margin-top:22px;padding-top:22px;border-top:1.5px dashed #C9D1E6}
.page-id-20983 .ttv .ttv-result:not(:empty){animation:ttvOpen .4s ease both}
@keyframes ttvOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.page-id-20983 .ttv .ttv-banner{border-radius:18px}
.page-id-20983 .ttv .ttv-dl{grid-template-columns:minmax(120px,170px) minmax(0,1fr);border-radius:16px}
.page-id-20983 .ttv .ttv-foot{gap:14px 18px}
.page-id-20983 .ttv .ttv-acts .ttv-btn{flex:0 1 auto}

/* ---------- sections ---------- */
.page-id-20983 .ttv .ttv-sec{padding:clamp(40px,6vw,76px) 0}
.page-id-20983 .ttv .ttv-head{margin-bottom:clamp(22px,3.4vw,40px)}
.page-id-20983 .ttv h2{font-size:clamp(1.5rem,2.8vw,2.2rem)!important}
.page-id-20983 .ttv .ttv-kicker{color:var(--orange)}
.page-id-20983 .ttv .ttv-how{background:#fff}
.page-id-20983 .ttv .ttv-steps{gap:clamp(14px,2vw,24px)}
.page-id-20983 .ttv .ttv-steps li,.page-id-20983 .ttv .ttv-steps li:nth-child(n){margin-top:0;padding:clamp(20px,2.4vw,28px);background:var(--bg);border-radius:20px}
.page-id-20983 .ttv .ttv-num{width:46px;height:46px;border-radius:50%;background:var(--orange)}
.page-id-20983 .ttv .ttv-feat{border-radius:20px;padding:clamp(20px,2.4vw,28px);box-shadow:var(--sh-sm)}
.page-id-20983 .ttv .ttv-feat svg{stroke:var(--orange)}
.page-id-20983 .ttv .ttv-two{gap:clamp(24px,4.5vw,64px)}
.page-id-20983 .ttv .ttv-report{border-radius:24px;padding:clamp(22px,3vw,34px)}
.page-id-20983 .ttv .ttv-faq details{border-radius:16px;box-shadow:var(--sh-sm)}
.page-id-20983 .ttv .ttv-btn-dark{background:var(--teal)!important}
.page-id-20983 .ttv .ttv-btn-dark:hover{background:var(--teal2)!important}

/* ---------- tablet ---------- */
@media (max-width:900px){
	.page-id-20983 .ttv .ttv-hero-grid{grid-template-columns:minmax(0,1fr)}
	.page-id-20983 .ttv .ttv-hero-copy{position:static;padding:26px 22px 28px}
	.page-id-20983 .ttv .ttv-hero-copy::before{width:200px;height:200px;right:-70px;bottom:-90px}
	.page-id-20983 .ttv .ttv-hero-copy::after{display:none}
	.page-id-20983 .ttv .ttv-years{display:none}
	.page-id-20983 .ttv .ttv-pills{margin-bottom:0!important}
}

/* ---------- mobile: clear gap under the header ---------- */
@media (max-width:600px){
	.page-id-20983 .ttv .ttv-hero{padding:28px 0 36px}
	.page-id-20983 .ttv .ttv-hero-grid{width:92%}
	.page-id-20983 .ttv .ttv-hero-copy,.page-id-20983 .ttv .ttv-card{border-radius:22px}
	.page-id-20983 .ttv .ttv-card{padding:18px 16px}
	.page-id-20983 .ttv .ttv-lang{margin-right:4%}
	.page-id-20983 .ttv .ttv-dl{grid-template-columns:minmax(0,1fr)}
	.page-id-20983 .ttv .ttv-acts .ttv-btn{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
	.page-id-20983 .ttv .ttv-result:not(:empty){animation:none}
}