/*
Theme Name:PANDORA child
Theme URI:https://tcd-theme.com/tcd116
Description:WordPressテーマ「PANDORA」の子テーマ
Template:pandora_tcd116
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0.18
*/

/*
  ここから下にCSSを追記してください。
*/

/* スコア判定への案内。行間は波予報本文（.surfok-forecast）と同じ */
.post_content .score-about-notice,
.post_content .score-about-notice p,
.post_content .score-about-notice h2 {
  line-height: 1.7;
}

.post_content .score-about-notice a {
  color: #ff7f00;
  text-decoration: underline;
}

/* 週間波予報の1時間表。REHUB の .surfok-today table と同じ枠・余白・横スクロール */
.post_content .surfok-forecast .surfok-table-wrap,
.post_content .surfok-forecast .s_table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0.6em 0 1.2em;
}

.post_content .surfok-forecast table.surfok-table {
  width: 100%;
  min-width: 690px;
  border-collapse: collapse;
  font-size: 13px;
}

.post_content .surfok-forecast table.surfok-table th,
.post_content .surfok-forecast table.surfok-table td {
  padding: 6px 8px;
  border: 1px solid #d5dee4;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

.post_content .surfok-forecast table.surfok-table thead th {
  background: #f7fbfe;
  position: sticky;
  top: 0;
}

.post_content .surfok-forecast table.surfok-table tbody th[scope="row"] {
  background: #fff;
  position: sticky;
  left: 0;
}

.post_content .surfok-forecast table.surfok-table tbody tr.is-now th,
.post_content .surfok-forecast table.surfok-table tbody tr.is-now td {
  background: #fff9c4;
  font-weight: 600;
}

/* タイプA。Chatons は投稿者欄がアバター幅（60px）に収まる。長い表示名でも同じ幅に固定する */
#header_post_carousel .item .author_area {
  flex: 0 0 60px;
  width: 60px;
}
#header_post_carousel .item .name {
  line-height: 1.3;
}
@media (max-width: 1000px) {
  #header_post_carousel .item .author_area {
    flex-basis: 50px;
    width: 50px;
  }
}

/* 記事下の投稿者紹介。親テーマは .c-line-clamp で2行に切る */
#author_profile .desc {
  display: block;
  -webkit-line-clamp: unset;
  height: auto;
  max-height: none;
  overflow: visible;
  word-break: normal;
}

/* ログイン・会員登録の誘導の下に置く「会員登録するとできること」 */
.surfok-member-benefits-link {
  margin: 0.6em 0 0;
  font-size: 0.9em;
}
.surfok-member-benefits-link a {
  color: #ff7f00;
  text-decoration: underline;
}
/* パーソナルスコア枠は p の余白指定が上の余白を消す。ボタンとリンクの間を空ける */
.surfok-ps .surfok-member-benefits-link {
  margin-top: 2.4em;
}
/* マイページ未ログイン案内はボタンの下、中央 */
.mypage-register-block .surfok-member-benefits-link {
  margin-top: 1.2em;
  text-align: center;
}
/* ログイン後のアカウント欄は先頭 */
.mypage_account > .surfok-member-benefits-link {
  margin: 0 0 1.4em;
}

/* 固定ページ「会員登録するとできること」のボタン。ログイン中は出さない */
.surfok-member-benefits-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 2em;
}
.surfok-member-benefits-actions .premium-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-decoration: none;
}
body.logged-in .surfok-member-benefits-actions {
  display: none;
}