/**
Theme Name: DB Spt
Author: DB Spt
Author URI: https://www.digitalbath.jp/
Description: Custom interface layer optimized exclusively for the DB Spt environment.
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: astra-child
Template: astra
*/

/* === YouTubeレスポンシブ === */
.embed-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9比率 */
}

.embed-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* === パンくず省略表示 === */
.single-post .trail-items .trail-end,
.single-my-portfolio .trail-items .trail-end {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

/* === テーブル（スマホ横スクロール） === */
@media screen and (max-width: 480px) {
  .is-scroll {
    padding: 10px;
    overflow: auto;
    white-space: nowrap;
  }
}

/* === Contact Form 7 === */
.wpcf7 form>div {
  margin-bottom: 0;
  width: 100%;
  display: flex;
}

.wpcf7 input[name="zip"] {
  width: 50%;
}

.wpcf7 textarea {
  width: 100%;
}

/* === 非表示h1（トップページSEO用） === */
/* スクリーンリーダー向けに残す「視覚的非表示」クラス（推奨） */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 完全に表示を消したい場合（スクリーンリーダーも非表示） */
.hidden-h1 {
  display: none !important;
}

/* 強制的にスマホの横揺れ防止 */
@media screen and (max-width: 768px) {

  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
  }
}