/*
Theme Name: Storefront Child
Theme URI: https://example.com/
Description: Storefront親テーマ用の子テーマです。細部の見た目調整はここに追記していきます。
Author: 
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

/* ==========================================================
   ここから下に、細部の見た目調整用CSSを追記していきます。
   セクションごとにコメントで区切ってあるので、
   該当箇所を編集・追加してください。
   ========================================================== */

/* ---------- ヒーロー画像セクション ---------- */
/* フロントページのカバーブロックに余白や高さを微調整したい場合はここに追記 */
.wp-block-cover.hero-section {
    min-height: 400px;
}

/* ---------- Pick UP ITEM セクション ---------- */
/* 見出しの装飾例 */
.pickup-heading {
    font-size: 1.6em;
    font-weight: bold;
    margin: 40px 0 20px;
    padding-left: 10px;
    border-left: 4px solid #6fbf73;
}

/* 商品カードの余白調整例（WooCommerceブロックの出力に対して） */
ul.products li.product {
    text-align: center;
}
ul.products li.product img {
    border-radius: 4px;
}

/* ---------- カテゴリー別セクション ---------- */
.category-heading {
    font-size: 1.6em;
    font-weight: bold;
    margin: 60px 0 20px;
    padding-left: 10px;
    border-left: 4px solid #6fbf73;
}

/* ---------- フッター ---------- */
.site-footer .widget-area {
    padding: 40px 0;
}
.footer-contact-button a {
    display: inline-block;
    background-color: #2b6cb0;
    color: #fff;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none;
}
.footer-contact-button a:hover {
    background-color: #1e4e8c;
}
/* フロントページのページタイトルを非表示 */
.front-page .entry-title {
    display: none;
}

/* フロントページのパンくずを非表示（該当するものだけ効きます） */
.front-page .storefront-breadcrumb,
.front-page .woocommerce-breadcrumb,
.front-page nav.woocommerce-breadcrumb,
.front-page .breadcrumbs,
.front-page .breadcrumb,
.front-page .yoast-breadcrumbs,
.front-page .rank-math-breadcrumb {
    display: none;
}
.wp-block-post-title :where(a){
  color: #333;
  font-size: 0.8em;
}
.hentry .entry-content a{
  text-decoration: none!important;
}
.wp-block-post-title :where(a):visited {
  color: #333;
  text-decoration: none;
}
/* ---------- ヘッダー中央ロゴ（ヘッダー内に直接配置） ---------- */
.site-header .col-full {
    position: relative;
}

.header-sdgs-logo-inline {
    position: absolute;
    top: 100%;
    left: 65%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.header-sdgs-logo-inline img {
    max-height: 80px;
    width: auto;
    display: block;
}

@media (max-width: 768px) {
    .header-sdgs-logo-inline {
        display: none;
    }
}