@charset "UTF-8";

/* =========================================================
   SWELL ブロックエディタ ページ 上書きスタイル
   ========================================================= */

/* h2 グラデーション（JS が .scroll-text-gradient + .active を付与）
   ─ スクロール前はグレー、ビューポートに入ると左→右へグラデーションが流れる */
.p-entryContent h2.scroll-text-gradient {
    width: fit-content;
    background-image: linear-gradient(
        to right,
        var(--main-red) 0%,
        var(--main-blue) 52%,
        #e5e7eb 52%,
        #e5e7eb 100%
    );
    background-size: 200% 100%;
    background-position: 100% 0%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 2.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 0.15em;
    margin-bottom: -0.15em;
}

.p-entryContent h2.scroll-text-gradient.active {
    background-position: 0% 0%;
}

/* ボタン（Gutenberg 標準 / SWELL カスタムボタン 共通） */
.p-entryContent .wp-block-button__link,
.p-entryContent .swell-block-freeBtn__link {
    background: var(--main-gradient-btn) !important;
    background-size: 200% auto !important;
    background-position: 100% center !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    transition: var(--transition-speed-slow) ease !important;
}

.p-entryContent .wp-block-button__link:hover,
.p-entryContent .swell-block-freeBtn__link:hover {
    background-position: left center !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px -10px rgba(11, 65, 155, 0.5) !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* 管理バー表示時のカスタムヘッダーオフセット */
/* .admin-bar #header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar #header {
        top: 46px;
    }
} */