/* Doctor Directory — Front-end styles — by EINDIATECH (www.eindiatech.in) */
.dd-wof-wrap, .dd-single-wrap { max-width: 1180px; margin: 0 auto; padding: 40px 20px 60px; color: #1f2d3d; }
.dd-wof-wrap *, .dd-single-wrap * { box-sizing: border-box; }

.dd-eyebrow { display:block; text-align:center; letter-spacing:2px; font-size:12px; font-weight:700; color:#0f766e; text-transform:uppercase; margin-bottom:10px;}
.dd-wof-title { text-align:center; font-size:2.4rem; font-weight:700; color:#0b2545; margin:0 0 10px; }
.dd-wof-subtitle { text-align:center; max-width:640px; margin:0 auto 30px; color:#5b6b79; line-height:1.6; }

/* Toolbar */
.dd-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:center; background:#fff; border:1px solid #e6ebf0; padding:14px; border-radius:14px; margin-bottom:34px; box-shadow:0 2px 10px rgba(15,23,42,.04);}
.dd-select { padding:10px 14px; border-radius:8px; border:1px solid #dbe3ea; background:#fff; font-size:14px; min-width:170px; }
.dd-search-box { flex:1; min-width:220px; display:flex; align-items:center; gap:8px; border:1px solid #dbe3ea; border-radius:8px; padding:8px 14px; }
.dd-search-box svg { color:#94a3b8; flex-shrink:0; }
.dd-search-box input { border:none; outline:none; width:100%; font-size:14px; }
.dd-search-standalone { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.dd-search-standalone .dd-search-input { flex:1; min-width:200px; padding:10px 14px; border-radius:8px; border:1px solid #dbe3ea; }
.dd-search-btn { background:#0b2545; color:#fff; border:none; border-radius:8px; padding:10px 14px; cursor:pointer; display:flex; align-items:center; justify-content:center; }

.dd-btn { display:inline-flex; align-items:center; gap:6px; padding:11px 20px; border-radius:8px; font-weight:600; font-size:14px; text-decoration:none; cursor:pointer; border:1px solid transparent; transition:all .15s ease; }
.dd-btn-primary { background:#0b2545; color:#fff !important; }
.dd-btn-primary:hover { background:#0f2f57; color:#fff !important; }
.dd-btn-outline { background:#fff; color:#0b2545 !important; border-color:#dbe3ea; }
.dd-btn-outline:hover { background:#f4f7f9; }
.dd-btn-block { width:100%; justify-content:center; }

/* Grid + cards */
.dd-grid { display:grid; grid-template-columns:repeat(var(--dd-cols, 4), 1fr); gap:22px; }
@media (max-width: 1000px) { .dd-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 600px) { .dd-grid { grid-template-columns:1fr; } }

.dd-card { background:#fff; border:1px solid #edf1f4; border-radius:16px; overflow:hidden; box-shadow:0 2px 10px rgba(15,23,42,.05); transition:transform .15s ease, box-shadow .15s ease; }
.dd-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(15,23,42,.08); }
.dd-card-photo { position:relative; aspect-ratio:1/1; background:#f4f7f9; overflow:hidden; }
.dd-card-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.dd-card-photo-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:40px; color:#c9d4dc; }
.dd-card-icon { position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; }
.dd-card-body { padding:16px 18px 20px; }
.dd-card-name { margin:0 0 4px; font-size:1.05rem; }
.dd-card-name a { color:#0b2545; text-decoration:none; }
.dd-card-role { margin:0; color:#5b6b79; font-size:.9rem; }
.dd-card-exp { margin:2px 0 10px; color:#8a97a3; font-size:.82rem; }
.dd-card-badges { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.dd-badge { background:#eaf6f4; color:#0f766e; font-size:.72rem; font-weight:600; padding:4px 10px; border-radius:20px; }
.dd-view-profile { width:100%; justify-content:center; }

.dd-no-results { text-align:center; padding:40px 0; color:#8a97a3; }
.dd-pagination { display:flex; justify-content:center; gap:8px; margin:30px 0; }
.dd-pagination a { padding:8px 14px; border-radius:8px; border:1px solid #dbe3ea; text-decoration:none; color:#0b2545; }
.dd-pagination a.active { background:#0b2545; color:#fff; border-color:#0b2545; }

.dd-wof-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; background:#eef5f4; border-radius:16px; padding:26px 30px; margin-top:40px; }
.dd-wof-cta-text strong { display:block; color:#0b2545; font-size:1.1rem; }
.dd-wof-cta-text span { color:#5b6b79; font-size:.92rem; }

/* Inline link/embed used inside articles via [doctor_profile] */
.dd-profile-embed { display:flex; align-items:center; gap:14px; background:#f7fafb; border:1px solid #e6ebf0; border-radius:12px; padding:14px 18px; margin:18px 0; }
.dd-profile-embed img { width:52px; height:52px; border-radius:50%; object-fit:cover; }
.dd-profile-embed-label { display:block; font-size:.75rem; color:#8a97a3; text-transform:uppercase; letter-spacing:.5px; }
.dd-profile-embed-name { font-weight:700; color:#0b2545; text-decoration:none; font-size:1rem; }
.dd-profile-embed-role { display:block; font-size:.82rem; color:#5b6b79; }
.dd-inline-btn { margin:6px 0; }
.dd-inline-link { color:#0f766e; font-weight:600; text-decoration:underline; }

/* Single doctor page */
.dd-breadcrumb { font-size:.85rem; color:#8a97a3; margin-bottom:20px; }
.dd-breadcrumb a { color:#5b6b79; text-decoration:none; }
.dd-hero { display:grid; grid-template-columns:280px 1fr 300px; gap:30px; background:#fff; border:1px solid #edf1f4; border-radius:18px; padding:30px; margin-bottom:30px; }
@media (max-width: 960px) { .dd-hero { grid-template-columns:1fr; } }
.dd-hero-photo { position:relative; }
.dd-hero-photo img { width:100%; border-radius:14px; object-fit:cover; aspect-ratio:1/1; }
.dd-rating-badge { position:absolute; bottom:-16px; left:16px; background:#fff; border-radius:10px; padding:8px 14px; box-shadow:0 6px 16px rgba(0,0,0,.12); font-weight:700; font-size:.9rem; }
.dd-rating-badge .dd-star { color:#f5a623; }
.dd-rating-badge small { display:block; font-weight:400; color:#8a97a3; font-size:.72rem; }
.dd-tag-pill { display:inline-block; background:#eaf6f4; color:#0f766e; font-size:.72rem; font-weight:700; letter-spacing:.5px; padding:5px 12px; border-radius:20px; margin-bottom:10px; }
.dd-hero-name { margin:0 0 6px; font-size:2rem; color:#0b2545; }
.dd-hero-qual { color:#0f766e; font-weight:600; margin:0 0 4px; }
.dd-hero-tagline { color:#5b6b79; margin:0 0 6px; }
.dd-hero-exp { color:#8a97a3; font-size:.9rem; margin:0 0 14px; }
.dd-hero-about { color:#465667; line-height:1.7; margin-bottom:16px; }
.dd-hero-badges { display:flex; gap:20px; flex-wrap:wrap; margin-bottom:20px; }
.dd-hero-badge-item { font-size:.85rem; color:#0b2545; font-weight:600; padding:10px 14px; background:#f7fafb; border-radius:10px; }
.dd-hero-consult { background:#f2f8f8; border-radius:14px; padding:22px; height:fit-content; }
.dd-hero-consult h3 { margin:0 0 8px; color:#0b2545; }
.dd-hero-consult p { color:#5b6b79; font-size:.88rem; margin-bottom:14px; }
.dd-hero-consult ul { list-style:none; padding:0; margin:0 0 16px; }
.dd-hero-consult ul li { font-size:.88rem; color:#465667; margin-bottom:8px; }

.dd-columns-2 { display:grid; grid-template-columns:1.4fr 1fr; gap:24px; margin-bottom:24px; }
@media (max-width: 900px) { .dd-columns-2 { grid-template-columns:1fr; } }
.dd-about-block, .dd-experience-block, .dd-info-card { background:#fff; border:1px solid #edf1f4; border-radius:16px; padding:24px; }
.dd-about-block h2, .dd-experience-block h2 { color:#0b2545; margin-top:0; }
.dd-about-text p { color:#465667; line-height:1.75; margin:0 0 14px; }
.dd-about-text p:last-child { margin-bottom:0; }
.dd-meta-row { display:flex; gap:24px; flex-wrap:wrap; margin-top:18px; }
.dd-meta-row div { display:flex; flex-direction:column; }
.dd-meta-row strong { font-size:.8rem; color:#8a97a3; }
.dd-meta-row span { color:#0b2545; font-weight:600; }

.dd-timeline { list-style:none; margin:0; padding:0; border-left:2px solid #e6ebf0; }
.dd-timeline li { padding:0 0 20px 18px; position:relative; }
.dd-timeline li:before { content:''; position:absolute; left:-6px; top:4px; width:10px; height:10px; border-radius:50%; background:#0f766e; }
.dd-timeline-period { display:block; font-size:.78rem; color:#8a97a3; margin-bottom:2px; }
.dd-timeline li strong { display:block; color:#0b2545; }

.dd-columns-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:24px; }
@media (max-width: 900px) { .dd-columns-3 { grid-template-columns:1fr; } }
.dd-info-card h3 { color:#0b2545; margin-top:0; }
.dd-list-icon, .dd-list-check, .dd-list-star { list-style:none; padding:0; margin:0; }
.dd-list-icon li { margin-bottom:14px; color:#465667; line-height:1.5; }
.dd-list-check li, .dd-list-star li { margin-bottom:10px; color:#465667; }

.dd-custom-fields-block { margin-bottom:24px; }
.dd-custom-fields-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:10px; }
@media (max-width: 700px) { .dd-custom-fields-grid { grid-template-columns:1fr 1fr; } }
.dd-custom-fields-grid div { display:flex; flex-direction:column; }
.dd-custom-fields-grid strong { font-size:.78rem; color:#8a97a3; }
.dd-custom-fields-grid span { color:#0b2545; font-weight:600; }

.dd-talkshow-block { margin-bottom:24px; }
.dd-talkshow-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.dd-talkshow-header h2 { color:#0b2545; margin:0; }
.dd-talkshow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width: 900px) { .dd-talkshow-grid { grid-template-columns:1fr; } }
.dd-talkshow-card { position:relative; display:block; border-radius:14px; overflow:hidden; background:#eef5f4; aspect-ratio:4/3; text-decoration:none; }
.dd-talkshow-card img { width:100%; height:100%; object-fit:cover; opacity:.9; }
.dd-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:44px; height:44px; background:rgba(255,255,255,.9); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#0b2545; }
.dd-talkshow-card-text { position:absolute; left:0; bottom:0; right:0; padding:14px; background:linear-gradient(0deg, rgba(0,0,0,.55), transparent); color:#fff; }
.dd-episode-tag { display:block; font-size:.7rem; opacity:.85; margin-bottom:2px; }

.dd-related-articles { margin-bottom:24px; }
.dd-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width: 900px) { .dd-related-grid { grid-template-columns:1fr; } }
.dd-related-card { display:block; border:1px solid #edf1f4; border-radius:12px; overflow:hidden; text-decoration:none; color:#0b2545; font-weight:600; }
.dd-related-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.dd-related-card span { display:block; padding:12px 14px; }
