@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** WooCommerce: SNSシェアボタン・日付・サイドバー非表示
************************************/

/* SNSシェアボタン（全ページ） */
.sns-share,
.sns-share-buttons,
.sns-follow-buttons {
  display: none !important;
}

/* 投稿日・更新日（ショップ・商品ページ） */
.woocommerce .post-date,
.woocommerce-page .post-date,
.woocommerce .date,
.woocommerce-page .date,
.woocommerce time,
.woocommerce-page time {
  display: none !important;
}

/* サイドバー非表示（ショップ・商品・カテゴリページ） */
.woocommerce #sidebar,
.woocommerce .sidebar,
.woocommerce-page #sidebar,
.woocommerce-page .sidebar {
  display: none !important;
}

/* サイドバー非表示後にメインカラムを全幅に */
.woocommerce #main,
.woocommerce .main,
.woocommerce-page #main,
.woocommerce-page .main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* シングルコンテンツ上部ウィジェット非表示（商品ページ） */
.woocommerce .widget-single-content-top,
.woocommerce-page .widget-single-content-top {
  display: none !important;
}

/* 商品ページの日付タグエリア非表示 */
.woocommerce .date-tags,
.woocommerce-page .date-tags {
  display: none !important;
}

/* PHP警告メッセージ非表示 */
.woocommerce-page > body > p,
body.woocommerce > p,
body.woocommerce-page > p {
  display: none !important;
}

/* SNSフォローボタン（transformをフォローする）非表示 */
.sns-follow,
.sns-follow-buttons {
  display: none !important;
}

/************************************
** サイトタイトル スタイリング
************************************/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&display=swap');

.site-name-text {
  font-family: 'Shippori Mincho', 'Yu Mincho', '游明朝', serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  background: linear-gradient(135deg, #1a3a6b 0%, #1a56a0 50%, #2980d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none !important;
  line-height: 1.3 !important;
}

.logo-header {
  padding: 8px 0 !important;
}

@media screen and (max-width: 834px) {
  .site-name-text {
    font-size: 1.4rem !important;
    letter-spacing: 0.08em !important;
  }
}

/* ヘッダーバナー：お気軽にお問い合わせ・営業時間 非表示 */
.header-content-div > span,
.header-content-div .phone-and-hours .business-hours,
.swell-header-fixed-text {
  display: none !important;
}
.grecaptcha-badge { visibility: hidden !important; }
/* ヘッダー電話番号・問い合わせボタン非表示 */
.swell-header-phone, .header-phone, .swell-header-cta, .header-cta-btn,
[class*='phone'], .header-contact { display: none !important; }
/* スマートフォンでサイドバー非表示 */
@media (max-width: 767px) {
  #sidebar, .sidebar, .widget-area { display: none !important; }
  #main, .main { width: 100% !important; max-width: 100% !important; float: none !important; }
}

/* ════════════════════════════════════════
   スマホ全体レイアウト改善
   ════════════════════════════════════════ */
@media (max-width: 767px) {
  /* ヘッダー */
  .site-name-text { font-size: 1.3rem !important; letter-spacing: 0.06em !important; }
  .logo-header .site-name img { height: 38px !important; margin-right: 8px !important; }
  .header-container { padding: 8px 12px !important; }

  /* WooCommerce商品グリッド：2列 */
  .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 !important; }
  .woocommerce ul.products li.product { margin: 0 !important; width: 100% !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 0.82rem !important; }
  .woocommerce ul.products li.product .price { font-size: 0.9rem !important; }
  .woocommerce ul.products li.product img { border-radius: 6px; }

  /* 商品詳細ページ */
  .woocommerce div.product { display: block !important; }
  .woocommerce div.product .woocommerce-product-gallery { margin-bottom: 16px; }
  .woocommerce div.product .summary { padding: 0 !important; }
  .woocommerce div.product .summary .price { font-size: 1.4rem !important; }
  .woocommerce div.product h1.product_title { font-size: 1.1rem !important; }

  /* パンくず */
  .woocommerce .woocommerce-breadcrumb { font-size: 0.78rem !important; padding: 6px 0 !important; }

  /* フッター */
  .footer-wrapper { padding: 16px 12px !important; }
  .footer-copy { font-size: 0.75rem !important; }

  /* 余白調整 */
  .entry-content, .content-area { padding: 0 12px !important; }
}

/* ════════════════════════════════════════
   サイトタイトル 新デザイン（ネイビー2段）
   ════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@900&family=Oswald:wght@600&display=swap');

/* 旧グラデーションスタイルを完全リセット */
.site-name-text {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #1a3566 !important;
  color: #1a3566 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

.tf-title-main {
  font-family: 'M PLUS 1p', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.65rem !important;
  color: #1a3566 !important;
  -webkit-text-fill-color: #1a3566 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  display: block !important;
  background: none !important;
}

.tf-title-sub {
  display: block !important;
  background: #1a3566 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.38em !important;
  text-align: center !important;
  padding: 3px 8px 3px 10px !important;
  border-radius: 1px !important;
  line-height: 1.4 !important;
}

@media (max-width: 767px) {
  .tf-title-main { font-size: 1.1rem !important; }
  .tf-title-sub  { font-size: 0.52rem !important; letter-spacing: 0.25em !important; padding: 2px 6px !important; }
}