h1.intro, h2.intro, h3.intro { font-family: 'Playfair Display', serif; }
.hero-gradient { background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ee 100%); }
.rounded-full { max-width: 150px; margin: 10px auto; background: #fff; }
.email-container {
  max-width: 600px; margin: 40px auto; background: #fff;
  border-radius: 8px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.header {
  background: linear-gradient(135deg,#1e88e5,#0d47a1);
  padding: 30px 20px; color: #fff; text-align: center;
}
/* ===== Social icons ===== */
.header-social { display: flex; justify-content: center; gap: 16px; margin-top: 12px; }
.header-social .social-icon{
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  background-color: rgba(255,255,255,.2); color: #fff; font-size: 14px;
  text-decoration: none; transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.header-social .social-icon:hover{
  transform: scale(1.2) translateY(-4px);
  background-color: #fff; color: #1e88e5; box-shadow: 0 4px 12px rgba(0,0,0,.2);
  animation: pulse 1s infinite alternate;
}
/* حركة نبض خفيفة */
@keyframes pulse {
  from { box-shadow: 0 4px 12px rgba(0,0,0,.2); }
  to   { box-shadow: 0 8px 16px rgba(0,0,0,.3); }
}
/* احترام تفضيل تقليل الحركة بدون تغيير الشكل الافتراضي */
@media (prefers-reduced-motion: reduce){
  .header-social .social-icon:hover{ animation: none !important; transform: translateY(-3px); }
}
.logo { font-size: 28px; font-weight: bold; margin-bottom: 10px; }
.tagline { font-size: 16px; opacity: .9; }
.main-image{
  width: 100%; max-height: 250px; object-fit: cover;
  aspect-ratio: 16/9; height: auto; /* يمنع اهتزاز التخطيط */
}
.content-section { padding: 25px; }
.section-title{
  color: #2c3e50; margin-bottom: 15px; font-size: 22px;
  position: relative; padding-bottom: 10px;
}
.section-title:after{
  content: ''; position: absolute; bottom: 0; left: 0;
  width: 50px; height: 3px; background: #1e88e5;
}
/* ===== Doctor profile (النسخة القديمة) ===== */
.doctor-profile{
  display: grid; grid-template-columns: 120px 1fr;
  gap: 20px; align-items: start; margin-bottom: 30px;
}
/* تأكيد أن صور البروفايل تفضل 120×120 حتى لو في تعارُض أسماء */
img.profile-image{
  width: 120px; height: 120px; object-fit: cover;
  border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
/* كانت عندك .profile-image مرة للصورة ومرة كحاوية — هنا بنفصل استخدام الحاوية
   بحيث ما يأثرش على صور البروفايل القديمة */
.profile-container .profile-image{ flex: 0 0 400px; padding: 1rem; }
.profile-container .profile-image img{
  width: 100%; max-width: 350px; border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); border: 4px solid #fff;
}
.profile-info h1{ font-size: 24px; color: #2c3e50 !important; margin-bottom: 5px; }
div.profile-info p{ margin-bottom: 15px; color:#5E5E5E !important; }
/* handle css h2 */
.profile-info h2.section-title{ color: black; }
/* (شيلنا السيمي-كولون الزايد بعد القوس) */
.certifications{ list-style: disc inside; margin-top: 10px; }
.dr-success-message{
  display: none; background: #4caf50; color: #5E5E5E;
  padding: 15px; margin-bottom: 20px; border-radius: 4px; text-align: center;
}
/* —— إعادة فرض مظهر الحقول —— */
.dr-booking-form input,
.dr-booking-form textarea,
.dr-booking-form select{
  display: block !important; width: 100% !important;
  padding: 12px 15px !important; margin: 5px 0 15px !important;
  border: 1px solid #ccc !important; border-radius: 4px !important;
  background-color: #fff !important; color: #333 !important;
  box-sizing: border-box !important; position: relative !important; z-index: 999 !important;
}
.dr-booking-form label{ display:block; margin-bottom:5px; font-weight:500; color:#2c3e50; }
.dr-submit-btn{
  background:#1e88e5; color:#fff; border:none; padding:12px 25px; font-size:16px;
  border-radius:4px; cursor:pointer; width:100%; transition: background .3s ease;
}
.dr-submit-btn:hover{ background:#1565c0; }

.map-section{ padding: 25px; }
.map-container{ width:100%; height:300px; overflow:hidden; border-radius:8px; margin-top:10px; }
.map-container iframe{ border:0; width:100%; height:100%; }

.social-icons{ display:flex; justify-content:center; gap:15px; margin-top:15px; }
.social-icon{ color:#fff; font-size:20px; text-decoration:none; }

@media (max-width:480px){
  .doctor-profile{ grid-template-columns: 1fr; }
  .content-section, .map-section{ padding: 15px; }
}
/* === Scoped styles for the Coach page (no conflicts) === */
:root{
  --primary:#3B82F6; --primary-dark:#2563EB; --primary-light:#93C5FD;
  --secondary:#F59E0B; --dark:#1F2937; --light:#F3F4F6;
  --dark-gray:#6B7280; --light-gray:#E5E7EB;
}
.hero-section{
  background: linear-gradient(rgba(30,41,59,.93), rgba(30,41,59,.93)), 
              url('https://cdn.earlytorise.com/wp-content/uploads/2018/05/business_coaching.jpg') center/cover no-repeat;
  color:#fff; padding:3rem 2rem; text-align:center;
}
.profile-container{
  max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;
  align-items:center; justify-content:space-between; padding:2rem 0;
}
.profile-content{ flex:1; min-width:300px; padding:1rem; }
/* (اتنقلت لفوق بنطاق .profile-container علشان ما تكسرش صور البروفايل) */
/* .profile-container .profile-image {...} */
h1.intro{ font-size:2.5rem; margin-bottom:1rem; font-weight:700; }
h2.intro{
  font-size:1.8rem; margin-top:2rem; margin-bottom:1rem;
  color:var(--primary-dark); position:relative; padding-bottom:.5rem;
}
h2.intro:after{ content:""; position:absolute; bottom:0; left:0; width:60px; height:4px; background:var(--secondary); }
h3.intro{ font-size:1.2rem; margin-top:1.5rem; margin-bottom:.5rem; color:var(--dark); }
h4.intro{ color:#fff; }
.tagline{ font-size:1.25rem; color:var(--primary-light); margin-bottom:2rem; font-weight:500; }
.lead-text{ font-size:1.1rem; margin-bottom:1.5rem; color:#ffe599; }
.section{ max-width:1200px; margin:3rem auto; padding:0 2rem; }
.certifications-grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap:1.5rem; margin-top:2rem;
}
.cert-card{
  background:#fff; border-radius:8px; padding:1.5rem;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1); border-left:4px solid var(--primary);
}
.cert-card h3{ color:#000 !important; }
.cert-org{ color:var(--dark-gray); font-size:.9rem; margin-top:.5rem; }

.disclaimer{ background:#FEF2F2; border-left:4px solid #EF4444; padding:1.5rem; border-radius:8px; margin:2rem 0; }
.disclaimer h3{ color:#EF4444; }
@media (max-width:768px){
  .profile-container{ flex-direction:column; text-align:center; color:#000; }
  .profile-container .profile-image{ margin-top:2rem; order:-1; }
  .cert-card h3{ color:#000 !important; }
  .cert-card p{ color:#000 !important; }
  .disclaimer h3{ color:#EF4444 !important; }
  .disclaimer p{ color:#000 !important; }
}