/**
 * 版面骨架：取代 Dyad 以 JS 處理的內容區上方留白與頁尾小工具排版
 *
 * @package Yafun2027
 */

/* 原本由 Dyad 的 global.js 以 inline style 寫入：非首頁的內容區預留「頁首高度 + 50px」。
   以 :where() 把權重降到最低，各頁面（分類、搜尋、文章頁）可直接覆蓋，不需 !important */
:where(body:not(.blog):not(.home)) .site-content {
  padding-top: calc(var(--yf-header-h, 90px) + 50px);
}

/* 頁尾小工具：原本以 jQuery Masonry 排版，改用 flex（寬度沿用 widgets-two 等欄數設定）；
   680px 以下小工具改為上下堆疊，與原本相同不套用 */
@media only screen and (min-width: 681px) {
  .widget-area .grid-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

/* 內容區上方留白依寬度調整：
   - 961–1200px：body 已補上頁首高度，歸零（Dyad 精簡樣式中有更高權重的規則，需 !important）
   - 1201px 以上：只保留頁首高度再多 2rem 的呼吸空間 */
@media only screen and (min-width: 961px) and (max-width: 1200px) {
  .site-content {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1201px) {
  body:not(.home):not(.blog):not(.archive):not(.search) .site-content {
    padding-top: calc(var(--yf-header-h, 90px) + 2rem);
  }
}

/* 鍵盤操作焦點 */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--color-sand);
  outline-offset: 3px;
}