/*
Theme Name: dental.me
Description: Custom directory theme for dental.me.
Version: 1.1
*/
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.55 -apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1a2330;background:#f4f6f9}
a{color:#0a66c2;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* dental.me top bar */
.dm-header{background:#0d2b45;color:#fff;padding:14px 22px;display:flex;gap:16px;align-items:center}
.dm-header .logo{font-weight:800;font-size:20px;letter-spacing:.3px;color:#fff}
.dm-header .logo span{color:#46c2a8}
.dm-header .tag{font-size:13px;opacity:.85}
.dm-wrap{max-width:980px;margin:0 auto;padding:22px 20px}
.dm-crumb{color:#5d6b7a;font-size:13px;margin-bottom:8px}
h1.dm-title{font-size:27px;margin-bottom:4px}
.dm-sub{color:#5d6b7a;margin-bottom:18px}
.dm-label{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#8a97a6;margin:22px 0 8px}
.dm-stars{color:#e8a200;font-weight:700}
.dm-score{display:inline-block;background:#eaf7f3;color:#0a7a5e;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:700}
.dm-btn{display:inline-block;background:#0a66c2;color:#fff;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;text-align:center}
.dm-btn.ghost{background:#fff;color:#0a66c2;border:1px solid #0a66c2}
.dm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.dm-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 16px}
.dm-panel{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:18px;margin-bottom:16px}
.dm-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;gap:14px}
.dm-card .rank{font-weight:800;font-size:20px;color:#0d2b45;min-width:34px}
.dm-card .body{flex:1}.dm-card .name{font-weight:700;font-size:17px}
.dm-card .meta{color:#5d6b7a;font-size:14px;margin:2px 0}
.dm-card .cta{display:flex;flex-direction:column;gap:6px}
.dm-footer{background:#0a2236;color:#9fb2c4;font-size:13px;padding:0;margin-top:0}
.dm-foot-inner{max-width:1080px;margin:0 auto;padding:46px 22px 26px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.dm-foot-brand .logo{font-weight:800;font-size:20px;color:#fff}
.dm-foot-brand .logo span{color:#46c2a8}
.dm-foot-brand p{margin-top:8px;max-width:320px;color:#7e92a6}
.dm-foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:flex-start}
.dm-foot-links a{color:#c4d2e0;font-weight:600}
.dm-foot-links a:hover{color:#fff;text-decoration:none}
.dm-foot-col{display:flex;flex-direction:column;gap:6px}
.dm-foot-col strong{color:#fff;font-size:13.5px;margin-bottom:4px}
.dm-foot-col a{color:#9fb2c4;font-size:13px}
.dm-foot-col a:hover{color:#fff;text-decoration:none}
.dm-foot-base{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px;color:#6f8298;font-size:12.5px}

/* ===================================================================
   DIRECTORIST RESTYLE — kill placeholder images + noise, clean cards
   =================================================================== */

/* 1. Hide ALL placeholder/stock images (grid cards + single-page slider) */
.directorist-thumnail-card,
.directorist-card-cover,
.directorist-thumnail-card-front-img,
.directorist-listing-single__thumb,
.directorist-single-listing-slider-wrap,
.directorist-single-listing-slider,
.directorist-single-listing-slider-thumb,
.directorist-listing-has-thumb .directorist-listing-single__thumb{display:none!important}

/* 2. Hide noise: NEW badge, favorite heart, fake 0-star rating, view count */
.directorist-badge,
.directorist-badge-new,
.directorist-favorite-icon,
.directorist-favorite-tooltip,
.directorist-mark-as-favorite__btn,
.directorist-rating-meta,
.directorist-rating-avg,
.directorist-rating-transparent,
.directorist-total-review,
.directorist-listing-single__ratings{display:none!important}

/* 3. Clean card grid in the dental.me style */
.directorist-archive-items.directorist-archive-grid-view{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px!important}
.directorist-listing-card,
.directorist-listing-single.directorist-listing-card{
  border:1px solid #e4e9ef!important;border-radius:12px!important;box-shadow:none!important;
  background:#fff!important;overflow:hidden;min-height:auto!important}
.directorist-listing-single__title a,
.directorist-listing-card .directorist-listing-single__title a{
  color:#0d2b45!important;font-weight:700!important;font-size:17px!important}
.directorist-listing-card-phone a{color:#0a66c2!important;font-weight:600!important}
.directorist-listing-card-meta,.directorist-listing-card-address{color:#5d6b7a!important}

/* 4. Single listing page polish */
.directorist-listing-single--bg{background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important}
.directorist-single-info-block,.directorist-content-module{
  background:#fff!important;border:1px solid #e4e9ef!important;border-radius:10px!important;
  box-shadow:none!important;margin-bottom:16px}
.directorist-container,.directorist-wrapper{max-width:980px;margin:0 auto}

/* 5. dental.me color accents */
.directorist-listing-single__title a:hover,.directorist-container a:hover{color:#0a66c2!important}
.directorist-btn,.btn-primary{background:#0a66c2!important;border-color:#0a66c2!important}

/* injected dental.me info block (score badge + CTA + trust line) */
.dm-injected{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:16px;margin:0 0 16px;display:flex;flex-direction:column;gap:4px}
.dm-injected .dm-stars{font-size:17px}
.dm-muted{color:#5d6b7a}
.dm-trust{font-size:12px;color:#8a97a6;margin-top:10px;border-top:1px solid #eef1f4;padding-top:10px}

/* tone down Directorist's single-page action buttons (Go Back/Share/Bookmark/Report) */
.directorist-single-actions .directorist-btn,.directorist-listing-single .directorist-btn{
  background:#fff!important;color:#5d6b7a!important;border:1px solid #d4dbe3!important;font-weight:500!important}

/* ===================================================================
   HOMEPAGE (front-page.php) — premium, image-free
   =================================================================== */
.hm-section{max-width:1080px;margin:0 auto;padding:64px 22px}
.hm-head{text-align:center;max-width:680px;margin:0 auto 36px}
.hm-head h2{font-size:32px;line-height:1.15;color:#0d2b45;letter-spacing:-.5px}
.hm-head p{color:#5d6b7a;font-size:17px;margin-top:10px}
.hm-grid{display:grid;gap:18px}
.hm-center{text-align:center;margin-top:28px}
.hm-link{font-weight:700;color:#0a66c2}

/* HERO */
.hm-hero{position:relative;background:radial-gradient(1200px 500px at 70% -10%,rgba(70,194,168,.28),transparent 60%),linear-gradient(160deg,#0d2b45 0%,#0a2236 100%);color:#fff;overflow:hidden}
.hm-hero-inner{max-width:880px;margin:0 auto;padding:84px 22px 96px;text-align:center}
.hm-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:2px;color:#7fe0c9;margin-bottom:18px}
.hm-hero h1{font-size:54px;line-height:1.05;font-weight:800;letter-spacing:-1.4px}
.hm-hero h1 span{color:#46c2a8}
.hm-lede{font-size:19px;line-height:1.5;color:#c4d2e0;max-width:620px;margin:22px auto 0}
.hm-lede strong{color:#fff}
.hm-search{display:flex;gap:10px;background:#fff;border-radius:16px;padding:12px;margin:34px auto 0;max-width:680px;box-shadow:0 24px 60px -18px rgba(3,18,33,.55);text-align:left}
.hm-field{flex:1;background:#f4f6f9;border-radius:11px;padding:9px 14px}
.hm-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8a97a6;margin-bottom:2px}
.hm-field select{width:100%;border:0;background:transparent;font-size:15.5px;font-weight:600;color:#1a2330;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.hm-go{border:0;border-radius:11px;background:#0a66c2;color:#fff;font-size:15.5px;font-weight:700;padding:0 26px;cursor:pointer;white-space:nowrap;transition:background .15s}
.hm-go:hover{background:#0954a0}
.hm-trustline{font-size:13.5px;color:#9fb2c4;margin-top:20px}

/* STAT BAND */
.hm-stats{max-width:1080px;margin:-40px auto 0;position:relative;z-index:2;background:#fff;border:1px solid #e4e9ef;border-radius:16px;box-shadow:0 12px 34px -20px rgba(13,43,69,.4);display:grid;grid-template-columns:repeat(4,1fr);padding:26px 10px}
.hm-stats div{text-align:center;border-right:1px solid #eef1f4}
.hm-stats div:last-child{border-right:0}
.hm-stats strong{display:block;font-size:30px;font-weight:800;color:#0d2b45;letter-spacing:-.5px}
.hm-stats span{font-size:13.5px;color:#5d6b7a}

/* SPECIALTY CARDS */
.hm-spec{grid-template-columns:repeat(4,1fr)}
.hm-spec-card{display:flex;flex-direction:column;gap:6px;padding:22px;background:#fff;border:1px solid #e4e9ef;border-radius:14px;transition:transform .15s,box-shadow .15s,border-color .15s}
.hm-spec-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(13,43,69,.45);border-color:#cfe0f5;text-decoration:none}
.hm-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.hm-spec-name{font-weight:700;color:#0d2b45;font-size:16.5px}
.hm-spec-count{font-size:13.5px;color:#5d6b7a}

/* HOW WE RANK */
.hm-rank{background:#fff;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;max-width:none;margin:0;padding-left:0;padding-right:0}
.hm-rank .hm-head,.hm-rank .hm-grid{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.hm-three{grid-template-columns:repeat(3,1fr)}
.hm-pill{background:#fafcfe;border:1px solid #e9eef4;border-radius:16px;padding:28px}
.hm-pill-ico{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.hm-pill h3{font-size:19px;color:#0d2b45;margin-bottom:8px}
.hm-pill p{color:#5d6b7a;font-size:15px;line-height:1.55}

/* TOP RATED */
.hm-top{grid-template-columns:repeat(3,1fr)}
.hm-top-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s}
.hm-top-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(13,43,69,.45);text-decoration:none}
.hm-rank{font-size:26px;font-weight:800;color:#46c2a8;min-width:38px}
.hm-top-body{display:flex;flex-direction:column;gap:3px}
.hm-top-name{font-weight:700;color:#0d2b45;font-size:16px;line-height:1.25}
.hm-top-meta{font-size:13.5px;color:#5d6b7a}
.hm-top-stat{margin-top:4px}

/* CITIES */
.hm-cities-sec{padding-top:24px}
.hm-cities{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hm-city{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4e9ef;border-radius:999px;padding:10px 18px;font-weight:600;color:#0d2b45;font-size:15px;transition:border-color .15s,transform .15s}
.hm-city:hover{border-color:#46c2a8;transform:translateY(-2px);text-decoration:none}
.hm-city span{background:#eaf7f3;color:#0a7a5e;border-radius:999px;padding:1px 9px;font-size:12.5px;font-weight:700}

/* CTA */
.hm-cta{background:linear-gradient(160deg,#0d2b45,#0a2236);margin-top:8px}
.hm-cta-inner{max-width:760px;margin:0 auto;padding:70px 22px;text-align:center;color:#fff}
.hm-cta-inner h2{font-size:32px;letter-spacing:-.5px}
.hm-cta-inner p{color:#c4d2e0;font-size:17px;margin:14px auto 26px;max-width:560px}
.hm-cta-btn{display:inline-block;background:#46c2a8;color:#06281f;font-weight:800;font-size:16px;padding:14px 30px;border-radius:12px;transition:transform .15s,background .15s}
.hm-cta-btn:hover{background:#5ad0b8;transform:translateY(-2px);text-decoration:none}

/* FAQ */
.hm-faq{max-width:760px}
.hm-faq-list details{background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:16px 20px;margin-bottom:12px}
.hm-faq-list summary{font-weight:700;color:#0d2b45;font-size:16.5px;cursor:pointer;list-style:none}
.hm-faq-list summary::-webkit-details-marker{display:none}
.hm-faq-list summary:after{content:"+";float:right;color:#46c2a8;font-weight:800}
.hm-faq-list details[open] summary:after{content:"\2212"}
.hm-faq-list details p{color:#5d6b7a;margin-top:10px;line-height:1.55}

/* HEADER NAV (premium) */
.dm-header{position:sticky;top:0;z-index:50;justify-content:space-between;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.dm-nav{display:flex;gap:26px;align-items:center}
.dm-nav a{color:#c4d2e0;font-size:14.5px;font-weight:600}
.dm-nav a:hover{color:#fff;text-decoration:none}
.dm-nav .dm-nav-cta{background:#46c2a8;color:#06281f;padding:8px 16px;border-radius:9px;font-weight:700}
.dm-nav .dm-nav-cta:hover{background:#5ad0b8;color:#06281f}

/* ===================================================================
   CITY PAGE (template-city.php)
   =================================================================== */
.ct-hero{background:radial-gradient(900px 400px at 80% -20%,rgba(70,194,168,.22),transparent 60%),linear-gradient(160deg,#0d2b45,#0a2236);color:#fff}
.ct-hero-inner{max-width:1000px;margin:0 auto;padding:40px 22px 46px}
.ct-hero .dm-crumb{color:#9fb2c4;margin-bottom:14px}
.ct-hero .dm-crumb a{color:#cfe0f5}
.ct-hero h1{font-size:38px;font-weight:800;letter-spacing:-.8px;line-height:1.1}
.ct-lede{color:#c4d2e0;font-size:17px;margin-top:12px;max-width:760px}
.ct-lede strong{color:#fff}
.ct-wrap{max-width:1000px;margin:0 auto;padding:28px 22px 50px}
.ct-feat-label{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0a7a5e;margin:6px 0 8px}
.ct-feat{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(180deg,#fff,#fafdfc);border:2px solid #46c2a8;border-radius:16px;padding:22px 24px;margin-bottom:30px;box-shadow:0 16px 34px -22px rgba(10,122,94,.5)}
.ct-feat:hover{text-decoration:none;transform:translateY(-2px);transition:transform .15s}
.ct-feat-name{font-size:21px;font-weight:800;color:#0d2b45}
.ct-feat-cat{color:#5d6b7a;font-size:14px;margin:3px 0 8px}
.ct-feat-cta{display:flex;gap:8px;flex-wrap:wrap}
.ct-list{display:flex;flex-direction:column;gap:10px}
.ct-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:16px 18px;transition:transform .12s,box-shadow .12s,border-color .12s}
.ct-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(13,43,69,.45);border-color:#cfe0f5}
.ct-rank{font-size:22px;font-weight:800;color:#46c2a8;min-width:40px;text-align:center}
.ct-body{flex:1;display:flex;flex-direction:column;gap:2px}
.ct-name{font-size:17px;font-weight:700;color:#0d2b45}
.ct-meta{color:#5d6b7a;font-size:14px}
.ct-stat{margin-top:3px}
.ct-go{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ct-go .dm-btn{background:#0a66c2}
.ct-view{font-weight:700;color:#0a66c2;font-size:14px}
@media(max-width:680px){.ct-go .dm-btn{display:none}.ct-hero h1{font-size:28px}}

/* ===================================================================
   SINGLE DENTIST PAGE — clean up Directorist chrome, on-brand profile
   =================================================================== */
/* hide the noise */
.directorist-single-listing-quick-action,
.directorist-single-listing-action,
.directorist-single-listing-actions,
#directorist-single-listing-slider-wrap,
.directorist-single-listing-slider-wrap,
.directorist-favorite-icon,
.directorist-favorite-tooltip,
.directorist-mark-as-favorite__btn,
#reviews,
.directorist-review-container,
.directorist-review,
.directorist-listing-card-posted-on,
.directorist-listing-single__meta,
.directorist-view-count{display:none!important}

/* page container width */
.directorist-single.directorist-container,
.directorist-single-wrapper{max-width:1000px!important;margin:0 auto!important;padding-left:22px;padding-right:22px}

/* title -> navy hero */
.directorist-single-listing-header{background:radial-gradient(700px 300px at 85% -40%,rgba(70,194,168,.22),transparent 60%),linear-gradient(160deg,#0d2b45,#0a2236)!important;border-radius:16px!important;padding:30px 32px!important;margin:18px 0 22px!important;border:0!important;box-shadow:0 16px 40px -24px rgba(13,43,69,.6);min-height:0!important;height:auto!important}
.directorist-single-listing-header .directorist-single-listing-top{min-height:0!important}
.directorist-single-listing-header .directorist-listing-single__info{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.directorist-single-listing-header [class*="cover"],
.directorist-single-listing-header [class*="thumb"],
.directorist-single-listing-header [class*="slider"]{display:none!important}
/* hide the empty Location card (any content card lacking our rich text) + review card */
.directorist-card-general-section:not(:has(.dm-srcline)){display:none!important}
.directorist-review-content,.directorist-card.directorist-review-content{display:none!important}
.directorist-single-listing-header,
.directorist-single-listing-header a,
.directorist-single-listing-header span,
.directorist-single-listing-header p,
.directorist-single-listing-header h1,
.directorist-single-listing-top *{color:#fff!important}
.directorist-single-listing-title,
.directorist-single-listing-header h1{font-size:32px!important;font-weight:800!important;letter-spacing:-.6px}

/* content cards */
.directorist-card.directorist-card-general-section,
.directorist-listing-single__info,
.directorist-single-info{background:#fff!important;border:1px solid #e4e9ef!important;border-radius:14px!important;box-shadow:none!important;padding:24px 26px!important;margin-bottom:18px!important}

/* the top action bar baked into content */
.dm-profile-actions{margin:0 0 6px!important}
.dm-btn-green{background:#0a7a5e!important}

/* related listings: keep but clean & on-brand */
.directorist-related-listing-header__title{font-size:18px!important;color:#0d2b45!important}
.directorist-related-listing .directorist-listing-card{border:1px solid #e4e9ef!important;border-radius:12px!important;box-shadow:none!important}

/* rich dentist content (renders inside Directorist Description) */
.directorist-content-module .directorist-description h3,
.dm-panel h3{font-size:18px;color:#0d2b45;margin:20px 0 10px;font-weight:700}
.dm-srcline{color:#8a97a6;font-size:12.5px;border-top:1px solid #eef1f4;padding-top:12px;margin-top:16px}

/* RESPONSIVE */
@media(max-width:860px){
  .hm-hero h1{font-size:38px}
  .hm-search{flex-direction:column}
  .hm-stats{grid-template-columns:repeat(2,1fr);gap:18px 0}
  .hm-stats div:nth-child(2){border-right:0}
  .hm-spec{grid-template-columns:repeat(2,1fr)}
  .hm-three,.hm-top{grid-template-columns:1fr}
  .dm-nav{display:none}
}