/*
Theme Name:  PRaze Child
Template:    cocoon-master
Version:     1.0.0
Description: PRaze（praze.jp）用 Cocoon 子テーマ
Author:      株式会社スキルマーク
*/

/* ═══════════════════════════════════════════════════
   売上改善 UI（アップグレード誘導）
═══════════════════════════════════════════════════ */

/* AI補完プレビュー */
.praze-upgrade-preview{position:relative;margin-top:24px;border-radius:8px;overflow:hidden;}
.praze-upgrade-preview__blur{filter:blur(4px);opacity:.6;background:#f9f9f9;padding:20px;font-size:14px;line-height:1.8;user-select:none;pointer-events:none;}
.praze-upgrade-preview__overlay{position:absolute;inset:0;background:rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.praze-upgrade-preview__overlay p{font-size:14px;font-weight:bold;color:#333;margin:0;}

/* ロックバナー */
.praze-lock-banner{display:flex;align-items:center;gap:12px;background:#f5f5f5;border-left:4px solid #aaa;padding:14px 16px;border-radius:4px;margin:12px 0;}
.praze-lock-banner__icon{font-size:18px;}
.praze-lock-banner__text{font-size:13px;color:#555;flex:1;}

/* アップグレード・比較ボタン */
.praze-btn-upgrade,.praze-btn-compare{background:#F59E0B;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap;}
.praze-btn-upgrade:hover,.praze-btn-compare:hover{background:#D97706;}

/* プラン比較モーダル */
.praze-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;}
.praze-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.praze-modal__content{position:relative;background:#fff;border-radius:12px;padding:32px;max-width:860px;width:95%;max-height:90vh;overflow-y:auto;z-index:1;}
.praze-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#888;}
.praze-modal__title{font-size:20px;font-weight:bold;margin-bottom:24px;text-align:center;}
.praze-modal__table-wrap{overflow-x:auto;}
.praze-plan-table{width:100%;border-collapse:collapse;font-size:14px;}
.praze-plan-table th,.praze-plan-table td{border:1px solid #e5e7eb;padding:10px 12px;text-align:center;}
.praze-plan-table thead th{background:#f9fafb;font-weight:bold;}
.praze-plan-table th.recommended{background:#FFF8E1;border-color:#F59E0B;}
.praze-plan-table .price{font-size:16px;font-weight:bold;display:block;}
.praze-plan-table .badge{display:inline-block;background:#F59E0B;color:#fff;font-size:11px;border-radius:4px;padding:2px 6px;margin-top:4px;}
.praze-btn-plan{display:inline-block;background:#333;color:#fff;padding:8px 14px;border-radius:4px;text-decoration:none;font-size:13px;}
.praze-btn-plan.recommended{background:#F59E0B;}
.praze-btn-plan:hover{opacity:.85;}
.current-plan-badge{display:inline-block;border:1px solid #aaa;color:#555;border-radius:4px;padding:6px 10px;font-size:12px;}

/* アップセルボックス */
.praze-upsell-box{background:#FFF8E1;border-left:4px solid #F59E0B;border-radius:6px;padding:20px 24px;margin:24px 0;}
.praze-upsell-box__title{font-weight:bold;font-size:16px;margin-bottom:8px;}
.praze-upsell-box__body{font-size:14px;color:#555;margin-bottom:8px;}
.praze-upsell-box__list{list-style:none;padding:0;margin:0 0 16px;font-size:14px;color:#333;}
.praze-upsell-box__list li{padding:4px 0;}

/* 推奨プランバッジ（フロントページ pricing カード） */
.praze-plan-badge{background:#F59E0B;color:#fff;font-size:12px;font-weight:bold;text-align:center;padding:4px 0;border-radius:6px 6px 0 0;}
.praze-plan-card--recommended{border:2px solid #F59E0B !important;}