/*
Theme Name: Lightning Child (RYB)
Template: lightning
Description: 株式会社アールワイビー用 Lightning 子テーマ。微調整CSSはこのファイルに記述します。
Version: 1.0.0
*/

/* ===== コーポレート向け微調整 ===== */

/* ボタンを少しだけ丸く・ホバーで沈む */
.wp-block-button__link,
.btn,
.wp-element-button {
  border-radius: 6px;
  transition: opacity .2s ease, transform .2s ease;
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  opacity: .9;
  transform: translateY(-1px);
}

/* セクション見出しの下線をキーカラーに調整 */
.entry-content h2 {
  letter-spacing: .02em;
}

/* サービスカードに軽い区切りと余白（トップ3カラム） */
.home .wp-block-columns .wp-block-column {
  padding: 0 .5rem;
}

/* 会社概要テーブルの見出しセルを見やすく */
.wp-block-table.is-style-stripes th {
  white-space: nowrap;
  background-color: #eef3f9;
}

/* フッターの文字を少し小さく上品に */
.site-footer {
  font-size: .9em;
}

/* 「選ばれる理由」見出しの折り返しを自然に（文節単位・行幅バランス） */
.ryb-reasons h3 {
  text-wrap: balance;
  word-break: auto-phrase;
  line-height: 1.5;
}

/* ===== トップ ヒーロー（白背景画像＋紺文字／フロスト白パネル） ===== */
.ryb-hero .wp-block-cover__inner-container {
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 0 0 clamp(1rem, 6vw, 5rem) !important;
  background: rgba(255,255,255,.72);
  padding: 1.6rem 1.8rem;
  border-radius: 12px;
  backdrop-filter: blur(2px);
}
/* 制約レイアウトが子に与える幅指定を打ち消し、パネル幅に収める */
.ryb-hero .wp-block-cover__inner-container > * {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* メインビジュアルの表示位置：スーツ（人物）が中央に来るよう調整 */
.ryb-hero .wp-block-cover__image-background {
  object-position: 15% center !important;
}
.ryb-hero h1 {
  line-height: 1.35;
  margin-bottom: .5em;
}
/* スマホは中央寄せ・パネルを少し濃く */
@media (max-width: 782px) {
  .ryb-hero .wp-block-cover__inner-container {
    max-width: none;
    margin: 0 1rem;
    background: rgba(255,255,255,.82);
    padding: 1.2rem 1rem;
  }
  /* スマホは縦長クロップになるため中央寄せに戻す */
  .ryb-hero .wp-block-cover__image-background {
    object-position: center !important;
  }
}