/*
 * page-profile-esthe.css
 * エステテーマ - プロフィールページ上書き
 * page-profile.css のあとに読み込み、ダークナビバーを維持
 */

/* ========================================
   PC版ナビバー：ダーク背景を維持
   page-profile.css が background: #fff に上書きするのを修正
   ======================================== */
@media (min-width: 768px) {
    .navbar-custom {
        background: linear-gradient(180deg, #1a1a1a 0%, #2c2420 40%, #1a1a1a 100%) !important;
        border: none !important;
        border-top: 1px solid rgba(201, 169, 110, 0.4) !important;
        border-bottom: 1px solid rgba(201, 169, 110, 0.3) !important;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(201, 169, 110, 0.15) !important;
    }
}

/* ========================================
   SP版ナビバー：スクロール後ダーク背景
   page-profile.css が rgba(255,255,255,0.95) に上書きするのを修正
   ======================================== */
@media (max-width: 767px) {
    /* プロフィールページではfixedに戻す（sticky→fixed: ヒーロー画像を最上部から表示するため） */
    .navbar-custom.navbar-fixed-top {
        position: fixed !important;
    }

    .navbar-custom.navbar-visible {
        background: rgba(26, 26, 26, 0.95) !important;
        backdrop-filter: blur(10px);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4) !important;
    }
}

/* ========================================
   料金カード - ゴールド＋ダーク配色
   price.php のエステテーマに合わせる
   ======================================== */
.price-card {
    background: #000;
    border: 1px solid #333;
}
.price-card-header {
    background: linear-gradient(90deg, #c9a96e 0%, #d4b872 50%, #e8d5a3 100%) !important;
    color: #1a1a1a !important;
}
.price-card-body .table td,
.price-card-body .table th {
    color: #fff;
    border-color: #333;
}
.price-card-body .table thead tr {
    background: #1a1a1a;
}
.price-card-body .table .text-danger {
    color: #c9a96e !important;
}
.price-card-footer {
    background: #111;
    color: #ccc;
    border-top-color: #333;
}
.price-card-footer .trophy {
    color: #c9a96e;
}
.course-desc {
    color: #aaa;
}

/* ========================================
   クチコミモーダル - エステテーマ
   ピンク → ローズゴールド
   ======================================== */
.profile-review-modal-header {
    background: linear-gradient(90deg, #c9917e 0%, #d4a593 50%, #dfb9a8 100%) !important;
}
.profile-review-selected-cast {
    background: rgba(201, 145, 126, 0.08);
    border-left-color: #c9917e;
}
.profile-review-selected-cast span {
    color: #c9917e;
}
.profile-review-required {
    background: #c9917e;
}
.profile-review-input:focus,
.profile-review-textarea:focus {
    border-color: #c9917e;
}
.profile-btn-review-submit {
    background: linear-gradient(90deg, #c9917e 0%, #d4a593 50%, #dfb9a8 100%) !important;
}

/* ========================================
   吹き出し回答 - エステテーマ
   ======================================== */
.arrow_answer {
    background: #fdf5f0;
    border-color: #deb5a0;
}
.arrow_answer:after {
    border-left-color: #fdf5f0;
}
.arrow_answer:before {
    border-left-color: #deb5a0;
}

/* ========================================
   SP版 メインコンテンツ背景
   ======================================== */
@media (max-width: 767px) {
    .main,
    .navbar-custom + .main {
        background: #fff;
    }
}