/* «المدربين» (P6) — colours sampled from the client's image47. */
:root{
  --tr-ink:#242c38; --tr-green:#508850; --tr-primary:#448448; --tr-outline:#b8d0bc;
  --tr-green-ink:#477847; --tr-hero:#f8f8f8; --tr-step:#f4f8f4; --tr-step-on:#e4ece4; --tr-help:#f4f0f8; --tr-line:#e0e0e0;
}

.page-trainers{background:#fff}

/* ---------- hero ---------- */
.tr-hero{background:var(--tr-hero);padding:1.4rem 0 2.2rem}
.tr-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.tr-hero-title{font-size:2.9rem;font-weight:800;line-height:1.35;margin:.6rem 0 .8rem}
.tr-hero-title .t1{color:var(--tr-ink);display:block}
.tr-hero-title .t2{color:var(--tr-green)}
.tr-hero-title .t3{color:var(--tr-primary)}
.tr-hero-text{color:#4a5560;font-size:1.05rem;line-height:1.9;margin-bottom:1.4rem;max-width:52ch}
.tr-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.tr-hero-art{position:relative}
.tr-hero-art::before{content:"";position:absolute;inset:6% 8%;border-radius:50%;background:#e4f0e6}
.tr-hero-art img{position:relative;width:100%;max-width:460px;margin-inline-start:auto;border-radius:16px}

.tr-btn{display:inline-flex;align-items:center;gap:.5rem;height:52px;padding:0 1.6rem;border-radius:8px;font-size:.95rem;font-weight:700;transition:.18s}
.tr-btn-primary{background:var(--tr-primary);color:#fff;border:1px solid var(--tr-primary)}
.tr-btn-primary:hover{background:#376d3a;color:#fff}
.tr-btn-outline{background:#fff;color:#2f6b34;border:1px solid var(--tr-outline)}
.tr-btn-outline:hover{border-color:var(--tr-primary);color:var(--tr-primary)}

/* ---------- trainer voices ---------- */
.tr-voices{padding:2.4rem 0 1rem}
.tr-voices-title{text-align:center;font-size:1.5rem;font-weight:800;color:var(--tr-green-ink);margin-bottom:1.4rem}
.tr-carousel{position:relative;display:flex;align-items:center;gap:.6rem}
.tr-track{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.4rem)/3);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem;margin:0;scrollbar-width:none}
.tr-track::-webkit-scrollbar{display:none}
.tr-voice{scroll-snap-align:start;background:#fff;border:1px solid #ececec;border-radius:14px;padding:1.1rem;box-shadow:0 4px 14px rgba(36,44,56,.05)}
.tr-voice-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}
.tr-avatar{width:40px;height:40px;border-radius:50%;background:var(--tr-step);color:var(--tr-primary);display:grid;place-items:center;font-weight:800;overflow:hidden;flex-shrink:0}
.tr-avatar img{width:100%;height:100%;object-fit:cover}
.tr-voice-name{font-weight:700;color:var(--tr-ink)}
.tr-voice-role{font-size:.8rem;color:#6b7280}
.tr-voice-stars{color:#b06015;letter-spacing:.1em;margin-bottom:.5rem}
.tr-voice-quote{color:#4a5560;font-size:.9rem;line-height:1.9}
.tr-voice-time{margin-top:.7rem;font-size:.78rem;color:#6b7280}
.tr-nav{width:32px;height:32px;flex-shrink:0;border:1px solid var(--tr-line);border-radius:50%;background:#fff;color:#4a5560;cursor:pointer;display:grid;place-items:center}
.tr-nav:hover{border-color:var(--tr-primary);color:var(--tr-primary)}

/* ---------- application card ---------- */
.tr-apply{padding:1.4rem 0 3rem}
.tr-card{background:#fff;border:1px solid #ececec;border-radius:18px;padding:1.6rem;box-shadow:0 6px 24px rgba(36,44,56,.05)}
.tr-card-head{text-align:center;margin-bottom:1.4rem}
.tr-card-head h1,.tr-card-head h2{font-size:1.5rem;font-weight:800;color:var(--tr-ink);margin-bottom:.4rem}
.tr-card-head p{color:#6b7280;max-width:70ch;margin:0 auto}

.tr-layout{display:grid;grid-template-columns:250px 1fr;gap:1.6rem;align-items:start}
.tr-stepper{position:sticky;top:90px;background:var(--tr-step);border-radius:14px;padding:1rem .8rem}
.tr-stepper ol{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.tr-stepper a{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:10px;color:#4a5560;font-size:.85rem;font-weight:600;line-height:1.5}
.tr-stepper a:hover{background:#fff}
.tr-stepper a.is-on{background:var(--tr-step-on);color:#24512a}
.tr-step-num{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--tr-primary);display:grid;place-items:center;font-size:.78rem;font-weight:800}
.tr-stepper a.is-on .tr-step-num{background:var(--tr-primary);color:#fff}
.tr-privacy{display:flex;gap:.45rem;align-items:flex-start;margin-top:1rem;padding-top:.8rem;border-top:1px solid #e4ece4;font-size:.78rem;color:#4a5560;line-height:1.7}
.tr-privacy i{color:var(--tr-primary)}

.tr-section{padding-bottom:1.4rem;margin-bottom:1.4rem;border-bottom:1px solid #f0f0f0;scroll-margin-top:90px}
.tr-section:last-of-type{border-bottom:0}
.tr-section-title{font-size:.95rem;font-weight:800;color:var(--tr-green-ink);margin-bottom:.9rem}
.tr-radio-row{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:.9rem}
.tr-radio-row .wy-label{margin:0}
.tr-conditional{background:var(--tr-step);border-radius:12px;padding:1rem;margin-bottom:1rem}
.tr-form-col .wy-label.mt{margin-top:.7rem}

.tr-submit{width:100%;height:48px;border:0;border-radius:8px;background:var(--tr-primary);color:#fff;font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}
.tr-submit:hover{background:#376d3a}
.tr-submit[disabled]{opacity:.7;cursor:progress}

.tr-success{text-align:center;padding:2.4rem 1rem;display:grid;gap:.6rem;justify-items:center}
.tr-success i{font-size:2.4rem;color:var(--tr-primary)}
.tr-success h3{font-size:1.3rem;font-weight:800;color:var(--tr-ink)}
.tr-success p{color:#4a5560;max-width:60ch}
.tr-reference{background:var(--tr-step);border-radius:10px;padding:.6rem 1.2rem;font-size:1rem}
.tr-reference strong{letter-spacing:.06em}

/* ---------- help cards ---------- */
.tr-help-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.4rem}
.tr-help-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;background:#fff;border:1px solid #ececec;border-radius:14px;padding:1.2rem 1.4rem}
.tr-help-card.tr-help-purple{background:var(--tr-help);border-color:#e6dcf0}
.tr-help-card i{font-size:1.8rem;color:var(--tr-primary)}
.tr-help-card h2{font-size:1.02rem;font-weight:800;color:var(--tr-ink);margin-bottom:.2rem}
.tr-help-card p{color:#5b6270;font-size:.86rem}
.tr-help-card .tr-btn{height:42px;font-size:.86rem}

/* ---------- tracking ---------- */
.tr-track-page{padding:1.4rem 0 3rem}
.tr-track-card{max-width:760px;margin:1rem auto 0}
.tr-track-form{margin-bottom:1.2rem}
.tr-track-form .tr-btn{margin-top:.8rem}
.tr-timeline{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid #f0f0f0}
.tr-timeline h2{font-size:1.1rem;font-weight:800;color:var(--tr-ink);margin-bottom:.6rem}
.tr-track-meta{display:flex;flex-wrap:wrap;gap:1.2rem;color:#6b7280;font-size:.86rem;margin-bottom:1.2rem}
.tr-steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.tr-steps li{display:flex;align-items:center;gap:.7rem;color:#6b7280}
.tr-steps li.is-done{color:var(--tr-ink)}
.tr-steps li.is-current{font-weight:700;color:#24512a}
.tr-dot{width:28px;height:28px;border-radius:50%;background:#f0f0f0;color:#9aa3ad;display:grid;place-items:center;flex-shrink:0}
.tr-steps li.is-done .tr-dot{background:var(--tr-primary);color:#fff}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .tr-hero-inner{grid-template-columns:1fr}
  .tr-hero-art img{margin:0 auto}
  .tr-layout{grid-template-columns:1fr}
  .tr-stepper{position:static;display:none}
  .tr-track{grid-auto-columns:calc((100% - 1.2rem)/2)}
}
@media (max-width:760px){
  .tr-hero-title{font-size:2.1rem}
  .tr-help-row{grid-template-columns:1fr}
  .tr-help-card{grid-template-columns:auto 1fr;gap:.8rem}
  .tr-help-card .tr-btn{grid-column:1 / -1;justify-content:center}
  .tr-track{grid-auto-columns:100%}
  .tr-card{padding:1.1rem}
}