/*
Theme Name: Swell Child - 失業保険LP
Theme URI: https://example.com
Description: 失業保険サポートのランディングページ専用子テーマ
Author: Your Name
Author URI: https://example.com
Template: swell
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: swell-child
*/

/*
=================================================
  目次
=================================================
1. 子テーマ基本設定
2. Swellテーマとの互換性調整
3. フロントページ専用設定
4. カスタム追加エリア
=================================================
*/

/* 
=================================================
1. 子テーマ基本設定
=================================================
*/

/* フロントページでSwellのデフォルトスタイルをリセット */
.frontpage-unemployment .l-content {
  padding: 0 !important;
  max-width: 100% !important;
}

.frontpage-unemployment .l-article {
  padding: 0 !important;
}

.frontpage-unemployment .c-container {
  padding: 0 !important;
  max-width: 100% !important;
}

/* 
=================================================
2. Swellテーマとの互換性調整
=================================================
*/

/* Swellのヘッダー高さ調整 */
.frontpage-unemployment {
  padding-top: 0;
}

/* Swellのデフォルトマージンをリセット */
.frontpage-unemployment .unemployment-lp {
  margin: 0;
  padding: 0;
}

/* フロントページのみでSwellのコンテナ幅をリセット */
.frontpage-unemployment .post,
.frontpage-unemployment .page {
  max-width: 100%;
  padding: 0;
}

/* Swellのデフォルトリンク色を調整（必要に応じて） */
.frontpage-unemployment a:not(.btn-primary):not(.btn-secondary) {
  text-decoration: none;
}

/* Swellのデフォルトボタンスタイルをリセット */
.frontpage-unemployment button[type="submit"] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Swellのフォームスタイルをリセット */
.frontpage-unemployment input,
.frontpage-unemployment textarea,
.frontpage-unemployment select {
  font-family: inherit;
}

/* 
=================================================
3. フロントページ専用設定
=================================================
*/

/* Swellのヘッダー固定時の調整 */
.frontpage-unemployment .hero-section {
  scroll-margin-top: 80px;
}

/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

/* 
=================================================
4. カスタム追加エリア
=================================================
以下に独自のスタイルを追加できます
*/

/* 例: カスタムカラー変更 */
/*
.frontpage-unemployment .btn-primary {
  background: #your-custom-color;
}

.frontpage-unemployment .hero-title-highlight {
  color: #your-custom-color;
}
*/

/* 例: フォントファミリーの変更 */
/*
.frontpage-unemployment {
  font-family: 'Yu Gothic', 'Hiragino Sans', 'Meiryo', sans-serif;
}
*/

/* 例: アニメーション追加 */
/*
.frontpage-unemployment .hero-card {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
*/

/* 例: ホバーエフェクトのカスタマイズ */
/*
.frontpage-unemployment .problem-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.15);
}
*/