/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.41.1778500419
Updated: 2026-05-11 11:53:39

*/

/* ==========================================================
   Google Fonts — Creator LP (Cormorant Garamond + Inter)
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

/* ==========================================================
   Font Variables — Creator LP
========================================================== */

:root {
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ==========================================================
   Creator LP — Font Assignments (.jcg-* selectors)
========================================================== */

/* Page base: Inter */
.jcg-page {
    font-family: var(--font-body);
}

/* Display / Heading: Cormorant Garamond */
.jcg-title,
.jcg-section-title,
.jcg-offer-title {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Creator name: slightly tighter */
.jcg-title {
    font-weight: 600;
    line-height: 1.0;
    letter-spacing: -0.02em;
}

/* Body / UI: Inter */
.jcg-headline,
.jcg-description,
.jcg-pill,
.jcg-offer-summary,
.jcg-cta-sub,
.jcg-trust-card p,
.jcg-access-card p,
.jcg-notice-bar,
.jcg-standout-text,
.jcg-benefit-text,
.jcg-admin-check {
    font-family: var(--font-body);
}

/* CTA buttons: Inter bold */
.jcg-primary-cta,
.jcg-offer-cta,
.jcg-secondary-cta {
    font-family: var(--font-body);
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* ==========================================================
   Creator LP — Footer Gradient Transition
   <main>::after で LP 末尾に緩衝グラデーションを挿入。
   footer / PHP には一切触れない。
========================================================== */

body.single-creator main::after {
    content: '';
    display: block;
    height: 24px;
    /* 開始を0.75透明度に抑えることで黒いブロック感を防ぐ */
    background: linear-gradient(
        to bottom,
        rgba(7, 6, 10, 0.75) 0%,
        rgba(7, 6, 10, 0) 100%
    );
    pointer-events: none;
}

@media (min-width: 768px) {
    body.single-creator main::after {
        height: 36px;
    }
}

/* ==========================================================
   Creator LP — Header Simplification
   body.single-creator にスコープ。他ページのHeaderに影響なし。
   WordPress は CPT=creator のシングルページに body.single-creator を自動付与する。
========================================================== */

/* ハンバーガーメニュー（オフキャンバストリガー）を非表示
   実際のクラス: button.ct-header-trigger.ct-toggle
   data-toggle-panel="#offcanvas" で offcanvas を制御している */
body.single-creator .ct-header-trigger {
    display: none !important;
}

/* ロゴ <a> リンクを無効化（画像は表示維持）
   実際のクラス: a.site-logo-container */
body.single-creator a.site-logo-container {
    pointer-events: none;
    cursor: default;
}