.site-transition-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 9999;
}

/* サイト別の背景色 */
.site-aozora .site-transition-overlay {
    background-color: #87CEEB;
}

.site-hachiman .site-transition-overlay {
    background-color: #4B0082;
}

.site-hirashiba .site-transition-overlay {
    background-color: #98FB98;
}

/* WordPressの管理バー対応 */
body.admin-bar {
    --wp-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        --wp-admin-bar-height: 46px;
    }
}

/* トランジションアニメーション */
[data-barba="container"] {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.barba-leave {
    opacity: 0;
}

.barba-enter {
    opacity: 0;
}

.barba-enter-active {
    opacity: 1;
}

/* サイト別のスタイル */
body {
    &.site-aozora {
        --site-color: #87CEEB;
    }
    
    &.site-hachiman {
        --site-color: #4B0082;
    }
    
    &.site-hirashiba {
        --site-color: #98FB98;
    }
}