/* SurgiFacts.com: Elementor Theme Builder header/footer (templates chrome-header / chrome-footer, snippet 42).
   The templates reuse the class names of the PHP chrome (sf.css, sf-nav.css), so this file only adapts the
   Elementor wrappers. Editor canvases (body.elementor-editor-active) keep Elementor's own wrappers. */

/* The location wrappers do not generate boxes: the header bar stays sticky relative to the page (as before),
   the utility bar scrolls away. */
body:not(.elementor-editor-active) .elementor-location-header{display:contents}
.sf-skip-target:focus{outline:0}

/* Utility bar */
.e-con.sf-ubar{--padding-top:0px;--padding-bottom:0px}
.sf-ubar .sf-ubar__in.e-con{--min-height:34px;min-height:34px}
.sf-ubar .sf-ubar__in .elementor-widget-heading{flex:1 1 auto;min-width:0}
html body .sf-ubar .sf-ubar__txt .elementor-heading-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .sf-ubar--v13 .sf-ubar__txt{border:0;padding:0}
.sf-ubar .elementor-widget-sf-utility{flex:0 0 auto;margin-inline-start:auto}
@media(max-width:600px){
  .sf-ubar .sf-ubar__in .elementor-widget-heading{display:none}
  .sf-ubar .elementor-widget-sf-utility{flex:1 1 auto;min-width:0}
}

/* Header bar: logo · menu · search · Get Listed · burger */
.e-con.sf-header{--padding-top:0px;--padding-bottom:0px}
.sf-header .sf-header__bar.e-con{--padding-top:0px;--padding-bottom:0px}
.sf-header .sf-header__bar>.e-con-inner{align-items:center;height:100%}
.sf-header .elementor-widget-sf-logo{order:1;margin-inline-end:auto;line-height:0}
.sf-header .elementor-widget-sf-logo .sf-wordmark{position:relative}
body:not(.elementor-editor-active) .sf-header .elementor-widget-sf-main-menu{display:contents}
.sf-header .sf-mainnav{order:2;flex:0 1 auto;min-width:0}
.sf-header .elementor-widget-sf-header-search{order:3}
.sf-header .sf-el-cta{order:4;margin-inline-start:-6px}
.sf-header .sf-burger{order:5}
.sf-header .sf-el-cta .elementor-button{min-height:38px;display:inline-flex;align-items:center;transition:background-color .25s ease,border-color .25s ease}
html body .sf-header.is-scrolled .sf-el-cta .elementor-button{background-color:var(--e-global-color-primary)!important;border-color:var(--e-global-color-primary)!important;color:var(--e-global-color-sfwhite)!important}
@media(max-width:1239px){.sf-header .elementor-widget-sf-header-search{display:none}}
@media(max-width:640px){.sf-header .sf-el-cta{display:none!important}}

/* Footer */
/* columns: set in Elementor (grid 1.5fr + 4 / tablet 2 / mobile 2); brand spans the row below 1025px, one column on small phones */
@media(max-width:1024px){.sf-footer .sf-footer__brand{grid-column:1/-1}}
@media(max-width:480px){html body .sf-footer .sf-footer__cols.e-con{--e-con-grid-template-columns:minmax(0,1fr)}}
.sf-footer .sf-footer__brand.e-con,.sf-footer .sf-elc-col.e-con{--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.sf-footer .elementor-widget-text-editor p{margin:14px 0 0}
.sf-footer .elementor-widget-text-editor p:first-child{margin-top:14px}
html body .sf-footer .sf-footer__bottom .elementor-heading-title{margin:0}
.sf-footer .sf-footer__bottom.e-con{--padding-left:0px;--padding-right:0px;--padding-bottom:0px}
.sf-footer .elementor-widget-sf-newsletter{width:100%}
/* footer watermark (sf.css .sf-footer--v7:before) vs Elementor's container overlay pseudo-element */
html body .sf-footer--v7.e-con:before{top:auto;left:auto;right:-60px;bottom:-80px;width:420px;height:440px;border-radius:0;mix-blend-mode:normal;opacity:.07}
html[dir="rtl"] body .sf-footer--v7.e-con:before{right:auto;left:-60px}
/* padding comes from the Elementor container settings (sf.css sets fixed paddings on these classes) */
html body .e-con:is(.sf-footer,.sf-header,.sf-ubar){padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left)}

/* Menu item whose label opens the dropdown (snippet 42 "Label opens the dropdown", e.g. Contact; 2026-11-02):
   the label is the disclosure button, styled like the label + chevron pill of the other dropdown items. */
html body .sf-header--v13 .sf-nav--dd>li>button.sf-dd__tog--label{width:auto;height:38px!important;gap:5px;padding:0 9px 0 14px!important;border-radius:999px!important;font-family:inherit;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}
html body .sf-header--v13 .sf-nav--dd>li.has-dd.is-current>button.sf-dd__tog--label{color:var(--sfn-cur-fg)!important}
html body .sf-header--v13 .sf-nav--dd>li.is-open>button.sf-dd__tog--label svg{transform:rotate(180deg)}
@media(min-width:1240px) and (max-width:1399px){html body .sf-header--v13 .sf-nav--dd>li>button.sf-dd__tog--label{width:auto;font-size:13.5px;padding:0 7px 0 11px!important}}