.elementor-kit-1441{--e-global-color-primary:#8E44C9;--e-global-color-secondary:#4A6FDC;--e-global-color-text:#3A324F;--e-global-color-accent:#20CFC4;--e-global-color-barsurface:#FFFFFF;--e-global-color-bartint:#F7F4FB;--e-global-color-barheading:#15111F;--e-global-color-barmuted:#6F6487;--e-global-color-barline:#E8E3F0;--e-global-color-barfooter:#2E2770;--e-global-color-barnavy:#2E2770;--e-global-color-barlilac:#C9A5E6;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Quicksand";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;color:#3A324F;}.elementor-kit-1441 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1441 a{color:#6B2CA8;}.elementor-kit-1441 a:hover{color:#8E44C9;}.elementor-kit-1441 button,.elementor-kit-1441 input[type="button"],.elementor-kit-1441 input[type="submit"],.elementor-kit-1441 .elementor-button{border-radius:999px 999px 999px 999px;}.elementor-kit-1441 button:hover,.elementor-kit-1441 button:focus,.elementor-kit-1441 input[type="button"]:hover,.elementor-kit-1441 input[type="button"]:focus,.elementor-kit-1441 input[type="submit"]:hover,.elementor-kit-1441 input[type="submit"]:focus,.elementor-kit-1441 .elementor-button:hover,.elementor-kit-1441 .elementor-button:focus{border-radius:0px 0px 0px 0px;}.elementor-kit-1441 input:not([type="button"]):not([type="submit"]),.elementor-kit-1441 textarea,.elementor-kit-1441 .elementor-field-textual{border-style:solid;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}.site-header{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================================
   Bar Orthodontics — Dual-theme Global CSS for Astra + Elementor Pro
   Light by default, dark by OS preference or toggle.
   Paste into: Elementor → Site Settings → Custom CSS
   Replaces global.css from the design system kit (all helper classes kept).
   ========================================================================= */

/* ---- 1. Brand constants (same in both themes) --------------------------- */
:root {
  --bar-teal:        #20CFC4;
  --bar-teal-deep:   #0FB5AA;
  --bar-blue:        #4A6FDC;
  --bar-violet:      #8E44C9;
  --bar-violet-deep: #6B2CA8;
  --bar-navy:        #2E2770;
  --bar-lilac:       #C9A5E6;
  --bar-lilac-soft:  #E8DAF4;
  --bar-success:     #22A06B;
  --bar-warning:     #E89F2E;
  --bar-error:       #D84B5A;

  --grad-brand:     linear-gradient(90deg,#20CFC4 0%,#4A6FDC 50%,#8E44C9 100%);
  --grad-brand-135: linear-gradient(135deg,#20CFC4 0%,#4A6FDC 50%,#8E44C9 100%);
}

/* ---- 2. Semantic tokens: LIGHT (default) -------------------------------- */
:root {
  color-scheme: light;
  --bar-bg:        #FFFFFF;   /* page */
  --bar-bg-tint:   #F7F4FB;   /* alternating sections */
  --bar-surface:   #FFFFFF;   /* cards, nav */
  --bar-surface-2: #F5EBFB;   /* pills, soft fills */
  --bar-fg-1:      #15111F;   /* headings */
  --bar-fg-2:      #3A324F;   /* body */
  --bar-fg-3:      #6F6487;   /* muted (AA on tint) */
  --bar-line:      #E8E3F0;
  --bar-link:      #6B2CA8;
  --bar-nav-glass: rgba(255,255,255,0.78);
  --bar-footer-bg: #2E2770;
  --bar-footer-fg: #FFFFFF;
  --grad-brand-soft: linear-gradient(135deg,#E6F8F7 0%,#EEF2FC 50%,#F5EBFB 100%);
  --hero-tint: linear-gradient(180deg,#F7F4FB 0%,#FFFFFF 100%);
  --sh-md: 0 6px 16px rgba(46,39,112,0.08);
  --sh-lg: 0 16px 40px rgba(46,39,112,0.12);
  --sh-xl: 0 24px 56px rgba(46,39,112,0.18);
}

/* ---- 3. Semantic tokens: DARK ------------------------------------------- */
/* Applied when the OS prefers dark and the visitor has not chosen light,
   and again when the visitor has chosen dark. Keep both blocks identical. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bar-bg:        #0F0C1A;
    --bar-bg-tint:   #151128;
    --bar-surface:   #1A1530;
    --bar-surface-2: #2A2144;
    --bar-fg-1:      #F3EFFA;
    --bar-fg-2:      #D6CDE8;
    --bar-fg-3:      #A89BC4;
    --bar-line:      #2C2544;
    --bar-link:      #C9A5E6;
    --bar-nav-glass: rgba(15,12,26,0.78);
    --bar-footer-bg: #0B0919;
    --bar-footer-fg: #F3EFFA;
    --grad-brand-soft: linear-gradient(135deg,#102A2E 0%,#141B38 50%,#241536 100%);
    --hero-tint: linear-gradient(180deg,#151128 0%,#0F0C1A 100%);
    --sh-md: 0 6px 16px rgba(0,0,0,0.35);
    --sh-lg: 0 16px 40px rgba(0,0,0,0.45);
    --sh-xl: 0 24px 56px rgba(0,0,0,0.55);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bar-bg:        #0F0C1A;
  --bar-bg-tint:   #151128;
  --bar-surface:   #1A1530;
  --bar-surface-2: #2A2144;
  --bar-fg-1:      #F3EFFA;
  --bar-fg-2:      #D6CDE8;
  --bar-fg-3:      #A89BC4;
  --bar-line:      #2C2544;
  --bar-link:      #C9A5E6;
  --bar-nav-glass: rgba(15,12,26,0.78);
  --bar-footer-bg: #0B0919;
  --bar-footer-fg: #F3EFFA;
  --grad-brand-soft: linear-gradient(135deg,#102A2E 0%,#141B38 50%,#241536 100%);
  --hero-tint: linear-gradient(180deg,#151128 0%,#0F0C1A 100%);
  --sh-md: 0 6px 16px rgba(0,0,0,0.35);
  --sh-lg: 0 16px 40px rgba(0,0,0,0.45);
  --sh-xl: 0 24px 56px rgba(0,0,0,0.55);
}

/* ---- 4. Bind Elementor Global Colors to the tokens ---------------------- */
/* Set these Global Colors in Elementor Site Settings with the LIGHT hex
   values (so the editor preview looks right), then this block makes them
   follow the theme on the live site. Widgets must use Global Colors only. */
body[class*="elementor-kit-"] {
  --e-global-color-primary:   var(--bar-violet);
  --e-global-color-secondary: var(--bar-blue);
  --e-global-color-text:      var(--bar-fg-2);
  --e-global-color-accent:    var(--bar-teal);
  /* Custom Global Colors (ids set when the kit was written) */
  --e-global-color-barsurface: var(--bar-surface);   /* Surface */
  --e-global-color-bartint:    var(--bar-bg-tint);   /* Surface tint */
  --e-global-color-barheading: var(--bar-fg-1);      /* Heading */
  --e-global-color-barmuted:   var(--bar-fg-3);      /* Text muted */
  --e-global-color-barline:    var(--bar-line);      /* Hairline */
  --e-global-color-barfooter:  var(--bar-footer-bg); /* Footer */
}

/* ---- 4b. Bind Astra's global palette to the tokens ---------------------- */
/* Astra's Customizer palette (and the Elementor bridge vars it emits) follow
   the theme, so Astra-native header, footer, buttons and archives switch too. */
html:root {
  --ast-global-color-0: var(--bar-violet);
  --ast-global-color-1: var(--bar-violet-deep);
  --ast-global-color-2: var(--bar-fg-1);
  --ast-global-color-3: var(--bar-fg-2);
  --ast-global-color-4: var(--bar-bg-tint);
  --ast-global-color-5: var(--bar-bg);
  --ast-global-color-6: var(--bar-line);
  --ast-global-color-7: var(--bar-fg-3);
  --ast-global-color-8: var(--bar-fg-1);
  --e-global-color-astglobalcolor0: var(--bar-violet);
  --e-global-color-astglobalcolor1: var(--bar-violet-deep);
  --e-global-color-astglobalcolor2: var(--bar-fg-1);
  --e-global-color-astglobalcolor3: var(--bar-fg-2);
  --e-global-color-astglobalcolor4: var(--bar-bg-tint);
  --e-global-color-astglobalcolor5: var(--bar-bg);
  --e-global-color-astglobalcolor6: var(--bar-line);
  --e-global-color-astglobalcolor7: var(--bar-fg-3);
  --e-global-color-astglobalcolor8: var(--bar-fg-1);
}

/* ---- 5. Page chrome ----------------------------------------------------- */
html, body, .ast-container,
body.ast-plain-container, body.ast-page-builder-template, body.ast-separate-container,
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single,
.ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond
{ background: var(--bar-bg); color: var(--bar-fg-2); }
.ast-container h1, .ast-container h2, .ast-container h3,
.ast-container h4, .ast-container h5, .ast-container h6,
.elementor-heading-title { color: var(--bar-fg-1); }
a { color: var(--bar-link); }
hr, .elementor-divider-separator { border-color: var(--bar-line); }

/* Astra header and footer follow the theme */
.site-header, .ast-primary-header-bar, .main-header-bar { background: var(--bar-surface); }
.site-footer, .ast-footer-row { background: var(--bar-footer-bg); color: var(--bar-footer-fg); }
.site-footer a { color: var(--bar-footer-fg); }

/* Astra default buttons: pill, brand gradient */
.ast-container .button, .ast-container button.button, .ast-custom-button,
button.menu-toggle, .main-header-menu .menu-link { border-radius: 9999px; }

/* ---- 6. Type ------------------------------------------------------------ */
.ast-container h1, .ast-container h2, .ast-container h3, .elementor-heading-title {
  font-family: "Quicksand", "Avenir Next", sans-serif !important;
  letter-spacing: -0.02em;
}
body, .ast-container, .elementor-widget-text-editor {
  font-family: "Montserrat", system-ui, sans-serif !important;
}

/* ---- 7. Helper classes (from the kit, now theme-aware) ------------------ */
.grad-text {
  background: var(--grad-brand);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
}
.elementor-button.btn-grad, .btn-grad .elementor-button {
  background: var(--grad-brand) !important; color: #fff !important; border: 0 !important;
  border-radius: 9999px !important; padding: 14px 28px !important;
  font-family: "Quicksand", sans-serif !important; font-weight: 600 !important; letter-spacing: 0 !important;
  box-shadow: 0 8px 20px rgba(46,39,112,0.18);
  transition: filter 180ms cubic-bezier(.22,1,.36,1), box-shadow 180ms;
}
.elementor-button.btn-grad:hover, .btn-grad .elementor-button:hover {
  filter: brightness(1.06); box-shadow: var(--sh-lg);
}
.elementor-button.btn-navy, .btn-navy .elementor-button {
  background: var(--bar-navy) !important; color: #fff !important;
  border-radius: 9999px !important; padding: 14px 28px !important;
}
.elementor-button.btn-outline, .btn-outline .elementor-button {
  background: transparent !important; color: var(--bar-fg-1) !important;
  border: 1.5px solid var(--bar-line) !important; border-radius: 9999px !important; padding: 13px 27px !important;
}
.bar-card {
  background: var(--bar-surface) !important; border: 1px solid var(--bar-line) !important;
  border-radius: 20px !important; padding: 28px !important; box-shadow: var(--sh-md);
  transition: transform 220ms cubic-bezier(.22,1,.36,1), box-shadow 220ms;
}
.bar-card:hover { transform: translateY(-4px); box-shadow: var(--sh-lg); }
.bar-eyebrow {
  font-family: "Quicksand", sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--bar-violet) !important;
}
.bar-pill {
  display: inline-block !important; background: var(--bar-surface-2) !important; color: var(--bar-link) !important;
  font-family: "Quicksand", sans-serif !important; font-weight: 600 !important; font-size: 12px !important;
  letter-spacing: 0.05em !important; text-transform: uppercase !important; padding: 4px 12px !important;
  border-radius: 9999px !important;
}
.hero-tint { background: var(--hero-tint) !important; }
.section-tint { background: var(--bar-bg-tint) !important; }
.grad-band { background: var(--grad-brand-135) !important; color: #fff !important; border-radius: 28px !important; box-shadow: var(--sh-xl); }
.grad-band h1, .grad-band h2, .grad-band h3, .grad-band p { color: #fff !important; }
.bar-glass-nav {
  background: var(--bar-nav-glass) !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--bar-line);
}

/* ---- 8. Theme toggle button -------------------------------------------- */
.bar-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 9999px;
  border: 1px solid var(--bar-line); background: var(--bar-surface); color: var(--bar-fg-1);
  cursor: pointer; transition: background 160ms, transform 160ms;
}
.bar-theme-toggle:hover { transform: translateY(-1px); }
.bar-theme-toggle:focus-visible { outline: 2px solid var(--bar-teal); outline-offset: 2px; }
.bar-theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bar-theme-toggle .icon-sun { display: none; }
:root[data-theme="dark"] .bar-theme-toggle .icon-sun { display: block; }
:root[data-theme="dark"] .bar-theme-toggle .icon-moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .bar-theme-toggle .icon-sun { display: block; }
  :root:not([data-theme="light"]) .bar-theme-toggle .icon-moon { display: none; }
}

/* ---- 9. Images and media in dark ---------------------------------------- */
/* Logos with transparent backgrounds: swap to the white-text version in dark
   by placing both and toggling. Give the light logo class "logo-light" and the
   dark one "logo-dark". */
.logo-dark { display: none; }
:root[data-theme="dark"] .logo-light { display: none; }
:root[data-theme="dark"] .logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .logo-light { display: none; }
  :root:not([data-theme="light"]) .logo-dark { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .bar-card, .bar-theme-toggle, .elementor-button.btn-grad { transition: none; }
}


/* ---- 10. Header (template: Bar Header 2027) ----------------------------- */
.bar-header{position:relative;z-index:50}
.bar-header .elementor-nav-menu--main .elementor-item{color:var(--bar-fg-2);padding:10px 14px;border-radius:9999px;transition:color 160ms}
.bar-header .elementor-nav-menu--main .elementor-item:hover,.bar-header .elementor-nav-menu--main .elementor-item.elementor-item-active,.bar-header .elementor-nav-menu--main .elementor-item.highlighted{color:var(--bar-violet)}
.bar-header .elementor-nav-menu--main .elementor-item:before,.bar-header .elementor-nav-menu--main .elementor-item:after{background-color:var(--bar-violet)!important}
.bar-header .elementor-nav-menu--dropdown{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:16px;box-shadow:var(--sh-lg);padding:8px;min-width:240px}
.bar-header .elementor-nav-menu--dropdown a{color:var(--bar-fg-2);border-radius:10px;padding:10px 14px}
.bar-header .elementor-nav-menu--dropdown a:hover,.bar-header .elementor-nav-menu--dropdown a.elementor-item-active,.bar-header .elementor-nav-menu--dropdown a.highlighted{background:var(--bar-surface-2);color:var(--bar-link)}
.bar-header .elementor-nav-menu--dropdown .elementor-item{font-family:"Montserrat",system-ui,sans-serif;font-weight:500;font-size:14px}
.bar-header .elementor-menu-toggle{color:var(--bar-fg-1);background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:9999px;width:40px;height:40px}
.bar-header .elementor-menu-toggle:hover,.bar-header .elementor-menu-toggle.elementor-active{color:var(--bar-violet)}
.bar-header .elementor-nav-menu__container.elementor-nav-menu--dropdown{border-radius:0 0 16px 16px;margin-top:8px}
.bar-header .bar-toggle-slot{display:inline-flex;align-items:center}
.bar-header .elementor-widget-html{line-height:0}
.bar-header .bar-header-cta .elementor-button{padding:11px 20px!important;font-size:14px!important;white-space:nowrap}
.bar-header .bar-header-logo img{display:block}
.elementor-sticky--effects.bar-header{box-shadow:var(--sh-md)}
@media (max-width:1024px){.bar-header .elementor-nav-menu--main .elementor-item{padding:10px 10px}}

@media (max-width:767px){.bar-header .bar-header-cta{display:none}}

/* header: two-column treatments dropdown, button case */


.elementor-button.btn-grad,.btn-grad .elementor-button,.btn-navy .elementor-button,.btn-outline .elementor-button{text-transform:none!important;letter-spacing:0!important}


/* ---- 11. Landing page (home) ------------------------------------------- */
.bar-announce{background:var(--grad-brand)!important;color:#fff}
.bar-announce .elementor-widget-container{line-height:1}
.bar-announce-text{margin:0;text-align:center;font-family:"Quicksand",sans-serif;font-weight:600;font-size:14px;color:#fff}
.bar-announce-star{color:#FFD86B;margin-right:6px}
.bar-eyebrow-wrap p{font-family:"Quicksand",sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bar-violet);margin:0}
.bar-hero-h1 .elementor-heading-title{font-size:clamp(34px,4.6vw,58px);line-height:1.06;font-weight:700;letter-spacing:-.025em;max-width:14ch}
.bar-lead p{font-size:18px;line-height:1.6;color:var(--bar-fg-2);max-width:52ch}
.bar-sub p{font-size:17px;color:var(--bar-fg-3);max-width:60ch;margin:0 auto}
.bar-cta-row .elementor-widget-button{width:auto}
.bar-trust{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--bar-fg-3)}
.bar-trust li{display:inline-flex;align-items:center;gap:6px}
.bar-trust b{color:var(--bar-fg-1);font-weight:700}
.bar-stars{color:#F5B301;letter-spacing:1px;font-size:14px}
.bar-stars-lg{font-size:18px}
.bar-hero-card{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:28px;box-shadow:var(--sh-xl);overflow:hidden;max-width:440px;margin-left:auto}
.bar-hero-photo{aspect-ratio:1/1;background:var(--grad-brand-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bar-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bar-hero-photo img.bar-hero-photo-placeholder{width:60%;height:auto;object-fit:contain;opacity:.9}
.bar-hero-card-body{padding:20px 22px 22px}
.bar-hero-name{font-family:"Quicksand",sans-serif;font-weight:700;font-size:22px;color:var(--bar-fg-1)}
.bar-hero-role{font-size:14px;color:var(--bar-fg-3);margin-top:2px}
.bar-hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.bar-hero-chips .bar-pill{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
@media (max-width:1024px){.bar-hero-card{margin:0 auto}}
.bar-step{display:inline-flex;width:40px;height:40px;border-radius:9999px;align-items:center;justify-content:center;background:var(--grad-brand);color:#fff;font-family:"Quicksand",sans-serif;font-weight:700;font-size:16px}
.bar-card .elementor-heading-title{font-size:21px}
.bar-card .elementor-widget-text-editor p{color:var(--bar-fg-2);font-size:15.5px;line-height:1.6}
.bar-card .elementor-widget-text-editor p:last-child{margin-bottom:0}
.bar-card-accent{background:var(--grad-brand-soft)!important}
.btn-link .elementor-button{background:transparent!important;color:var(--bar-link)!important;padding:0!important;font-family:"Quicksand",sans-serif!important;font-weight:700!important;text-transform:none!important;border-radius:0!important}
.btn-link .elementor-button:after{content:" \2192"}
.btn-link .elementor-button:hover{color:var(--bar-violet)!important}
.bar-treat .elementor-icon-box-icon .elementor-icon{background:var(--bar-surface-2);color:var(--bar-violet);border:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;padding:0}
.bar-treat .elementor-icon-box-title{font-size:19px;margin-bottom:6px}
.bar-treat .elementor-icon-box-title a{color:var(--bar-fg-1)}
.bar-treat .elementor-icon-box-description{color:var(--bar-fg-2);font-size:15px;line-height:1.6}
.bar-pill-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.bar-pill-link{text-decoration:none;transition:background 160ms}
.bar-pill-link:hover{background:var(--bar-lilac-soft)!important}
.bar-pill-more{background:var(--bar-fg-1)!important;color:var(--bar-bg)!important}
.bar-list .elementor-icon-list-icon i{color:var(--bar-teal-deep)}
.bar-list .elementor-icon-list-text{color:var(--bar-fg-2);font-size:16px;line-height:1.55}
.bar-list .elementor-icon-list-text b{color:var(--bar-fg-1)}
.bar-why-band{padding:36px 32px!important;display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.bar-why-stat span{display:block;font-family:"Quicksand",sans-serif;font-weight:700;font-size:40px;line-height:1;color:#fff}
.bar-why-stat small{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.85);line-height:1.4}
.bar-quote p{font-size:16px;line-height:1.65;color:var(--bar-fg-1)}
.bar-who{margin:0}.bar-who span{color:var(--bar-fg-3);font-size:13px}
.bar-logos{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.bar-logos span{border:1px solid var(--bar-line);border-radius:12px;padding:10px 16px;font-family:"Quicksand",sans-serif;font-weight:700;color:var(--bar-fg-2);background:var(--bar-surface)}
.bar-faq .elementor-accordion-item{background:var(--bar-surface);border:1px solid var(--bar-line)!important;border-radius:16px;margin-bottom:10px;overflow:hidden}
.bar-faq .elementor-tab-title{font-family:"Quicksand",sans-serif!important;font-weight:700;font-size:17px;color:var(--bar-fg-1)!important;padding:18px 20px!important;border:0!important}
.bar-faq .elementor-tab-title.elementor-active{color:var(--bar-violet)!important}
.bar-faq .elementor-accordion-icon{color:var(--bar-violet)!important}
.bar-faq .elementor-tab-content{border:0!important;padding:0 20px 20px!important;color:var(--bar-fg-2);font-size:15.5px;line-height:1.65}
.bar-faq .elementor-tab-content p{margin:0}
.bar-hours{width:100%;border-collapse:collapse;font-size:15px;margin-top:8px}
.bar-hours th{text-align:left;font-weight:600;color:var(--bar-fg-1);padding:7px 0;border-bottom:1px solid var(--bar-line);width:45%}
.bar-hours td{color:var(--bar-fg-2);padding:7px 0;border-bottom:1px solid var(--bar-line)}
.bar-contact p{color:var(--bar-fg-2);line-height:1.6}
.bar-book-frame{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:24px;box-shadow:var(--sh-lg);overflow:hidden}
.bar-book-frame iframe{width:100%;height:760px;border:0;display:block;background:#fff}
.bar-sticky-wrap{display:none}
@media (max-width:767px){
  .bar-sticky-wrap{display:block}
  .bar-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bar-nav-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--bar-line)}
  .bar-sticky-cta a{display:flex;align-items:center;justify-content:center;height:46px;border-radius:9999px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:15px;text-decoration:none}
  .bar-sticky-call{border:1.5px solid var(--bar-line);color:var(--bar-fg-1);background:var(--bar-surface)}
  .bar-sticky-book{background:var(--grad-brand);color:#fff}
  body{padding-bottom:70px}
  .bar-why-band{grid-template-columns:1fr 1fr;padding:28px 22px!important}
  .bar-why-stat span{font-size:32px}
  .bar-book-frame iframe{height:680px}
  .bar-hero-h1 .elementor-heading-title{max-width:none}
}
html{scroll-behavior:smooth}
#book{scroll-margin-top:90px}

/* landing fixes */
body.page-template-elementor_header_footer .ast-container,body.elementor-template-full-width .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.page-template-elementor_header_footer .site-content .ast-container{width:100%}
.bar-hero-h1 .elementor-heading-title{font-size:clamp(32px,3.7vw,50px)!important;max-width:17ch}
.btn-link .elementor-button{border:0!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn-link .elementor-button:after{content:"\2192"}
.btn-link .elementor-button-content-wrapper{display:inline}
.bar-announce{border-radius:0}
.bar-expect .elementor-widget-button{margin-top:8px}

/* landing fixes 2 */
.e-con.bar-announce{--padding-top:10px!important;--padding-bottom:10px!important;--padding-left:16px!important;--padding-right:16px!important}
.bar-sticky-cta a.bar-sticky-book{background-image:var(--grad-brand)!important;background-color:var(--bar-violet)!important;color:#fff!important;border:0!important}
.bar-sticky-cta a.bar-sticky-call{background:var(--bar-surface)!important;color:var(--bar-fg-1)!important}
.bar-hours th,.bar-hours td{border-left:0!important;border-right:0!important;border-top:0!important;background:transparent!important}
.bar-hours tr:last-child th,.bar-hours tr:last-child td{border-bottom:0!important}
@media (max-width:767px){.e-con.bar-hero{--padding-top:36px!important}}


/* ---- 12. Footer (template: Bar Footer 2027) ----------------------------- */
.bar-footer{background:var(--bar-footer-bg)!important;color:var(--bar-footer-fg)}
.bar-footer a{color:var(--bar-footer-fg);text-decoration:none;opacity:.85;transition:opacity 160ms,color 160ms}
.bar-footer a:hover{opacity:1;color:var(--bar-teal)}
.bar-footer p{color:var(--bar-footer-fg);opacity:.85;font-size:14.5px;line-height:1.65;margin:0 0 12px}
.bar-foot-brand img{display:block;width:150px;height:auto;margin-bottom:16px;background:#fff;border-radius:14px;padding:10px 12px}
.bar-foot-contact a{font-family:"Quicksand",sans-serif;font-weight:700;font-size:16px;opacity:1}
.bar-foot-h{font-family:"Quicksand",sans-serif;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--bar-footer-fg);margin:0 0 14px}
.bar-foot-h2{margin-top:22px}
.bar-foot-links{list-style:none;margin:0;padding:0}
.bar-foot-links li{margin:0 0 9px;font-size:15px}
.bar-foot-areas{font-size:14px}
.bar-foot-addr{font-size:15px}
.bar-foot-hours{width:100%;border-collapse:collapse;font-size:14px}
.bar-foot-hours th,.bar-foot-hours td{border:0!important;padding:4px 0;text-align:left;background:transparent!important;color:var(--bar-footer-fg)}
.bar-foot-hours th{font-weight:600;width:48%}
.bar-foot-hours td{opacity:.85}
.bar-foot-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bar-foot-bottom p{font-size:13px;margin:0}
@media (max-width:767px){.bar-foot-bottom{flex-direction:column}}

.bar-foot-hours,.bar-hours{border:0!important}
.bar-foot-hours tr,.bar-hours tr{border:0!important}


/* ---- 13. Content pages ------------------------------------------------- */
.bar-page-h1 .elementor-heading-title{font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.02em;max-width:22ch}
.bar-page-hero .elementor-widget-button{width:auto}
.bar-page-body .elementor-heading-title{font-size:26px;margin-top:8px}
.bar-page-body .elementor-widget-text-editor p{font-size:17px;line-height:1.7;color:var(--bar-fg-2)}
.bar-page-body .elementor-widget-text-editor a{color:var(--bar-link);text-decoration:underline;text-underline-offset:3px}
.bar-page-body .bar-list .elementor-icon-list-text{font-size:16.5px;line-height:1.6}
.bar-prose-group{margin-bottom:8px}
.bar-cta-band{padding:40px 40px!important;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.bar-cta-band h2{font-size:28px;margin:0 0 8px;color:#fff}
.bar-cta-band p{margin:0;max-width:56ch;color:rgba(255,255,255,.9)}
.bar-cta-band-actions{display:flex;gap:12px;flex-wrap:wrap}
.bar-btn-white{display:inline-flex;align-items:center;background:#fff;color:var(--bar-violet-deep)!important;font-family:"Quicksand",sans-serif;font-weight:700;padding:13px 22px;border-radius:9999px;text-decoration:none;white-space:nowrap}
.bar-btn-ghost{display:inline-flex;align-items:center;border:1.5px solid rgba(255,255,255,.6);color:#fff!important;font-family:"Quicksand",sans-serif;font-weight:700;padding:12px 22px;border-radius:9999px;text-decoration:none;white-space:nowrap}
@media (max-width:767px){.bar-cta-band{padding:28px 22px!important}.bar-cta-band h2{font-size:23px}}



/* ---- 14. Hub, contact, map ---------------------------------------------- */
.bar-hub-cluster .elementor-heading-title{font-size:24px}
.bar-hub-cluster .bar-card .elementor-heading-title{font-size:18px}
.bar-contact-page .elementor-heading-title{font-size:26px}
.bar-map{border-radius:24px;overflow:hidden;border:1px solid var(--bar-line);box-shadow:var(--sh-md)}
.bar-map iframe{width:100%;height:360px;border:0;display:block;filter:none}
:root[data-theme="dark"] .bar-map iframe{filter:invert(.9) hue-rotate(180deg) saturate(.8)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bar-map iframe{filter:invert(.9) hue-rotate(180deg) saturate(.8)}}


/* ---- 15. Theme toggle: beat Astra button states, hide sticky clone ------- */
.elementor-sticky__spacer .bar-theme-toggle{display:none!important}
button.bar-theme-toggle,button.bar-theme-toggle:hover,button.bar-theme-toggle:focus,button.bar-theme-toggle:active{background:var(--bar-surface)!important;color:var(--bar-fg-1)!important;border:1px solid var(--bar-line)!important;border-radius:9999px!important;padding:0!important;box-shadow:none!important;outline:none;line-height:1}
button.bar-theme-toggle:focus-visible{outline:2px solid var(--bar-teal)!important;outline-offset:2px}
button.bar-theme-toggle:hover{transform:translateY(-1px)}


/* ---- 16. Brand lockup: square mark + wordmark (header) ------------------- */
.bar-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--bar-fg-1)!important}
.bar-brand img{width:48px;height:48px;border-radius:10px;object-fit:contain;display:block;background:#0F0C1A;padding:3px;box-sizing:border-box}
.bar-brand-text{display:flex;flex-direction:column;line-height:1.1}
.bar-brand-name{font-family:'Quicksand',sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.01em;color:var(--bar-fg-1)}
.bar-brand-tag{font-family:'Montserrat',sans-serif;font-weight:600;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--bar-fg-3);margin-top:3px}
@media (max-width:767px){.bar-brand img{width:40px;height:40px}.bar-brand-name{font-size:17px}}


/* ---- 17. Hero placeholder on a dark tile until the headshot arrives ------ */
.bar-hero-photo img.bar-hero-photo-placeholder{width:58%!important;height:auto;background:#0F0C1A;border-radius:24px;padding:7%;box-sizing:border-box;opacity:1}


/* ---- 18. Booking hand-off and /book-a-consultation -------------------- */
.bar-steps{list-style:none;margin:8px 0 20px;padding:0;display:grid;gap:14px}
.bar-steps li{display:flex;gap:14px;align-items:flex-start}
.bar-steps li span{flex:0 0 32px;width:32px;height:32px;border-radius:9999px;background:var(--grad-brand);color:#fff;font-family:"Quicksand",sans-serif;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.bar-steps li b{display:block;font-family:"Quicksand",sans-serif;font-weight:700;font-size:17px;color:var(--bar-fg-1);line-height:1.3}
.bar-steps li small{display:block;font-size:15px;color:var(--bar-fg-3);line-height:1.5;margin-top:2px}
.bar-book-card{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:24px;padding:28px 28px 20px;box-shadow:var(--sh-lg)}
.bar-book-card-title{font-family:"Quicksand",sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bar-violet);margin:0 0 10px}
.bar-book-card p{color:var(--bar-fg-2);line-height:1.6}
.bar-book-card .bar-hours{margin-top:18px}
.bar-book-page .bar-book-frame iframe{height:820px}
.bar-book-note p{font-size:13px;color:var(--bar-fg-3);margin:14px 0 0}
.bar-page-h1 .elementor-heading-title{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.02em}
@media (max-width:767px){.bar-book-page .bar-book-frame iframe{height:720px}.bar-book-card{padding:22px 20px 14px}}

.bar-book-label{font-family:'Quicksand',sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bar-violet);padding:16px 24px 12px;border-bottom:1px solid var(--bar-line);background:var(--bar-surface)}


/* ---- 19. Content page redesign (Oct 25) ---------------------------------- */
/* Breadcrumb */
.bar-crumbs{margin:0 0 14px;font-size:13px;color:var(--bar-fg-3);font-family:"Montserrat",sans-serif}
.bar-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.bar-crumbs li{display:inline-flex;align-items:center;gap:8px}
.bar-crumbs li+li:before{content:"\203A";color:var(--bar-fg-3);opacity:.7}
.bar-crumbs a{color:var(--bar-fg-3);text-decoration:none}
.bar-crumbs a:hover{color:var(--bar-link)}
.bar-crumbs [aria-current]{color:var(--bar-fg-2);font-weight:600}
/* Split hero */
.e-con.bar-hero-split>.e-con-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:center}
.e-con.bar-hero-split>.e-con-inner>.e-con{width:100%!important;max-width:none!important}
.bar-doc-card{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:24px;box-shadow:var(--sh-lg);padding:18px;display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.bar-doc-card img{width:96px;height:96px;border-radius:18px;object-fit:cover;display:block;background:var(--grad-brand-soft)}
.bar-doc-name{font-family:"Quicksand",sans-serif;font-weight:700;font-size:18px;color:var(--bar-fg-1);line-height:1.2}
.bar-doc-role{font-size:13px;color:var(--bar-fg-3);margin-top:3px;line-height:1.4}
.bar-doc-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.bar-doc-chips .bar-pill{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
.bar-doc-link{grid-column:1/-1;font-family:"Quicksand",sans-serif;font-weight:700;font-size:14px;color:var(--bar-link);text-decoration:none}
.bar-doc-link:after{content:" \2192"}
/* Two-column body with rail */
.e-con.bar-body-split>.e-con-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.e-con.bar-body-split>.e-con-inner>.e-con{width:100%!important;max-width:none!important}
.e-con.bar-rail{position:sticky;top:96px}
.bar-rail-card{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:20px;padding:22px;box-shadow:var(--sh-md)}
.bar-rail-card+.bar-rail-card{margin-top:16px}
.bar-rail-h{font-family:"Quicksand",sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bar-violet);margin:0 0 12px}
.bar-toc{list-style:none;margin:0;padding:0}
.bar-toc li{margin:0;padding:0}
.bar-toc a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--bar-line);color:var(--bar-fg-2);font-size:14px;line-height:1.4;text-decoration:none;transition:color 160ms,border-color 160ms}
.bar-toc a:hover{color:var(--bar-link);border-color:var(--bar-teal)}
.bar-rail-book{background:var(--grad-brand-soft)}
.bar-rail-book p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--bar-fg-2)}
.bar-rail-btn{display:flex;justify-content:center;align-items:center;background:var(--grad-brand);color:#fff!important;font-family:"Quicksand",sans-serif;font-weight:700;font-size:15px;padding:12px 18px;border-radius:9999px;text-decoration:none;box-shadow:0 8px 20px rgba(46,39,112,.18)}
.bar-rail-btn:hover{filter:brightness(1.06)}
.bar-rail-call{display:block;text-align:center;margin-top:12px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:15px;color:var(--bar-fg-1)!important;text-decoration:none}
.bar-rail-call small{display:block;font-family:"Montserrat",sans-serif;font-weight:500;font-size:12px;color:var(--bar-fg-3);margin-top:2px}
.bar-rail-links{list-style:none;margin:0;padding:0}
.bar-rail-links li{margin:0 0 8px;font-size:14.5px}
.bar-rail-links a{color:var(--bar-fg-2);text-decoration:none}
.bar-rail-links a:hover{color:var(--bar-link)}
/* Body typography and anchors */
.bar-page-body .elementor-widget-heading[id]{scroll-margin-top:100px}
.bar-page-body .bar-prose-group{padding-bottom:16px!important}
.bar-page-body .elementor-widget-heading .elementor-heading-title{font-size:27px;line-height:1.25}
/* Steps (from "Title: description" lists) */
.bar-page-body .bar-steps{margin:4px 0 8px;gap:16px}
.bar-page-body .bar-steps li{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:16px;padding:16px 18px}
.bar-page-body .bar-steps li b{font-size:17px}
.bar-page-body .bar-steps li small{font-size:15px;color:var(--bar-fg-2)}
/* Check lists, two columns when long */
.bar-page-body .bar-list .elementor-icon-list-icon i{color:var(--bar-teal-deep)}
.bar-page-body .bar-list-2col .elementor-icon-list-items{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
.bar-page-body .bar-list-2col .elementor-icon-list-item{margin:0!important;padding:0!important}
/* Related cards */
.bar-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.bar-related a{display:block;background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:18px;padding:20px;text-decoration:none;box-shadow:var(--sh-md);transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms}
.bar-related a:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.bar-related b{display:block;font-family:"Quicksand",sans-serif;font-weight:700;font-size:17px;color:var(--bar-fg-1);margin-bottom:6px}
.bar-related span{display:block;font-size:14px;line-height:1.5;color:var(--bar-fg-3)}
.bar-related-h .elementor-heading-title{font-size:24px}
@media (max-width:1024px){
.e-con.bar-hero-split>.e-con-inner{grid-template-columns:1fr;gap:28px}
.bar-doc-card{max-width:440px}
.e-con.bar-body-split>.e-con-inner{grid-template-columns:1fr;gap:28px}
.e-con.bar-rail{position:static}
.bar-rail-toc{display:none}
.bar-related{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
.bar-related{grid-template-columns:1fr}
.bar-page-body .bar-list-2col .elementor-icon-list-items{grid-template-columns:1fr}
.bar-doc-card{grid-template-columns:72px 1fr;padding:14px}
.bar-doc-card img{width:72px;height:72px;border-radius:14px}
.bar-crumbs{font-size:12px}
}

/* icon-list check marks render as inline SVG: color via fill */
.bar-list .elementor-icon-list-icon svg,.elementor-icon-list-icon svg.e-fas-check{fill:var(--bar-teal-deep);width:1em;height:1em}


/* ---- 20. About page (team, philosophy) ------------------------------------ */
.bar-about-split{display:grid;grid-template-columns:1fr;gap:24px}
.bar-about-text p{font-size:17px;line-height:1.7;color:var(--bar-fg-2);margin:0 0 16px}
.bar-about-text p:last-child{margin-bottom:0}
.bar-about-figure{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center}
.bar-about-figure img{height:100%;object-fit:cover}
.bar-about-figure{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:22px;overflow:hidden;box-shadow:var(--sh-lg)}
.bar-about-figure img{display:block;width:100%;height:auto}
.bar-about-figure figcaption{padding:16px 18px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:16px;line-height:1.35;color:var(--bar-fg-1)}
.bar-about-figure figcaption small{display:block;font-family:"Montserrat",sans-serif;font-weight:500;font-size:13px;color:var(--bar-fg-3);margin-top:4px}
.bar-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
.bar-team-card{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:22px;padding:20px;box-shadow:var(--sh-md)}
.bar-team-head{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;margin-bottom:12px}
.bar-team-head img{width:104px;height:104px;border-radius:20px;object-fit:cover;display:block;background:var(--grad-brand-soft)}
.bar-team-name{font-family:"Quicksand",sans-serif;font-weight:700;font-size:20px;color:var(--bar-fg-1);line-height:1.2}
.bar-team-role{font-size:13.5px;color:var(--bar-fg-3);margin-top:4px;line-height:1.4}
.bar-team-card p{font-size:15px;line-height:1.6;color:var(--bar-fg-2);margin:0 0 10px}
.bar-team-card details{margin-top:2px}
.bar-team-card summary{list-style:none;cursor:pointer;font-family:"Quicksand",sans-serif;font-weight:700;font-size:14px;color:var(--bar-link)}
.bar-team-card summary::-webkit-details-marker{display:none}
.bar-team-card summary:after{content:" \2193"}
.bar-team-card details[open] summary:after{content:" \2191"}
.bar-team-card details p:first-of-type{margin-top:10px}
.bar-team-card details p:last-child{margin-bottom:0}
.bar-team-link{font-family:"Quicksand",sans-serif;font-weight:700;font-size:14px;color:var(--bar-link);text-decoration:none}
.bar-team-link:after{content:" \2192"}
.bar-team-sub .elementor-heading-title{font-size:22px}
@media (max-width:767px){.bar-about-figure{grid-template-columns:1fr}.bar-about-figure img{height:auto}}
@media (max-width:767px){.bar-team{grid-template-columns:1fr}.bar-team-head{grid-template-columns:80px 1fr}.bar-team-head img{width:80px;height:80px;border-radius:16px}}

/* ---- 21. Meet the doctor ---- */
.bar-portrait{margin:0;background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);max-width:360px}
.bar-portrait img{display:block;width:100%;height:auto}
.bar-portrait figcaption{padding:14px 18px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:17px;color:var(--bar-fg-1)}
.bar-portrait figcaption small{display:block;font-family:"Montserrat",sans-serif;font-weight:500;font-size:13px;color:var(--bar-fg-3);margin-top:3px;line-height:1.4}
.bar-creds{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}
.bar-cred{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh-md)}
.bar-cred b{display:block;font-family:"Quicksand",sans-serif;font-weight:700;font-size:16px;color:var(--bar-fg-1);margin-bottom:6px}
.bar-cred p{margin:0;font-size:14.5px;line-height:1.55;color:var(--bar-fg-2)}
@media (max-width:767px){.bar-creds{grid-template-columns:1fr}.bar-portrait{max-width:none}}

/* landing hero: ABO banner instead of a headshot */
.bar-hero-photo.bar-hero-photo-wide{aspect-ratio:16/10}

/* ---- 22. Blog archive and single (Astra defaults on tokens) ------------- */
body.blog .ast-archive-entry-banner{background:var(--hero-tint)!important;padding:56px 0 40px;text-align:left}
body.blog .ast-archive-entry-banner .ast-container{max-width:1160px;padding:0 24px}
body.blog .ast-archive-entry-banner h1{font-family:"Quicksand",sans-serif!important;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.02em;color:var(--bar-fg-1)!important;margin:0;max-width:20ch;background:transparent!important;text-shadow:none}
body.blog .ast-archive-entry-banner .ast-archive-description,body.blog .ast-archive-entry-banner p{color:var(--bar-fg-2);font-size:17px;max-width:56ch}
body.blog .ast-container,body.single-post .ast-container{max-width:1160px;padding:0 24px}
body.blog #primary{padding:40px 0 64px}
body.blog .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.blog .site-main>*:not(.ast-article-post){grid-column:1/-1}
body.blog .ast-article-post{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:20px;overflow:hidden;box-shadow:var(--sh-md);margin:0;padding:0;transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms}
body.blog .ast-article-post:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
body.blog .ast-article-post .post-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
body.blog .ast-article-post .ast-article-inner{padding:18px 20px 22px}
body.blog .entry-title{font-size:19px;line-height:1.3;margin:0 0 8px}
body.blog .entry-title a{color:var(--bar-fg-1)}
body.blog .entry-meta,body.single-post .entry-meta{font-size:13px;color:var(--bar-fg-3)}
body.blog .entry-content p{font-size:15px;line-height:1.6;color:var(--bar-fg-2)}
body.single-post .ast-article-single{background:transparent;padding:32px 0 48px}
body.single-post .entry-header .entry-title{font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:-.02em;max-width:24ch}
body.single-post .post-thumb img{border-radius:24px;max-width:860px;width:100%;height:auto}
body.single-post .entry-content{max-width:760px}
body.single-post .entry-content p,body.single-post .entry-content li{font-size:17px;line-height:1.7;color:var(--bar-fg-2)}
body.single-post .entry-content h2{font-size:27px;line-height:1.25;margin:34px 0 10px}
body.single-post .entry-content h3{font-size:21px;margin:26px 0 8px}
body.single-post .entry-content ul{padding-left:22px}
body.single-post .entry-content li{margin-bottom:6px}
body.single-post .entry-content table.bar-table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0 20px}
body.single-post .entry-content table.bar-table th,body.single-post .entry-content table.bar-table td{border:1px solid var(--bar-line);padding:10px 12px;text-align:left;vertical-align:top;background:transparent}
body.single-post .entry-content table.bar-table thead th{background:var(--bar-surface-2);color:var(--bar-fg-1)}
body.single-post .entry-content p.bar-source{font-size:13px;color:var(--bar-fg-3);border-top:1px solid var(--bar-line);padding-top:12px;margin-top:28px}
body.single-post .post-navigation,body.single-post .comments-area,body.single-post .ast-author-box{display:none}
@media (max-width:1024px){body.blog .site-main{grid-template-columns:1fr 1fr}}
@media (max-width:767px){body.blog .site-main{grid-template-columns:1fr}body.blog .ast-archive-entry-banner{padding:36px 0 28px}}

/* 22b. banner specificity + meta */
body.blog section.ast-archive-entry-banner{background:var(--hero-tint)!important;padding:56px 0 40px!important;text-align:left!important;min-height:0!important}
body.blog section.ast-archive-entry-banner h1,body.blog section.ast-archive-entry-banner .ast-archive-title{font-size:clamp(32px,4vw,48px)!important;line-height:1.08!important;text-align:left!important;color:var(--bar-fg-1)!important}
body.blog .ast-archive-entry-banner .ast-container{text-align:left!important}
body.blog .entry-meta .posted-by,body.single-post .entry-meta .posted-by,body.blog .ast-author-avatar,body.single-post .ast-author-avatar{display:none!important}
body.blog .entry-meta .ast-date-meta,body.single-post .entry-meta .ast-date-meta{margin-left:0}

/* ---- 23. Landing hero booking card (conversion hero) -------------------- */
.bar-hero-visual .bar-hero-card{display:none}
.bar-hero-book{background:var(--bar-surface);border:1px solid var(--bar-line);border-radius:28px;box-shadow:var(--sh-xl);overflow:hidden;max-width:520px;margin-left:auto}
.bar-hero-book-head{padding:22px 24px 14px;border-bottom:1px solid var(--bar-line)}
.bar-hero-book-head h2{font-size:22px;line-height:1.2;margin:10px 0 6px;color:var(--bar-fg-1)}
.bar-hero-book-head p{margin:0;font-size:14.5px;line-height:1.55;color:var(--bar-fg-2)}
.bar-hero-book-frame iframe{display:block;width:100%;height:700px;border:0;background:#fff}
.bar-hero-call{display:block;text-align:center;padding:14px 20px;border-top:1px solid var(--bar-line);font-family:"Quicksand",sans-serif;font-weight:700;font-size:15px;color:var(--bar-fg-1)!important;text-decoration:none;background:var(--bar-surface-2)}
#book-now{scroll-margin-top:90px}
@media (max-width:1024px){.bar-hero-book{margin:0 auto;max-width:560px}}
@media (max-width:767px){.bar-hero-book{border-radius:22px}.bar-hero-book-frame iframe{height:660px}.bar-hero-book-head{padding:18px 18px 12px}}

/* ---- 24. Hero team photo (left column) ---------------------------------- */
.bar-hero-team{margin:24px 0 0;max-width:560px;border-radius:22px;overflow:hidden;border:1px solid var(--bar-line);box-shadow:var(--sh-lg);background:var(--bar-surface)}
.bar-hero-team img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 35%}
.bar-hero-team figcaption{padding:10px 16px;font-size:13px;color:var(--bar-fg-3);font-family:"Montserrat",sans-serif}
@media (max-width:1024px){.bar-hero-team{max-width:none}}
@media (max-width:767px){.bar-hero-team{margin-top:18px;border-radius:18px}.bar-hero-team img{aspect-ratio:4/3}}/* End custom CSS */