/* ==============================
   Simple WP Membership カスタムCSS
   mu-plugins/css/swpm-style.css
   ============================== */

/* 共通ボックスデザイン */
.swpm-download-msg {
    border-radius: 12px;
    padding: 20px;
    max-width: 500px;
    margin: 30px auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ログインしていない時のボックス */
.swpm-download-msg.not-logged-in {
    background-color: #fff5f5;   /* 薄い赤背景 */
    border: 1px solid #f5c2c2;   /* 赤系の枠線 */
}

/* 有料会員へのアップグレードを促す時のボックス */
.swpm-download-msg.need-upgrade {
    background-color: #f0f9ff;   /* 薄い青背景 */
    border: 1px solid #b6e0fe;   /* 青系の枠線 */
}

/* ボタン配置 */
.swpm-download-msg .swpm-btn-group {
    margin-top: 15px;
}

/* ボタン共通スタイル */
.swpm-download-msg .swpm-btn {
    display: inline-block;
    padding: 10px 18px;
    margin: 5px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

/* ログインボタン */
.swpm-download-msg .swpm-btn.login {
    background-color: #ff6b6b;
    color: #fff;
}
.swpm-download-msg .swpm-btn.login:hover {
    opacity: 0.85;
}

/* 新規登録ボタン */
.swpm-download-msg .swpm-btn.register {
    background-color: #4ecdc4;
    color: #fff;
}
.swpm-download-msg .swpm-btn.register:hover {
    opacity: 0.85;
}

/* アップグレードボタン */
.swpm-download-msg .swpm-btn.upgrade {
    background-color: #339af0;
    color: #fff;
}
.swpm-download-msg .swpm-btn.upgrade:hover {
    opacity: 0.85;
}