/* ==== ヘッダーを1行に・サブタイトル非表示 ==== */
:root{ --brand:#2A3F59; }

@media screen and (min-width: 768px) {
    .site-header {
		padding:20px!important;
        padding: 0 2.617924em;
    }
}

.jade-header{
  display:flex;
  align-items:center;
  gap:24px;
}

/* ロゴ */
.jade-header__logo img{ height:28px; width:auto; }
.jade-logo-text{ color:#fff; text-decoration:none; font-weight:700; font-size:20px; }

/* メニュー（横並び） */
.jade-header__nav .menu{
  display:flex; gap:28px; margin:0; padding:0; list-style:none;
}
.jade-header__nav a{
  color:#fff!important; 
  text-decoration:none; 
  display:block;
  padding:8px 0;
}
.jade-header__nav a:hover{ opacity:.9; }

/* 検索を右端に */
.jade-header__search{ margin-left:auto; }
.jade-header__search form{
	position:relative;
	transform: translateY(30%);
}
.jade-header__search input[type="search"],
.jade-header__search .search-field{
  width:min(15vw);
  height:40px;
  border:0;
  border-radius:999px;
  padding:0 16px;
}
.jade-header__search button,
.jade-header__search input[type="submit"]{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  border-radius:999px; height:32px; padding:0 12px;
}

/* サブタイトル（キャッチフレーズ）を消す */
.site-branding .site-description{ display:none !important; }

/* モバイル調整 */
@media (max-width: 768px){
  .jade-header{ gap:14px; }
  .jade-header__nav .menu{ gap:16px; font-size:14px; flex-wrap:wrap; }
  .jade-header__search input[type="search"],
  .jade-header__search .search-field{ width:52vw; }
}

/* ==============================
   ヘッダーを1行に・並びと色
   ============================== */

/* 1行レイアウトにする */
.site-header .col-full{
  display:flex;
  align-items:center;
  gap:14px;
}
.site-branding{ margin:0; }
.site-branding .site-title{ margin:0; }
.site-branding .site-description{ display:none; } /* タイトル下サブタイトルは非表示 */
.main-navigation{ flex:1; order:2; }              /* メニューは中央～左寄せ */
.site-search{ order:3; margin-left:auto; }        /* 検索は一番右 */

/* メニュー等のリンク色を白に */
.site-header .site-branding a,
.site-header .main-navigation ul.menu>li>a,
.site-header .main-navigation ul.nav-menu>li>a{
  color:#fff !important;
  white-space:nowrap;               /* 2行折返しを防止 */
}
.site-header .main-navigation ul.menu>li>a:hover{
  opacity:.85;
}

/* 必要なら文字サイズも少しだけ小さく（任意） */
/* .site-header .main-navigation ul.menu>li>a{ font-size:14px; } */

/* ==============================
   検索フォームを小さく
   ============================== */
.site-header .site-search .widget_product_search form{
  display:flex; align-items:center; gap:8px;
}

/* 入力欄 */
.site-header .site-search input[type="search"],
.site-header .site-search .search-field{
  height:34px;
  line-height:34px;
  padding:0 12px;
  width:clamp(180px, 24vw, 360px);  /* ← ここで横幅を調整 */
  border-radius:9999px;
}

/* 送信ボタン（ある場合） */
.site-header .site-search input[type="submit"],
.site-header .site-search button[type="submit"],
.site-header .site-search .search-submit,
.site-header .site-search .woocommerce-product-search button{
  height:34px;
  padding:0 12px;
  border-radius:9999px;
}

.site-header{
	border:0;
}

/* ==============================
   レスポンシブ調整
   ============================== */
@media (max-width: 1200px){
  .site-header .site-search .search-field{
    width:clamp(160px, 22vw, 300px);
  }
}
@media (max-width: 1024px){
  .site-header .site-search .search-field{
    width:clamp(140px, 28vw, 260px);
  }
}
@media (max-width: 768px){
  .site-header .col-full{ flex-wrap:wrap; }
  .site-search{ order:2; }
  .main-navigation{ order:3; width:100%; }  /* モバイルはメニューを次段に */
  .site-header .site-search .search-field{ width:60vw; }
}

/*お問い合わせ追加*/
/* 検索の右に置く「お問い合わせ」ボタン */
.header-contact {
  display: flex;
  align-items: center;
  margin-left: .75rem;
}
.header-contact__link {
	display: inline-flex;
    align-items: center;
    padding: 20px 50px;
    border-radius: 0px;
    border: 1px solid #99AECE;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #99AECE;
}
.header-contact__link:hover {
  background: rgba(255,255,255,.14);
}

/* （念のため）検索の幅を確保しつつ1行を維持 */
.site-header .site-search { margin-left: auto; }
.site-header .widget_product_search form { max-width: 360px; } /* 必要に応じて調整 */

.site-header .main-navigation { order: 2; flex: 1; }
.site-header .site-search     { order: 3; margin-left: auto; }
.site-header .header-contact  { order: 4; margin-left: .5rem; align-self: center; }

/* ボタン体裁（そのまま使えます）*/
.header-contact {
  display: flex;
  align-items: center;
}
.header-contact__link {
  display: inline-flex;
  align-items: center;
  padding: .42rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.45);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.header-contact__link:hover { background: rgba(255,255,255,.14); }