/**
 * Hero Slider Styles
 * Fade transition for top page images
 */

.pm-hero-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.pm-hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.pm-hero-slide.active {
    opacity: 1;
}

/* カバーブロックの内部コンテンツを前面に */
.wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

/* オーバーレイを前面に */
.wp-block-cover__background {
    z-index: 1;
}

/* ===== スマホ向けレスポンシブ ===== */
@media screen and (max-width: 768px) {
    /* 画像を中央寄せ */
    .pm-hero-slide {
        object-position: center center !important;
    }
    
    /* トップページのキャッチコピー - 画面幅に応じて自動調整 */
    body .wp-block-cover .wp-block-cover__inner-container p.has-x-large-font-size,
    body .wp-block-cover .wp-block-cover__inner-container .has-x-large-font-size,
    body.home .wp-block-cover p.has-x-large-font-size,
    .has-x-large-font-size {
        font-size: 10vw !important;
        line-height: 1.4 !important;
    }
}