/* =====================================================================
   Mentor – a theme for teachers & tutors. Notebook paper, doodles,
   taped stickers and bouncy motion.
   ===================================================================== */
.th-mentor{--line:color-mix(in srgb,var(--tx) 10%,transparent);--ruled:color-mix(in srgb,#5b8def 14%,transparent)}
body.th-mentor{background-image:repeating-linear-gradient(transparent 0 37px,var(--ruled) 37px 38px)}
html[data-mode=dark] body.th-mentor{--ruled:rgba(255,255,255,.035)}
.th-mentor h1,.th-mentor h2,.th-mentor h3{font-weight:800;letter-spacing:-.01em}
html[dir=rtl] .th-mentor h1,html[dir=rtl] .th-mentor h2{line-height:1.35}
.th-mentor .b-title{font-size:clamp(32px,4vw,52px);position:relative;display:inline-block}
.th-mentor .b-title::after{content:"";position:absolute;inset-inline-start:0;bottom:-10px;width:min(220px,80%);height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 16'%3E%3Cpath d='M3 10 C40 2 70 14 110 7 C150 0 180 13 217 5' stroke='%23ff6b3d' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.th-mentor .b-intro.center .b-title::after,.th-mentor .center .b-title::after{inset-inline-start:50%;transform:translateX(-50%)}
html[dir=rtl] .th-mentor .b-intro.center .b-title::after{transform:translateX(50%)}
.th-mentor .b-intro{text-align:start}
.th-mentor .b-sec>.s-wrap>.b-title,.th-mentor .b-intro .b-title{margin-bottom:40px}
.th-mentor .s-btn{border-radius:99px;font-weight:800;box-shadow:0 5px 0 color-mix(in srgb,var(--p) 60%,#000)}
.th-mentor .s-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 color-mix(in srgb,var(--p) 60%,#000)}
.th-mentor .s-btn:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--p) 60%,#000)}
.th-mentor .s-btn-ghost{background:var(--bg);color:var(--tx);border-color:var(--tx);box-shadow:0 5px 0 var(--tx)}
.th-mentor .s-btn-ghost:hover{background:var(--accent,var(--a));color:#fff;box-shadow:0 7px 0 var(--tx)}

/* profile */
.th-mentor .b-profile{padding-bottom:clamp(60px,7vw,100px)}
.th-mentor .pr-badge{background:var(--a);color:#fff;border:0;transform:rotate(-2deg)}
.th-mentor .pr-badge i{background:#fff}
.th-mentor .pr-name{font-size:clamp(46px,6.4vw,88px)}
.th-mentor .pr-roles{color:var(--p);font-weight:800}
.th-mentor .pr-photo{border-radius:46% 54% 42% 58%/55% 45% 55% 45%;background:linear-gradient(160deg,var(--a),color-mix(in srgb,var(--a) 60%,#0b3d36));animation:mBlob 12s ease-in-out infinite;box-shadow:12px 14px 0 var(--p)}
@keyframes mBlob{50%{border-radius:56% 44% 58% 42%/45% 58% 42% 55%}}
.th-mentor .pr-photo img{object-position:bottom}
.th-mentor .pr-ring{fill:var(--p);font-family:var(--hf);font-weight:800;background:#ffd166;width:34%}
html[data-mode=dark] .th-mentor .pr-ring{fill:#24201a}
.th-mentor .pr-deco.d1{background:#ffd166;width:18%;top:auto;bottom:6%;inset-inline-end:-6%;border-radius:30%;transform:rotate(14deg)}
.th-mentor .pr-deco.d2{background:transparent;border:4px dashed var(--p);width:24%;top:6%;bottom:auto;inset-inline-start:-8%;opacity:.6}
.th-mentor .pr-stats{border:2px dashed var(--line);border-radius:26px;padding:24px 30px;background:var(--bg)}
.th-mentor .pr-stats b{color:var(--p);font-family:var(--hf)}
.th-mentor .pr-social a{border:2px solid var(--tx)}

/* stickers: cards look taped onto the page */
.th-mentor .pj,.th-mentor .r-item,.th-mentor .qt,.th-mentor .pk,.th-mentor .ps{position:relative;border:2px solid var(--tx);box-shadow:6px 6px 0 var(--tx);border-radius:22px;background:var(--bg)}
.th-mentor .pj:hover,.th-mentor .r-item:hover,.th-mentor .pk:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:9px 9px 0 var(--tx)}
.th-mentor .pj:nth-child(3n+1),.th-mentor .qt:nth-child(3n+1){transform:rotate(-1deg)}
.th-mentor .pj:nth-child(3n+2),.th-mentor .qt:nth-child(3n+2){transform:rotate(.8deg)}
.th-mentor .pj::before,.th-mentor .qt::before,.th-mentor .r-item::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:color-mix(in srgb,#ffd166 75%,transparent);transform:rotate(-4deg);z-index:2}
.th-mentor .pj-img,.th-mentor .r-shot{border-radius:20px 20px 0 0;border-bottom:2px solid var(--tx)}
.th-mentor .pj-cat{color:var(--a)}
.th-mentor .pj-metric{background:#ffd166;color:#24201a;border-radius:99px}
.th-mentor .r-metric{color:var(--p)}
.th-mentor .r-cat{background:var(--a);color:#fff}
.th-mentor .f-tabs button{border:2px solid var(--tx);font-weight:800}

/* video */
.th-mentor .b-video .video{border:3px solid var(--tx);box-shadow:10px 10px 0 var(--p);border-radius:26px}
.th-mentor .v-play{background:#ffd166;color:#24201a;width:96px;height:96px}

/* packages */
.th-mentor .pk.pop{background:var(--p);color:#fff;border-color:var(--tx);transform:rotate(-1.2deg)}
.th-mentor .pk.pop .s-btn{background:#fff;color:var(--tx);box-shadow:0 5px 0 var(--tx)}
.th-mentor .pk h3{font-size:24px}

/* steps */
.th-mentor .ps-n{-webkit-text-stroke:0;color:#fff;background:var(--a);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:24px;border:2px solid var(--tx)}
.th-mentor .ps:nth-child(2n) .ps-n{background:var(--p)}

/* hours + map */
.th-mentor .hr-card{border:2px solid var(--tx);box-shadow:8px 8px 0 var(--a);background:var(--bg)}
.th-mentor .hr-map{border:2px solid var(--tx)}
.th-mentor .hr-list li b{color:var(--p)}

/* quotes */
.th-mentor .qt-mark{color:var(--p);opacity:.35}
.th-mentor .qt-ini{background:var(--a)}

/* faq & contact */
.th-mentor .s-faq details{border:2px solid var(--tx);border-radius:18px;padding:4px 18px;margin-bottom:12px;background:var(--bg)}
.th-mentor .b-contact .card-like{border:2px solid var(--tx);box-shadow:8px 8px 0 var(--p);border-radius:26px;background:var(--bg)}
html[data-mode=dark] .th-mentor .pj,html[data-mode=dark] .th-mentor .r-item,html[data-mode=dark] .th-mentor .qt,html[data-mode=dark] .th-mentor .pk,html[data-mode=dark] .th-mentor .ps{border-color:color-mix(in srgb,var(--tx) 70%,transparent);box-shadow:6px 6px 0 color-mix(in srgb,var(--p) 70%,transparent)}
@media (max-width:640px){.th-mentor .pj,.th-mentor .qt{transform:none!important}}