/* ==========================================================
 * WordPress-specific additions (not part of the static design)
 * ======================================================== */
/* Elementor containers use --display for their own layout (flex); the design uses it for the
   heading font. Restore the font stack inside Delacombe widgets. */
:root{--lx-display:"Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif}
.elementor-widget[class*="elementor-widget-dmc-"]{--display:var(--lx-display)}
/* Elementor sets .elementor *{box-sizing:border-box}; the design uses html{border-box} + *{inherit}
   (children of `all:unset` controls stay content-box). Restore the design's inheritance. */
.elementor *,.elementor :after,.elementor :before{box-sizing:inherit}
/* design controls reset with all:unset (and no box-sizing) are content-box */
.elementor :is(.cf-btn,.dy-s,.nav .link,.v-step){box-sizing:content-box}
/* WP admin bar: keep the fixed header below it */
body.admin-bar .site-head{top:32px}
@media (max-width:782px){body.admin-bar .site-head{top:46px}}
@media (max-width:600px){body.admin-bar .site-head{top:0}}
/* Elementor wrappers around Delacombe widgets must not add spacing */
.elementor .e-con:has(> .elementor-widget[class*="elementor-widget-dmc-"]),
.elementor .e-con:has(> .e-con-inner > .elementor-widget[class*="elementor-widget-dmc-"]){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0;gap:0}
.elementor .elementor-widget[class*="elementor-widget-dmc-"]{width:100%;max-width:100%;margin:0}
.elementor-section .elementor-widget-wrap:has(> .elementor-widget[class*="elementor-widget-dmc-"]){padding:0}
.elementor-widget[class*="elementor-widget-dmc-"] > .elementor-widget-container{margin:0;padding:0}
/* 404 (design screen) */
.lx-404-main{min-height:100svh;display:grid;place-items:center;background:#EAF7F7;padding:calc(84px + 2rem) 2rem 4rem}
.lx-404{text-align:center;font-family:Figtree,system-ui,sans-serif;color:#263238}
.lx-404 h1{color:#173B63;font-size:2.2rem;margin:0 0 .6rem}
.lx-404 p{color:#3E5560;max-width:44ch;margin:0 auto 1.4rem}
.lx-404 a{display:inline-block;margin:.3rem;padding:.8rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700}
.lx-404 .p{background:#05ADD8;color:#fff}.lx-404 .s{background:#fff;color:#0A6B88;border:1.5px solid #C9E7E7}
/* Plain (non-Elementor) pages */
.lx-plain{padding:clamp(2.5rem,6vh,4rem) 0}
.lx-prose{max-width:760px}
.lx-prose > * + *{margin-top:1rem}
.lx-prose h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-top:2rem}
.lx-prose h3{font-size:1.25rem;margin-top:1.6rem}
.lx-prose ul,.lx-prose ol{padding-left:1.25rem}
.lx-prose a{color:var(--deep);text-decoration:underline}
.lx-prose img{max-width:100%;height:auto;border-radius:18px}
.alignleft{float:left;margin:0 1.5rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.5rem}.aligncenter{display:block;margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* Elementor editor: reveal-on-scroll content must be visible while editing */
.elementor-editor-active .rv,.elementor-editor-active [data-reveal]{opacity:1!important;transform:none!important}
/* Single doctor page (reuses the design's profile card) */
.lx-doctor{background:#EAF7F7;padding:calc(84px + 2.5rem) 1rem clamp(3rem,8vh,5rem)}
.lx-doctor .prof.lx-prof-page{display:block;position:static;margin:0 auto;max-height:none;box-shadow:0 40px 80px -50px rgba(10,60,80,.45)}
.lx-prof-page .pf-in{height:auto;min-height:min(80svh,760px)}
.lx-prof-page .lx-pf-h{margin-top:.6rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}
.lx-prof-page .lx-pf-h3{margin-top:1.5rem;font:600 1.05rem/1.2 var(--display);letter-spacing:-.01em;max-width:none}
.lx-prof-page a.pf-arrow{text-decoration:none}
@media (max-width:760px){.lx-doctor{padding:84px 0 0}.lx-doctor .prof.lx-prof-page{width:100%;height:auto;border-radius:0}.lx-prof-page .pf-in{height:auto;min-height:0}.lx-prof-page .pf-photo{height:44svh}}
.lx-prof-page .pf-call,.lx-prof-page .pf-book{white-space:nowrap}
/* Mobile: larger touch areas for small inline links/buttons without changing the layout
   (an invisible hit area around the element; the design itself stays pixel-identical). */
@media (hover:none) and (pointer:coarse){
  .foot-contact a,.fb-legal a,.foot-col li a,.v-copy,.ar-src a,.crumbs a,.ar-crumbs a{position:relative}
  .foot-contact a::after,.fb-legal a::after,.foot-col li a::after,.ar-src a::after,.crumbs a::after,.ar-crumbs a::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
  .v-copy::after{content:"";position:absolute;inset:-6px}
}