/* =========================================================
   HEADER SATU BARIS — hamburger | logo | menu | search
   Lokasi: medical-circle-child/assets/css/header-fix.css
   ========================================================= */

/* ---- dasar ---- */
.header_wrap.row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.header_wrap.row::before,
.header_wrap.row::after { display: none; }          /* clearfix Foundation */
.header_wrap.row > .columns { float: none; width: auto; }
.wpcrt-logo img { height: auto; max-width: 100%; }

/* ---- DESKTOP (>= 64em) ---- */
@media (min-width: 64em) {
  .header_wrap.row > .small-1,
  .header_wrap.row > .wpcrt-logo { flex: 0 0 auto; }
  .wpcrt-logo img { max-width: clamp(140px, 15vw, 240px); }

  .header_wrap.row > .navigation-main {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;      /* menimpa inline style margin-top:-25px di template induk */
  }

  .navigation-main .top-bar { display: flex; align-items: center; }
  .navigation-main .top-bar > .columns { float: none; width: auto; }
  .navigation-main .top-bar > .medium-11 { flex: 1 1 auto; }
  .navigation-main .search-nav { flex: 0 0 auto; }

  .navigation-main ul.dropdown.menu {
    float: none;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .navigation-main ul.dropdown.menu::before,
  .navigation-main ul.dropdown.menu::after { display: none; }
  .navigation-main ul.dropdown.menu > li { flex: 0 0 auto; float: none; }

  .navigation-main ul.dropdown.menu > li > a {
    white-space: nowrap;
    font-size: clamp(11px, 0.9vw, 14px);
    padding-left: clamp(3px, 0.45vw, 8px);
    padding-right: clamp(3px, 0.45vw, 8px);
  }
  /* ruang panah submenu */
  .navigation-main ul.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: clamp(14px, 1.3vw, 22px);
  }
  .navigation-main ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    right: clamp(3px, 0.4vw, 6px);
  }
}

/* ---- MOBILE & TABLET (< 64em): hamburger | logo (tengah) ---- */
@media (max-width: 63.99em) {
  .header_wrap.row { padding: 4px 0; }

  .header_wrap.row > .small-1 {
    flex: 0 0 48px;
    width: 48px;
    padding: 0 0 0 8px;
  }
  .flypanels-button-left {
    display: block;
    font-size: 26px;
    line-height: 1;
    padding: 6px 4px;
  }

  .header_wrap.row > .wpcrt-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 48px 0 0;       /* imbangi lebar hamburger agar logo tepat di tengah */
    text-align: center;
  }
  .wpcrt-logo .custom-logo-link {
    display: flex;
    justify-content: center;
    float: none;
    margin: 0;
  }
  .wpcrt-logo img.custom-logo {
    float: none;
    margin: 0;
    width: auto;
    max-width: 100%;
    max-height: 42px;
  }
}

@media (max-width: 39.99em) {
  .wpcrt-logo img.custom-logo { max-height: 46px; }
}