/* Compact header booking control without the location-search field. */
/* Keep the clinic phone number bold in headers, content, and footers. */
.site-container a[href="tel:02-6953-2826"],
.site-container a[href="tel:02-6953-2826"] .phone__num{font-weight:700!important}

.header .header-search-location{flex-grow:0!important;width:auto!important;background:var(--success-350,#eaf4eb)!important;padding-left:.875rem!important;border-radius:var(--border-radius-btn) 0 0 var(--border-radius-btn);align-items:center}
#header-search.header-search{flex:0 0 auto!important;width:max-content!important;min-width:0!important;background:var(--neutral-100,#fff);padding:.25rem!important;border-radius:999px}
#header-search .header-search__location,
#header-search .locationAutoComplete_wrapper{width:auto!important;min-width:0!important;padding:0!important;background:transparent!important;display:flex;align-items:center}
#header-search .locationAutoComplete_wrapper>:not(.book-now-btn),
#header-search label,#header-search input{display:none!important}
#header-search .locationAutoComplete_wrapper::before,
#header-search .locationAutoComplete_wrapper::after,
#header-search .header-search__location::after{display:none!important;content:none!important}
#header-search .book-now-btn{position:static!important;inset:auto!important;transform:none!important;display:block!important;margin:0!important;border-radius:999px!important;width:auto!important;min-width:8rem;padding-inline:1.5rem!important;background:var(--accent-400,#0178d1);color:white}
#sticky #header-search{margin-inline:auto}

/* Match the original dark green mobile header and sticky booking area. */
@media(max-width:73.75rem){
  .header .header-search-location{background:var(--success-600,#36514c)!important}
  .header .header-search-location{padding:.25rem 0 .25rem .9375rem!important;gap:.3125rem}
  #header-search.header-search{background:var(--success-600,#36514c);padding:0!important}
  #header-search .book-now-btn{
    min-width:0!important;
    padding:.35rem 1rem!important;
    font-size:.9375rem!important;
    line-height:1.25;
    border-width:.125rem;
    border-radius:var(--border-radius-btn)!important;
  }
}

@media(max-width:40rem){
  .header .header-search-location{min-height:2.625rem;padding:.25rem .75rem .25rem .9375rem!important}
}

/* Use the supplied bold Korean face for the booking label. */
#header-search .book-now-btn .menu-korean-label,.nav-book-btn .menu-korean-label{font-weight:700}

/* Match the original booking text size without Korean navigation scaling. */
#header-search .book-now-btn .menu-korean-label,.nav-book-btn .menu-korean-label{font-size:1em}


/* Match the bold booking label inside the mobile navigation. */
#mobile-menu .cms-button-secondary,
#mobile-menu .cms-button-secondary .menu-korean-label{font-weight:700}
#mobile-menu .cms-button-secondary .menu-korean-label{font-size:1em}

/* Keep one compact booking action in the mobile bottom bar. */
@media(max-width:73.75rem){
  #sticky #header-search.header-search{display:none!important}
  #sticky{padding-top:.625rem}
  #sticky>div>p{min-width:0;gap:.375rem}
  #sticky [data-mobile-tapbar-book]{width:auto!important;flex:1 1 auto;min-width:0;font-size:.8125rem!important;font-weight:700!important;white-space:nowrap;padding-inline:.625rem!important}
  #sticky>div>p>a.cms-button-secondary{flex:0 0 auto;width:auto!important;min-width:0;font-size:.75rem!important;line-height:1.2;white-space:nowrap;padding-inline:.5rem!important}
  #sticky>div>p>.phone{flex:0 0 1.75rem;width:1.75rem}
}

/* Keep the footer wordmark inside its narrow mobile column. */
@media(max-width:48rem){
  .footer .download-app .tymbrel-col:first-child{min-width:0}
  .footer .download-app .tymbrel-col:first-child>a{display:block;width:100%;min-width:0}
  .footer .download-app .tymbrel-col:first-child img[itemprop="logo"]{display:block;width:140px!important;max-width:100%!important;height:auto!important;object-fit:contain}
}

/* Full-screen mobile navigation with one consistent top-right close control. */
@media(max-width:73.75rem){
  body:has(#mobile-menu:not([hidden])){overflow:hidden}
  #mobile-menu:not([hidden]){position:fixed!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;box-sizing:border-box;overflow-y:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;background:#fff!important;z-index:1000!important}
  body:has(#mobile-menu:not([hidden])) .header{z-index:1000!important}
  body:has(#mobile-menu:not([hidden])) #sticky{display:none!important}
  body:has(#mobile-menu:not([hidden])) .header .phone,
  body:has(#mobile-menu:not([hidden])) .header a[href^="tel:"]{visibility:hidden!important;pointer-events:none!important;transition:none!important;animation:none!important}
  .header .grt-mobile-button[aria-expanded="true"]{position:fixed!important;inset:calc(env(safe-area-inset-top,0px) + 1rem) 1rem auto auto!important;width:2.75rem!important;height:2.75rem!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;display:block!important;z-index:1001!important}
  .header .grt-mobile-button[aria-expanded="true"] .line1,
  .header .grt-mobile-button[aria-expanded="true"] .line3{position:absolute!important;left:50%!important;top:50%!important;width:1.5rem!important;height:2px!important;margin:0!important;background:var(--success-600,#36514c)!important;border-radius:1px!important}
  .header .grt-mobile-button[aria-expanded="true"] .line1{transform:translate(-50%,-50%) rotate(45deg)!important}
  .header .grt-mobile-button[aria-expanded="true"] .line2{display:none!important}
  .header .grt-mobile-button[aria-expanded="true"] .line3{transform:translate(-50%,-50%) rotate(-45deg)!important}
}