/* ========================================================= */
/* 生クリーム・ライブラリ用CSS                                  */
/* 構造は library-common.css を継承、ここでは色変数と固有スタイル */
/* ========================================================= */

.cream-nav-wrapper {
    --color-primary: #4A3B32;
    --color-primary-light: #6D5446;
    --color-secondary: #C5A059;

    --color-bg-body: #FDFBF7;
    --color-bg-card: #FFFFFF;
    --color-bg-warm: #F4EBE3;

    --color-text-main: #332822;
    --color-text-sub: #7A6960;
    --color-border: #E6DCCD;

    --color-accent-severe: #8A3E39;
    --color-accent-severe-light: #B4625A;

    --font-heading: "游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS PMincho", serif;
    --font-en: 'Playfair Display', serif;
    --font-body: 'Noto Sans JP', sans-serif;

    background-color: var(--color-bg-body) !important;
    background-image: url('/wp-content/themes/sweets-library/assets/bg-pattern.svg') !important;
    background-size: 120px 120px !important;
    background-attachment: scroll !important;
}

/* ==========================================================================
   トラブル対処セクション（生クリーム固有）
   ========================================================================== */
.cream-nav-trouble-section {
    background: #FFFFFF !important;
    padding: 70px 50px;
    border-radius: 8px;
    margin-top: 120px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-border) !important;
    position: relative;
}
.cream-nav-trouble-section::before {
    display: none !important;
}
.cream-nav-trouble-section .cream-nav-sec-step {
    color: #8A3E39 !important;
}
.post_content .cream-nav-wrapper .cream-nav-trouble-section h2.cream-nav-sec-title {
    color: var(--color-text-main) !important;
    background: transparent !important;
    border: none !important;
}
.post_content .cream-nav-wrapper .cream-nav-trouble-section h2.cream-nav-sec-title::after {
    background-color: #8A3E39 !important;
    content: '' !important;
    display: block !important;
}
.cream-nav-trouble-card {
    border-color: var(--color-border) !important;
}
.cream-nav-trouble-card::before {
    background: linear-gradient(to right, #8A3E39 0%, #B4625A 50%, #8A3E39 100%) !important;
    box-shadow: 2px 0 5px rgba(138, 62, 57, 0.3) !important;
}
.cream-nav-trouble-card .cream-nav-card-num-badge {
    color: #8A3E39 !important;
    border-left-color: #8A3E39 !important;
}

@media (max-width: 768px) {
    .cream-nav-trouble-section {
        margin-top: 50px;
        padding: 30px 20px 0;
    }
}