/* Giardino補助カラーCSS。旧footer.phpの定義を維持。共通レイアウトは style.css で管理。 */

/* 旧footer.phpの色・ホバー定義（そのまま保持） */
/* =====================================================
   サイドメニュー：区切り線
===================================================== */

.side-menu-divider {
    width: 85%;
    height: 1px;
    margin: 14px auto;

    background: rgba(119, 119, 119, 0.75);
}
/* =====================================================
   REPSUM：アースカラー
===================================================== */

.side-btn-repsum {
    color: #3e3893 !important;

    background: linear-gradient(
        135deg,
        #f3efdf 0%,
        #d9cfaa 100%
    ) !important;

    border-color: #c9bc8a !important;
}

.side-btn-repsum:hover {
    color: #4d442a !important;

    background: linear-gradient(
        135deg,
        #ece5cd 0%,
        #cbbb89 100%
    ) !important;

    border-color: #b9a86f !important;
}


/* =====================================================
   マシュマロ
===================================================== */

.side-btn-support {
    color: #7a3f55 !important;

    background: linear-gradient(
        135deg,
        #fff4f7 0%,
        #f7d6e2 100%
    ) !important;

    border-color: #e7bfd0 !important;
}

.side-btn-support:hover {
    color: #71364d !important;

    background: linear-gradient(
        135deg,
        #ffeaf1 0%,
        #f2c6d7 100%
    ) !important;

    border-color: #dca8bf !important;
}


/* =====================================================
   Wetland / Drops&Pools
===================================================== */

.side-btn-wetland {
    color: #315f69;

    background: linear-gradient(
        135deg,
        #eefafa 0%,
        #cfe9eb 100%
    );

    border: 1px solid #aed6da;
}

.side-btn-wetland:hover {
    background: linear-gradient(
        135deg,
        #e1f6f7 0%,
        #b9dde1 100%
    );

    border-color: #9fcbd0;
}
/* =====================================================
   SHOOTING STAR
===================================================== */

.side-btn-shooting-star {
    color: #324c78 !important;

    background: linear-gradient(
        135deg,
        #f4f8ff 0%,
        #d8e7ff 100%
    ) !important;

    border-color: #b7cff2 !important;
}

.side-btn-shooting-star:hover {
    color: #263f69 !important;

    background: linear-gradient(
        135deg,
        #eaf2ff 0%,
        #c7dcfb 100%
    ) !important;

    border-color: #9ebeea !important;
}