/*
Theme Name: 桶谷 リカー＆フードフェス 2026 Child Theme
Template: exhibitor-search
*/

:root {
  /* =========================================================
    Color customization
  ========================================================= */
  --c-primary:           #006AB8; /* メインカラー／出展社一覧タイトルの背景グラデーション始まりの色 */
  --c-primary-gradation: #0461a3; /* 出展社一覧タイトルの背景グラデーション終わりの色 */
  --c-primary-dark:      #0461a3; /* キーワード検索の検索ボタン背景色 */
  --c-primary-light:     #e5f3fd; /* 出展社詳細「展示会名・小間番号」欄背景色 */
  --c-primary-medium:    #ccd1d5; /* 出展社詳細「企業概要／製品情報」の外枠線・準備中ページ上下の線 */
  /*--c-contrasting:       #4E6DB4; /* outlineの線 */
}
/* ヘッダーのロゴサイズ */
.site-logo {
  --logo-width: 160px;
}
/* 準備中およびイベント終了ページのロゴサイズ */
.notice__logo {
  --logo-width: 160px;
}
/* 新商品アイコン */
.products__icon {
  --c-icon-new-item: #F6C563;
  --c-icon-white:  var(--c-black);
}

/* =========================================================
  Exhibitor list
========================================================= */
.download-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8em 1.4em;
}
.download-links__item:not(:last-child)::after {
  content: "|";
  margin-left: 1.4em;
}
.download-links__link {
  color: var(--c-primary);
  font-size: var(--font-size-m);
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .download-links-wrap {
    margin: 0 calc(-1 * clamp(20px, 3.7vw, 64px));
    padding: clamp(20px, 3vw, 40px) clamp(20px, 3vw, 40px) 0;
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 768px) {
  .download-links-wrap {
    max-width: 800px;
    margin: 0 auto -5px;
    padding-top: clamp(20px, 3vw, 40px);
  }
}