/* GLOBAL CLM HEADER CONTRACT — 2026-10-11
 * Exact supplied WebP logo #538; one split desktop nav either side of brand;
 * mega panels span entire header row beneath navigation, mobile disclosure.
 * Brand changes palette, NOT typography or component geometry. */
:root{--qd-accent:#326775;--qd-ink:#182e36;--qd-gold:#ffcc00;--qd-white:#fff;--qd-grey:#333}
.qdn-utility{background:#333!important;color:#fff!important}
.qdn-header.qd-site-header{background:#fff!important;position:relative!important;z-index:1000!important}
.qdn-brand-row{position:relative!important;display:block!important;min-height:158px!important;padding:0 22px!important;background:#fff!important;overflow:visible!important}
.qdn-brand-layout{max-width:1660px;min-height:158px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px) minmax(0,1fr);gap:18px;align-items:center}
.qdn-header .qdn-brand{grid-column:2;grid-row:1;width:100%!important;height:auto;min-width:0;max-width:380px!important;justify-self:center;display:flex!important;justify-content:center;align-items:center}
.qdn-header .qdn-brand .qdn-brand__logo{display:block!important;width:100%!important;height:auto!important;max-height:140px!important;max-width:380px!important;object-fit:contain!important}
.qdn-header .qdn-primary{display:flex!important;align-items:stretch!important;justify-content:space-evenly!important;flex-direction:row!important;min-height:73px!important;gap:0!important;margin:0!important;padding:0!important;overflow:visible!important;position:static!important;max-height:none!important}
.qdn-header .qdn-primary--left{grid-column:1;grid-row:1}
.qdn-header .qdn-primary--right{grid-column:3;grid-row:1}
.qdn-header .qdn-item{position:static!important;display:flex!important;align-items:stretch!important;flex:0 1 auto;min-width:0;gap:0}
.qdn-header .qdn-item__link,.qdn-header .qdn-item__toggle,.qdn-header .qdn-provider-account{min-height:73px!important;padding:0 3px!important;font:800 clamp(9px,.66vw,11px)/1.3 Montserrat,Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:uppercase!important;white-space:nowrap!important;color:#182e36!important;display:flex!important;align-items:center!important;text-decoration:none!important;background:transparent!important;border:none!important}
.qdn-header .qdn-item__toggle{min-width:13px!important;padding-left:1px!important;padding-right:3px!important;cursor:pointer}
.qdn-header .qdn-item__link{border-bottom:3px solid transparent!important}
.qdn-header .qdn-primary--left .qdn-item:hover>.qdn-item__link,.qdn-header .qdn-primary--left .qdn-item.is-open>.qdn-item__link,.qdn-header .qdn-primary--left .qdn-item:focus-within>.qdn-item__link{color:#326775!important;border-bottom-color:#326775!important}
.qdn-header .qdn-primary--right .qdn-item:hover>.qdn-item__link,.qdn-header .qdn-primary--right .qdn-item.is-open>.qdn-item__link,.qdn-header .qdn-primary--right .qdn-item:focus-within>.qdn-item__link{color:#326775!important;border-bottom-color:#ffcc00!important}
.qdn-header .qdn-item:hover>.qdn-item__toggle,.qdn-header .qdn-item.is-open>.qdn-item__toggle{color:#326775!important}
.qdn-header .qdn-provider-account{padding-inline:4px!important}
.qdn-header .qdn-appointment{font:800 10px/1.2 Montserrat,Arial,sans-serif!important;text-transform:uppercase;color:#182e36!important;background:#ffcc00!important;min-height:43px!important;border-radius:4px!important;margin:15px 0 15px 5px!important;padding:0 13px!important;white-space:nowrap}
.qdn-header .qdn-appointment:hover{background:#ffe270!important}
.qdn-header .qdn-mobile-button{display:none!important}
.qdn-header .qdn-panel{display:none;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;z-index:1500!important;margin:0!important;background:#fff!important;border-top:3px solid #326775!important;border-bottom:5px solid #ffcc00!important;box-shadow:0 28px 52px #0d2a3760!important}
.qdn-header .qdn-panel__inner{max-width:1440px!important;padding:35px 30px 40px!important}
.qdn-header .qdn-panel__col h2{font:800 12px Montserrat,Arial,sans-serif!important;color:#326775!important;text-transform:uppercase}
.qdn-header .qdn-panel__col>a{font:600 13px/1.5 Montserrat,Arial,sans-serif!important;color:#203941!important}
.qdn-header .qdn-panel__feature{border-radius:10px;background:#e7f1f1!important}
.qdn-header .qdn-panel__feature strong{font:800 24px/1.16 Montserrat,Arial,sans-serif!important}
@media(hover:hover) and (min-width:1151px){
 .qdn-header .qdn-item:hover>.qdn-panel,.qdn-header .qdn-item.is-open>.qdn-panel,.qdn-header .qdn-item:focus-within>.qdn-panel{display:block!important}
}
@media(min-width:1151px) and (max-width:1480px){
 .qdn-brand-layout{grid-template-columns:minmax(0,1fr) minmax(255px,300px) minmax(0,1fr);gap:8px}
 .qdn-header .qdn-brand{max-width:300px!important}
 .qdn-header .qdn-brand .qdn-brand__logo{max-width:300px!important}
 .qdn-header .qdn-item__link,.qdn-header .qdn-item__toggle,.qdn-header .qdn-provider-account{font-size:9px!important;letter-spacing:0!important}
 .qdn-header .qdn-appointment{padding:0 7px!important;font-size:9px!important}
}
@media(max-width:1150px){
 .qdn-brand-row{min-height:95px!important;padding:0 16px!important}
 .qdn-brand-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:95px!important;gap:16px}
 .qdn-header .qdn-brand{grid-column:1;grid-row:1;justify-self:start;width:min(65vw,330px)!important;max-width:330px!important}
 .qdn-header .qdn-brand .qdn-brand__logo{max-width:330px!important;max-height:96px!important}
 .qdn-header .qdn-mobile-button{display:flex!important;grid-column:2;grid-row:1;min-height:45px!important;width:auto!important;align-items:center;gap:10px;color:#182e36!important;border:1px solid #326775!important;border-radius:5px!important;background:#fff!important;padding:0 14px!important;font:800 12px Montserrat,Arial,sans-serif!important}
 .qdn-header .qdn-primary{display:none!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .qdn-header.is-mobile-open .qdn-primary{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;position:relative!important;background:#fff!important;gap:0!important}
 .qdn-header .qdn-primary--left,.qdn-header .qdn-primary--right{grid-column:1/-1;grid-row:auto}
 .qdn-header.is-mobile-open .qdn-primary--left{border-top:1px solid #d5e4e5}
 .qdn-header.is-mobile-open .qdn-primary--right{border-top:1px solid #d5e4e5}
 .qdn-header .qdn-item{display:grid!important;grid-template-columns:minmax(0,1fr) 51px!important;align-items:center!important;min-height:47px!important;border-bottom:1px solid #e5eded}
 .qdn-header .qdn-item__link,.qdn-header .qdn-item__toggle{font-size:12px!important;min-height:47px!important;justify-content:flex-start!important;color:#182e36!important;padding:0 12px!important}
 .qdn-header .qdn-item__toggle{grid-column:2;grid-row:1;justify-content:center!important}
 .qdn-header .qdn-provider-account{padding:14px!important;min-height:40px!important}
 .qdn-header .qdn-appointment{align-self:start;min-height:45px!important;margin:10px 12px 17px!important;padding:0 18px!important}
 .qdn-header .qdn-panel{position:static!important;grid-column:1/-1;box-shadow:none!important;border:1px solid #dbe6e7!important;border-bottom:3px solid #ffcc00!important;border-top:1px solid #dbe6e7!important;border-radius:6px!important;margin-bottom:12px!important}
 .qdn-header .qdn-item.is-open>.qdn-panel{display:block!important}
 .qdn-header .qdn-panel__inner{display:block!important;padding:16px!important}
 .qdn-header .qdn-panel__columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .qdn-header .qdn-panel__feature{min-height:0!important;margin-top:16px!important;padding:20px!important}
 .qdn-header .qdn-panel__feature strong{font-size:20px!important}
}
@media(max-width:580px){
 .qdn-header .qdn-brand{width:min(66vw,240px)!important}
 .qdn-header .qdn-brand .qdn-brand__logo{max-width:240px!important;max-height:76px!important}
 .qdn-header .qdn-panel__columns{grid-template-columns:1fr!important}
 .qdn-header .qdn-panel__feature{padding:15px!important}
 .qdn-header .qdn-mobile-button{font-size:11px!important;padding:0 11px!important}
}


/* GLOBAL VISUAL CONTRACT — title, eyebrow, synopsis, image, action, no serif drift. */
body.qd-clm-2026{font-family:"Noto Sans",Arial,sans-serif}
body.qd-clm-2026 :is(.qd-editorial-page,.qdp-profile,.qdp-service-page,.qdclm-archive,.qdclm-entity-page) :is(h1,h2,h3,h4,h5,h6),
body.qd-clm-2026 :is(.qdx-hero__copy,.qdclm-hub-block,.qdclm-story-track,.qdn-results,.qdn-topics,.qdclm-section-head,.qdclm-quick-answer,.qdclm-split-hero,.qdn-faq-hub,.qd-related-explore) :is(h1,h2,h3,h4,h5,h6){
 font-family:Poppins,Montserrat,Arial,sans-serif!important;letter-spacing:-.025em;
}
body.qd-clm-2026 :is(.qdx-hero__copy,.qdclm-hub-block,.qdn-results,.qdn-topics,.qdclm-section-head,.qdclm-quick-answer,.qdn-faq-hub,.qd-related-explore) :is(p,small,span){line-height:1.55}
body.qd-clm-2026 .qdx-hero{background-image:linear-gradient(90deg,rgba(19,54,62,.76),rgba(19,54,62,.65)),var(--qdx-backdrop,url("https://www.dentistbakersfield.com/wp-content/uploads/2026/10/bakersfield-kern-river-aerial.webp"))!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;transition:background-image .25s ease!important;}
body.qd-clm-2026 .qdx-hero__copy h1,body.qd-clm-2026 .qdx-hero__copy h2{font-family:Poppins,Montserrat,Arial,sans-serif!important;font-weight:700!important;line-height:1.12!important}
body.qd-clm-2026 .qdx-hero__copy p:not(.qdx-hero__eyebrow){font-family:"Noto Sans",Arial,sans-serif!important}
body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__slides{min-height:435px}
body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__slide{min-height:435px}
body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__visual{min-height:435px}
body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__copy{min-height:435px}
body.qd-clm-2026 .qdx-hero__buttons{display:flex;gap:13px;flex-wrap:wrap}
body.qd-clm-2026 .qdx-button{border-radius:5px!important;font-family:Poppins,Montserrat,Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;min-width:185px;min-height:48px;padding:12px 18px;text-align:center}
body.qd-clm-2026 .qd-page-content--article{padding-top:18px!important}
body.qd-clm-2026 .qd-related-explore__grid a{min-height:150px}
body.qd-clm-2026 .qdn-faq-hub details>summary,body.qd-clm-2026 .qdclm-editorial-intro details>summary{font-family:Poppins,Montserrat,Arial,sans-serif!important}
@media(max-width:650px){body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__visual{min-height:240px}body.qd-clm-2026 .qdx-hero--contextual .qdx-hero__copy{min-height:0}}


/* Same framed rotating photography for individual practice profile pages. */
body.qd-clm-2026 .qdp-hero-region{
 --qdp-backdrop:url("https://www.dentistbakersfield.com/wp-content/uploads/2026/10/bakersfield-kern-river-aerial.webp");
 padding:45px 28px 68px;
 background-image:linear-gradient(rgba(24,59,70,.74),rgba(24,59,70,.72)),var(--qdp-backdrop);
 background-position:center;background-repeat:no-repeat;background-size:cover;
}
body.qd-clm-2026 .qdp-hero-region .qdp-banner{max-width:1325px!important;min-height:465px!important;background:#fff!important;border-radius:24px!important;border:0!important;box-shadow:0 23px 55px #071e2460!important;margin:0 auto!important}
body.qd-clm-2026 .qdp-banner__media{min-height:465px}
body.qd-clm-2026 .qdp-banner__copy{min-height:465px}
body.qd-clm-2026 .qdp-banner h1{font-family:Poppins,Montserrat,Arial,sans-serif!important}
body.qd-clm-2026 .qdp-banner__intro{font-family:"Noto Sans",Arial,sans-serif!important}
body.qd-clm-2026 .qdp-button{font-family:Poppins,Montserrat,Arial,sans-serif!important;font-weight:700!important;min-width:180px;text-align:center}
@media(max-width:650px){
 body.qd-clm-2026 .qdp-hero-region{padding:18px 12px 55px}
 body.qd-clm-2026 .qdp-hero-region .qdp-banner{border-radius:16px!important}
 body.qd-clm-2026 .qdp-banner__media{min-height:230px}
 body.qd-clm-2026 .qdp-banner__copy{min-height:0}
}