/*
 Theme Name: mimicocoro Child
 Template: mimicocoro
*/

/* ===========================
   WooCommerce：説明タブデザイン調整（最終版）
   =========================== */

/* 説明タブ全体のカード */
.single-product .woocommerce-tabs .panel {
  padding: 40px 48px;         /* ←余白を大きくしてゆとりを出す */
  line-height: 1.9;           /* ←ゆとりのある行間 */
  background: #fff;           /* カードの背景 */
  border-radius: 18px;        /* 柔らかい角丸 */
  border: 1px solid #e9e4e2;  /* ほんのり枠線 */
  box-shadow: 0 10px 28px rgba(50,37,37,.05); /* ふわっと影 */
}

/* 段落の余白を広げる */
.single-product .woocommerce-tabs .panel p {
  margin-bottom: 1.2em;
}

/* 説明の見出し（説明 h2）を調整 */
.single-product .woocommerce-tabs .panel h2 {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  color: #322525;
  font-family: 'Playfair Display', serif;
}

/* 箇条書きやアイコン行の行間も整える */
.single-product .woocommerce-tabs .panel ul,
.single-product .woocommerce-tabs .panel li {
  line-height: 1.9;
  margin-bottom: .8em;
}

/* タブの上の境界線を消してスッキリさせる（任意） */
.single-product .woocommerce-tabs .panel {
  border-top: none;
}

/* WooCommerce カートの「ショップに戻る」ボタンを非表示 */
.woocommerce .return-to-shop {
  display: none;
}

/* ここから下に、Cart / Checkout のレイアウト調整用 CSS を足していってOK
   例：
   .woocommerce-cart .wrap { ... }
   .woocommerce-checkout .wrap { ... }
*/