/* =============================================================
   teachers.css — Teacher Profile Styles
   Shia Online Quran Academy | Emerald & Gold
   ============================================================= */

/* ── HERO OVERRIDES ──────────────────────────────────────── */
.teacher-hero{background:linear-gradient(160deg,#0a3d38 0%,#0F766E 55%,#0d9488 100%);padding:calc(var(--header-height) + var(--topbar-height) + 2rem) 1rem 3rem;position:relative;overflow:hidden;text-align:center;color:#fff}
.teacher-hero::before{content:'';position:absolute;inset:0;background:var(--bg-pattern)}
.teacher-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:40px;background:#fff;clip-path:ellipse(60% 100% at 50% 100%)}

.hero-center{position:relative;z-index:2;max-width:780px;margin:0 auto}

.teacher-hero h1{font-family:var(--font-heading);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}
.teacher-hero h1 span{color:#D4AF37}
.teacher-hero p{color:rgba(255,255,255,.92);max-width:600px;margin:0 auto 2rem;line-height:1.7}

.hero-trust-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}
.trust-item{display:inline-flex;align-items:center;gap:.4rem;color:#D4AF37;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.trust-item svg{width:16px;height:16px;color:#fff}

/* ── TEACHER GRID & CARDS ────────────────────────────────── */
.teacher-grid-enhanced{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}
@media(min-width:640px){
  .teacher-grid-enhanced{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .teacher-grid-enhanced{grid-template-columns:repeat(3,1fr)}
}

.teacher-profile-card{background:#fff;border-radius:1.25rem;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column;position:relative;padding-top:4rem}
.teacher-profile-card:hover{box-shadow:0 16px 48px rgba(15,118,110,.12);border-color:#0F766E;transform:translateY(-5px)}

.teacher-avatar-wrapper{position:absolute;top:0;left:0;right:0;height:4rem;background:linear-gradient(90deg,#e5e7eb,#f3f4f6)}
.teacher-profile-card:hover .teacher-avatar-wrapper{background:linear-gradient(90deg,#0F766E,#0d9488)}

.teacher-avatar{width:90px;height:90px;border-radius:50%;background:#f0fdfa;border:4px solid #fff;display:flex;align-items:center;justify-content:center;color:#0F766E;margin: -2.5rem 0 0 1.5rem;position:relative;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}
.teacher-profile-card:hover .teacher-avatar{background:#D4AF37;color:#fff}
.teacher-avatar svg{width:36px;height:36px}

.teacher-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.teacher-body h3{font-family:var(--font-heading);font-weight:800;color:#111827;margin-bottom:.2rem}
.teacher-specialty{color:#0F766E;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}

.teacher-meta-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}
.teacher-meta-item{display:flex;align-items:flex-start;gap:.5rem;color:#4B5563;font-weight:600;line-height:1.4}
.teacher-meta-item svg{width:16px;height:16px;color:#D4AF37;flex-shrink:0;margin-top:1px}

.teacher-desc{color:#6B7280;line-height:1.6;margin-bottom:1.5rem;flex:1}

.lang-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.lang-tag{background:#f4f4f5;border:1px solid #e4e4e7;color:#374151;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:4px;text-transform:uppercase}

/* ── STANDARDS LIST (Checks) ─────────────────────────────── */
.standards-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}
@media(min-width:768px){
  .standards-grid{grid-template-columns:repeat(2,1fr)}
}

.standard-item{display:flex;align-items:flex-start;gap:1rem;background:#f9fafb;padding:1.5rem;border-radius:1rem;border:1px solid #f3f4f6;transition:all .3s ease}
.standard-item:hover{background:#f0fdfa;border-color:#ccfbf1}
.standard-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0F766E;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.standard-icon svg{width:20px;height:20px}
.standard-text h4{font-weight:800;color:#111827;margin-bottom:.4rem}
.standard-text p{color:#4B5563;line-height:1.6;margin:0}

/* Reusing final-cta from home.css */