/*
 Theme Name:   SWELL Child - coscado
 Theme URI:    https://coscado.com
 Description:  coscado用SWELL子テーマ。VOD配信テーブル・SCPTスコアカードのショートコードとカスタムスタイルを含む。
 Author:       junsuke
 Author URI:   https://coscado.com
 Template:     swell
 Version:      1.1.0
 Text Domain:  swell-child-coscado
*/

/* ============================================
   VOD配信状況テーブル
   ============================================ */

.coscado-vod-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.95em;
}

.coscado-vod-table th,
.coscado-vod-table td {
  padding: 0.7em 1em;
  border: 1px solid #e0e0e0;
  text-align: center;
  vertical-align: middle;
}

.coscado-vod-table thead th {
  background: #1a2744;
  color: #fff;
  font-weight: 600;
}

.coscado-vod-table tbody tr:nth-child(even) {
  background: #f8f9fa;
}

.coscado-vod-table tbody tr:hover {
  background: #eef2f7;
}

.coscado-vod-table .vod-status-mihodai {
  color: #0d7a3a;
  font-weight: 700;
}

.coscado-vod-table .vod-status-rental {
  color: #b8860b;
  font-weight: 600;
}

.coscado-vod-table .vod-status-none {
  color: #999;
}

.coscado-vod-table .vod-status-unknown {
  color: #ccc;
}

.coscado-vod-table .vod-checked {
  font-size: 0.8em;
  color: #999;
  margin-top: 0.5em;
  text-align: right;
}

/* VODサービス名のアイコンカラー */
.coscado-vod-table .vod-name-unext { color: #00b4ae; }
.coscado-vod-table .vod-name-hulu { color: #1ce783; }
.coscado-vod-table .vod-name-dmm { color: #ff4d6a; }
.coscado-vod-table .vod-name-disney { color: #113ccf; }
.coscado-vod-table .vod-name-amazon { color: #00a8e1; }
.coscado-vod-table .vod-name-abema { color: #36c28e; }
.coscado-vod-table .vod-name-netflix { color: #e50914; }

/* ============================================
   SCPTスコアカード
   ============================================ */

.coscado-scpt-card {
  background: linear-gradient(135deg, #f8f9fb 0%, #eef1f6 100%);
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
}

.coscado-scpt-card__title {
  font-size: 1em;
  font-weight: 700;
  color: #1a2744;
  margin: 0 0 0.8em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #1a2744;
}

.coscado-scpt-card__row {
  display: flex;
  align-items: center;
  padding: 0.4em 0;
  gap: 0.8em;
}

.coscado-scpt-card__label {
  flex: 0 0 120px;
  font-weight: 600;
  color: #333;
  font-size: 0.9em;
}

.coscado-scpt-card__label abbr {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
  background: #1a2744;
  color: #fff;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.85em;
  margin-right: 0.4em;
  text-decoration: none;
  border: none;
}

.coscado-scpt-card__stars {
  color: #f5a623;
  font-size: 1.1em;
  letter-spacing: 0.1em;
}

.coscado-scpt-card__stars .star-empty {
  color: #ddd;
}

.coscado-scpt-card__total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.6em;
  padding-top: 0.6em;
  border-top: 1px solid #d0d7e2;
  font-size: 1.1em;
  font-weight: 700;
  color: #1a2744;
  gap: 0.5em;
}

.coscado-scpt-card__total-number {
  font-size: 1.4em;
  color: #f5a623;
}

/* ============================================
   CTA ボタン共通
   ============================================ */

.coscado-cta-box {
  background: #fff;
  border: 2px solid #1a2744;
  border-radius: 8px;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  text-align: center;
}

.coscado-cta-box__heading {
  font-size: 1.1em;
  font-weight: 700;
  color: #1a2744;
  margin: 0 0 0.8em;
}

.coscado-cta-box__note {
  font-size: 0.8em;
  color: #888;
  margin-top: 0.6em;
}

/* ============================================
   VOD CTA ボタン（テーブル直下）
   ============================================ */

body .post_content .coscado-vod-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  margin: 1em 0;
  justify-content: center;
}

body .post_content a.coscado-vod-cta {
  display: inline-block;
  padding: 0.8em 2em;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s, transform 0.2s;
  background: #1a2744;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  text-align: center;
}

body .post_content a.coscado-vod-cta:hover {
  opacity: 0.88;
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* サービス別背景色 */
body .post_content a.coscado-vod-cta.vod-name-unext-bg { background: #00b4ae; }
body .post_content a.coscado-vod-cta.vod-name-hulu-bg { background: #1ce783; color: #111; }
body .post_content a.coscado-vod-cta.vod-name-dmm-bg { background: #ff4d6a; }
body .post_content a.coscado-vod-cta.vod-name-disney-bg { background: #113ccf; }
body .post_content a.coscado-vod-cta.vod-name-amazon-bg { background: #00a8e1; }
body .post_content a.coscado-vod-cta.vod-name-abema-bg { background: #36c28e; }
body .post_content a.coscado-vod-cta.vod-name-netflix-bg { background: #e50914; }

.vod-checked {
  font-size: 0.8em;
  color: #999;
  margin-top: 0.5em;
  text-align: right;
}

/* ============================================
   レスポンシブ
   ============================================ */

@media (max-width: 599px) {
  .coscado-vod-table {
    font-size: 0.85em;
  }

  .coscado-vod-table th,
  .coscado-vod-table td {
    padding: 0.5em 0.6em;
  }

  .coscado-scpt-card__label {
    flex: 0 0 100px;
    font-size: 0.85em;
  }

  body .post_content .coscado-vod-ctas {
    flex-direction: column;
  }

  body .post_content a.coscado-vod-cta {
    padding: 0.9em 1.2em;
  }
}

.post_content p > a[rel~="sponsored"]:only-child:not(:has(img)){display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;margin:10px 0;border-radius:10px;text-align:center;font-weight:700;text-decoration:none;color:#fff;background:var(--color_main,#0B6B4B)}
.post_content p > a[rel~="sponsored"]:only-child:not(:has(img))[href*="amazon.co.jp"]{background:#E47911}
.post_content p > a[rel~="sponsored"]:only-child:not(:has(img))[href*="hb.afl.rakuten"]{background:#BF0000}
.post_content p > a[rel~="sponsored"]:only-child:not(:has(img))[href*="valuecommerce"]{background:#FF0033}
.post_content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.post_content table tr > :first-child::before{content:"";display:block;width:6em;height:0}
.post_content table:has(tr > :nth-child(4)) th,.post_content table:has(tr > :nth-child(4)) td{white-space:nowrap}
@media (max-width:599px){.p-articleThumb__img,.p-articleThumb img{max-height:170px;object-fit:cover}.p-articleThumb{margin-bottom:12px}}

#body_wrap.is-csd-money .post_content{padding-bottom:70px}
#body_wrap.is-csd-money .p-fixBtnWrap{display:none !important}
.csd-money-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--color_main);color:#fff;padding:10px 14px;text-align:center;font-weight:700}
.csd-money-bar a{color:#fff;text-decoration:none;display:block}
.csd-money-box{border:1px solid #ddd;border-radius:10px;background:#fff;padding:16px;margin:16px 0;box-sizing:border-box}
.csd-money-pr{margin:0 0 8px;font-size:.78rem;color:#8a939c}
.csd-money-lead{margin:0 0 6px;font-weight:700;font-size:1rem}
.csd-money-body{margin:0 0 14px;font-size:.92rem;line-height:1.7;color:#333}
.csd-money-btn{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;border-radius:10px;text-align:center;font-weight:700;text-decoration:none;color:#fff;background:var(--color_main)}