/* 1. 全ての要素を強制的にネイビー背景・白文字にする（超強力） */
:root,
body,
.wp-site-blocks,
.is-layout-constrained,
.entry-content,
main,
.editor-styles-wrapper {
background-color: #001f3f !important;
color: #ffffff !important;
}

/* 2. 背景指定があるブロックも強制的に透明化してネイビーを出す */
.has-background,
.wp-block-group,
.wp-block-columns {
background-color: transparent !important;
}

/* 3. 見出し（ゴールド）を絶対に上書きされないように指定 */
h1, h2, h3, h4,
.wp-block-heading,
.wp-block-site-title a {
color: #D4AF37 !important;
fill: #D4AF37 !important;
font-weight: 800 !important;
}

/* 4. ボタンを黄金の塊にする */
.wp-block-button__link,
.wp-element-button,
[data-button] {
background-color: #D4AF37 !important;
color: #001f3f !important;
border: none !important;
padding: 20px 45px !important;
border-radius: 50px !important;
font-weight: bold !important;
display: inline-block !important;
}

/* 5. リンクの色を調整 */
a {
color: #D4AF37 !important;
}

/* 6. 余白の確保 */
.section-luxury,
.wp-block-group.has-background {
padding: 10% 5% !important;
}
/* CTAボタンのプレミアム装飾 */
.speak-premium-cta {
    display: inline-block;
    background: linear-gradient(145deg, #D4AF37, #B8860B) !important;
    color: #001f3f !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    padding: 22px 50px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4) !important;
    transition: all 0.4s ease !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    letter-spacing: 0.1em !important;
    text-align: center;
}

.speak-premium-cta:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.6) !important;
    filter: brightness(1.1);
}

/* マイクロコピーの装飾 */
.cta-micro-copy {
    color: #D4AF37;
    font-size: 0.9rem;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
}

/* 安心の添え文の装飾 */
.cta-sub-copy {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
    margin-top: 12px;
    display: block;
}
