/**
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;
  }
}

/* === 非表示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;
  }
}

/* Astra：投稿・一覧・幅狭ページ"以外"のスマホ余白を0にリセット */
@media (max-width: 768px) {
    /* メインコンテンツ領域（#content）と記事枠の余白のみを0にする */
    /* （単一記事、アーカイブ、ブログ一覧、検索結果、幅狭ページを除外） */
    body:not(.single-post):not(.archive):not(.blog):not(.search):not(.ast-narrow-container):not(.ast-narrow-width) #content > .ast-container,
    body:not(.single-post):not(.archive):not(.blog):not(.search):not(.ast-narrow-container):not(.ast-narrow-width) .ast-page-builder-template .site-main > article {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* loopのリンクアンダーラインを消す */
.ast-single-post .entry-content a {
    text-decoration: none !important;
}

/* Astra Post Filter の「All」ボタンだけを非表示にする */
.ast-post-filter ul[role="list"] li:first-child {
    display: none !important;
}