/*
Theme Name: Blue Diamond Child — JUST Blue Header
Template: bluediamond-v1_05
Version: 1.0.0
Author: KangenCenter
Description: Child theme of "Blue Diamond" that replaces ONLY the site header with the new JUST Blue design. Everything else (content templates, footer, sidebars, styles) is inherited unchanged from the parent theme. Deactivate this child theme to instantly revert to the original header.
*/

/* =========================================================================
   JUST BLUE HEADER
   Scoped under .kc-header so it never touches the rest of the site.
   Targets the standard WordPress wp_nav_menu() markup (.kc-menu / .sub-menu).
   ========================================================================= */

.kc-header{
  background:#fff;
  border-bottom:1px solid rgba(11,42,56,.08);
  font-family:'Sarabun',sans-serif;
  position:relative;
  z-index:50;
}
/* kill the parent theme's legacy header background image */
.header-wrapper.container{background-image:none !important;}
.kc-header *{box-sizing:border-box;}
.kc-header a{text-decoration:none;}

/* ---------- Row 1: brand + contact ---------- */
.kc-row1{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;padding:18px clamp(16px,4vw,56px);
}
.kc-brand{display:flex;align-items:center;gap:14px;}
.kc-brand > span:last-child{display:flex;flex-direction:column;}
.kc-wordmark,.kc-tagline{display:block;}
.kc-logo-tile{
  flex:none;width:52px;height:52px;border-radius:14px;
  background:linear-gradient(150deg,#3AA0CF,#1F5E8C);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px -8px rgba(31,94,140,.6);
}
.kc-wordmark{font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.01em;}
.kc-wordmark .k{color:#123A54;}
.kc-wordmark .w{color:#1E88C4;}
.kc-tagline{font-size:13.5px;color:#4E6670;margin-top:2px;font-weight:500;}
.kc-flag{font-size:20px;line-height:1;vertical-align:-3px;}

.kc-actions{display:flex;align-items:center;gap:12px;}
.kc-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.kc-chip{display:inline-flex;align-items:center;gap:10px;border-radius:14px;}
.kc-phone{background:#F2F9FD;padding:9px 16px 9px 9px;}
.kc-chip-icon{
  width:36px;height:36px;border-radius:10px;flex:none;
  background:linear-gradient(150deg,#3AA0CF,#1F5E8C);
  display:flex;align-items:center;justify-content:center;
}
.kc-phone .num{font-size:19px;font-weight:800;color:#123A54;letter-spacing:.01em;line-height:1.1;}
.kc-phone .lbl{font-size:11.5px;font-weight:600;color:#4E6670;text-transform:uppercase;letter-spacing:.05em;}
.kc-line{background:#06C755;padding:8px 16px 8px 8px;}
.kc-line .kc-line-logo{width:36px;height:36px;border-radius:10px;display:block;flex:none;}
.kc-line .line-txt{color:#fff;font-weight:700;font-size:15px;}

/* mobile-only controls (hidden on desktop) */
.kc-call-m,.kc-line-m,.kc-burger{display:none;}
.kc-call-m{
  width:44px;height:44px;border-radius:12px;flex:none;
  background:linear-gradient(150deg,#3AA0CF,#1F5E8C);
  align-items:center;justify-content:center;
}
.kc-line-m{
  width:44px;height:44px;border-radius:12px;flex:none;overflow:hidden;
  align-items:center;justify-content:center;
}
.kc-line-m .kc-line-logo-m{width:44px;height:44px;display:block;}
.kc-burger{
  width:46px;height:46px;border-radius:12px;flex:none;padding:0;cursor:pointer;
  background:#F2F9FD;border:1px solid rgba(11,42,56,.08);
  align-items:center;justify-content:center;
}
.kc-burger span{display:block;width:22px;height:2.5px;background:#123A54;border-radius:2px;position:relative;transition:.2s;}
.kc-burger span::before,.kc-burger span::after{content:"";position:absolute;left:0;width:22px;height:2.5px;background:#123A54;border-radius:2px;transition:.2s;}
.kc-burger span::before{top:-7px;}
.kc-burger span::after{top:7px;}
.kc-header.kc-open .kc-burger span{background:transparent;}
.kc-header.kc-open .kc-burger span::before{top:0;transform:rotate(45deg);}
.kc-header.kc-open .kc-burger span::after{top:0;transform:rotate(-45deg);}

/* ---------- Row 2: nav (wp_nav_menu output) ---------- */
.kc-nav-wrap{border-top:1px solid rgba(11,42,56,.06);}
.kc-menu{
  list-style:none;margin:0;padding:0 clamp(8px,3vw,48px);
  display:flex;flex-wrap:wrap;gap:6px;
}
.kc-menu li{position:relative;list-style:none;margin:0;}
.kc-menu > li > a{
  display:inline-block;font-size:16px;font-weight:600;color:#47606B;padding:16px;
  border-bottom:3px solid transparent;transition:color .15s,border-color .15s;
}
.kc-menu > li > a:hover{color:#1E6E9E;}
.kc-menu > li.current-menu-item > a,
.kc-menu > li.current_page_item > a,
.kc-menu > li.current-menu-ancestor > a,
.kc-menu > li.current-menu-parent > a{
  font-weight:700;color:#1E6E9E;border-bottom:3px solid #1E88C4;
}
.kc-menu li.menu-item-has-children > a::after{content:"\25BE";font-size:12px;margin-left:5px;color:#8aa0ab;}

.kc-menu .sub-menu{
  list-style:none;margin:0;position:absolute;top:100%;left:0;min-width:250px;
  background:#fff;border:1px solid rgba(11,42,56,.08);border-radius:12px;
  box-shadow:0 18px 40px -16px rgba(11,42,56,.35);padding:8px;z-index:60;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;
}
.kc-menu li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.kc-menu .sub-menu a{
  display:block;padding:11px 14px;border-radius:8px;white-space:nowrap;
  font-size:15px;font-weight:600;color:#47606B;
}
.kc-menu .sub-menu a:hover{background:#F2F9FD;color:#1E6E9E;}

/* ===================== iPhone / iPad → hamburger ===================== */
@media(max-width:1024px){
  .kc-contact{display:none;}
  .kc-call-m,.kc-line-m,.kc-burger{display:flex;}

  .kc-menu{display:none;flex-direction:column;gap:2px;padding:6px 12px 16px;}
  .kc-header.kc-open .kc-menu{display:flex;}
  .kc-menu > li,.kc-menu li{width:100%;}
  .kc-menu > li > a{width:100%;border-bottom:0;border-radius:10px;padding:14px;font-size:16.5px;}
  .kc-menu > li.current-menu-item > a{background:#F2F9FD;border-bottom:0;}

  .kc-menu li.menu-item-has-children > a{display:flex;justify-content:space-between;align-items:center;}
  .kc-menu li.menu-item-has-children > a::after{transition:transform .2s;}
  .kc-menu li.kc-sub-open.menu-item-has-children > a::after{transform:rotate(180deg);}
  .kc-menu .sub-menu{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;min-width:0;padding:0 0 4px 10px;display:none;
  }
  .kc-menu li.kc-sub-open > .sub-menu{display:block;}
  .kc-menu .sub-menu a{white-space:normal;}
}

/* ===== Homepage: hero flush with header (no page-title bar, no gutters) ===== */
.home .page-header-wrapper{display:none !important;}
.home .content-wrapper.container.main{padding:0 !important;}
.home .page-wrapper .row{margin:0 !important;width:100% !important;}
.home .page-wrapper .columns{padding:0 !important;margin-bottom:0 !important;}