/* ========================================
   catering-base.css
   CATERING サイト全体の共通スタイル
======================================== */

/* --- ヘッダー・フッター・ハンバーガー --- */
@import url(CATERING/HEADER/navbar.css);
@import url(CATERING/HEADER/hamburger.css);
@import url(CATERING/FOOTER/footer.css);

:root {
    --catering-primary:     #F5A100;
    --catering-primary-dk:  #D4880A;
    --catering-dark:        #2C1810;
    --catering-dark-mid:    #4A2A14;
    --catering-bg-warm:     #FFFBF5;
    --catering-bg-subtle:   #F9F4ED;
    --catering-text:        #333;
    --catering-text-sub:    #666;
    --catering-text-muted:  #999;
    --catering-border:      #E8DDD5;
}

/* 全ページ共通のベーシズム解除とフォント継承 */
.catering-top,
.catering-menu,
.catering-contact {
    font-family: 'Noto Serif JP', serif;
    color: var(--catering-text);

    /* セクションタイトル色のオーバーライド */
    .section-title-common {
        color: var(--catering-dark) !important;
    }

    .section-lead-common {
        color: var(--catering-primary) !important;
        font-weight: 400 !important;
    }

    /* 共通ボタン（btn-common）のCATERINGカラー調整 */
    .btn-common {
        font-family: 'Noto Serif JP', serif;
        font-size: 0.9rem;
        letter-spacing: 0.2em;
        padding: 14px 40px;
        border: 1px solid var(--catering-primary);
        color: var(--catering-primary);
        text-decoration: none;
        display: inline-block;
        position: relative;
        overflow: hidden;
        transition: color 0.3s ease;

        &::before {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--catering-primary);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
            z-index: -1;
        }

        &:hover {
            color: #fff;

            &::before {
                transform: scaleX(1);
            }
        }
    }

    /* sp-only：スマホのみ表示 */
    .sp-only {
        display: none;

        @media (max-width: 768px) {
            display: inline;
        }
    }
}