/*
 * site-override.css
 * umios.css の a:link { color: #FA0014 } を
 * freezedry-seasoning セクション用に上書きするスタイル。
 * htmlHead.html (umios.css) の後に読み込むこと。
 */

/* ============================================
   Base link color reset
   umios.css: a:link/a:visited/a:active { color: #FA0014 }
   → freezedry default: #231815
   ============================================ */
a:link,
a:visited,
a:active {
  color: #231815;
  text-decoration: none;
}

/* ============================================
   .wrapper overflow fix
   umios.css: .wrapper { overflow:hidden } → sticky が効かない
   overflow:clip なら sticky を壊さずに横はみ出しを防げる
   ============================================ */
.wrapper#pagetop {
  overflow: clip;
}

/* ============================================
   u-header sticky
   サイト全体ヘッダー (.site-header = fixed) の下に固定表示
   PC: site-header 100px / SP: site-header 50px
   ============================================ */
.u-header {
  position: sticky;
  top: 50px;
  z-index: 9;
  background-color: #fff;
  transition: top 0.3s ease;
}
@media (min-width: 769px) {
  .u-header {
    top: 100px;
  }
  .site-header.compact ~ .u-header {
    top: 60px;
  }
}

/* ============================================
   .wrapper class conflict fix
   → freezedry の .u-hamburger-menu .wrapper に漏れるのを防ぐ
   ============================================ */
.u-hamburger-menu .wrapper {
  padding-top: 0;
  min-width: 0;
  overflow: visible;
}

/* ============================================
   Common components (app-BQz-8GKi.css)
   ============================================ */

/* .button-link (border style) */
a.button-link:link,
a.button-link:visited,
a.button-link:active {
  color: #9e9278;
}

/* .button-link.alter (filled style) */
a.button-link.alter:link,
a.button-link.alter:visited,
a.button-link.alter:active {
  color: #fff;
}

/* Hamburger menu links */
.u-hamburger-menu .contents ul a:link,
.u-hamburger-menu .contents ul a:visited {
  color: #fff;
}

/* ============================================
   Sub-navigations (page-specific CSS)
   ============================================ */
.seasoning-sub-nav a:link,
.seasoning-sub-nav a:visited,
.about-sub-nav a:link,
.about-sub-nav a:visited,
.strength-sub-nav a:link,
.strength-sub-nav a:visited,
.product-sub-nav a:link,
.product-sub-nav a:visited,
.detail-sub-nav a:link,
.detail-sub-nav a:visited {
  color: #231815;
}

/* ============================================
   Product tabs (freezedry/product)
   ============================================ */
.product-tabs a:link,
.product-tabs a:visited {
  color: #9e9278;
}

.product-tabs a:hover,
.product-tabs a.active:link,
.product-tabs a.active:visited {
  color: #fff;
}

/* ============================================
   Card links
   ============================================ */

/* Freezedry product card link */
.product-card a.card-link:link,
.product-card a.card-link:visited {
  color: #fff;
}

/* Strength page card link */
.strength-card a.card-link:link,
.strength-card a.card-link:visited {
  color: #fff;
}

/* ============================================
   CTA buttons (about, strength, detail pages)
   ============================================ */

/* About page: cta-card-btn */
.cta-card a.cta-card-btn:link,
.cta-card a.cta-card-btn:visited {
  color: #fff;
}

/* About page: cta-back-btn */
a.cta-back-btn:link,
a.cta-back-btn:visited {
  color: #9e9278;
}

/* Strength page: cta-btn */
a.cta-btn:link,
a.cta-btn:visited {
  color: #fff;
}

/* ============================================
   Contact buttons
   ============================================ */

/* Seasoning/Freezedry product: contact-btn */
a.contact-btn:link,
a.contact-btn:visited {
  color: #fff;
}

/* Detail page: detail-btn */
a.detail-btn:link,
a.detail-btn:visited {
  color: #fff;
}

/* ============================================
   Contact form inputs
   ============================================ */
.u-page-contant .u-contact-form .input-group input,
.u-page-contant .u-contact-form .input-group select,
.u-page-contant .u-contact-form .input-group textarea {
  background: #fff !important;
  border: 1px solid #d5cfc3 !important;
  border-radius: 5px;
}

/* ============================================
   Freezedry product detail: product contact area
   ============================================ */
.u-page-freezedry-products .u-freezedry-products-contact a:link,
.u-page-freezedry-products .u-freezedry-products-contact a:visited {
  color: #fff;
}

.u-page-freezedry-products .u-freezedry-products-contact .buttons .contact:link,
.u-page-freezedry-products .u-freezedry-products-contact .buttons .contact:visited {
  color: #9e9278;
}

/* ============================================
   Seasoning product section: fill width
   取り扱い調味料エリアの右側余白を解消
   ============================================ */
@media (min-width: 769px) {
  .u-page-seasoning-top .u-seasoning-product .content {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }
}

/* product-image: 画像を中央寄せ */
.u-page-seasoning-top .u-seasoning-product .product .product-image {
  display: flex;
  justify-content: center;
}

/* product-feature: 2列表示 */
.u-page-seasoning-top .u-seasoning-product .product ul.product-feature {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px 16px;
}