/* =============================================================
 * 釣りバカ甲子園 — フロントエンド全ページ "shipized" スタイル
 *
 * 目的: 既存レイアウト・情報配置・文字色・背景は一切変えず、
 *       遊漁船ページ（ship.css）のボタン・カードの「形・質感」だけを
 *       サイト全体（トップ/一覧/詳細/サイドバー/フッター）に適用する。
 *
 * 有効化: layouts/frontend/app.blade.php の <main> に shipized クラスを付与。
 * 元デザインに戻す: layouts/frontend/app.blade.php 先頭の $shipized を false
 *                   にする（1行で全ページ一括ロールバック）。
 *
 * 設計方針:
 *   - 背景画像・文字色は一切触らない
 *   - ボタン等のインタラクティブ要素のみ:
 *       角丸 / 影 / グラデ / ホバー / フォント
 *   - CSS変数は ship.css の :root 定義を流用
 * ============================================================= */


/* ---------- 全体トーン（フォントのみ） ---------- */
.shipized {
    font-family: var(--ship-font-family);
}


/* =============================================================
 * トップページ（homes/index）
 * ============================================================= */

/* ---------- 残日数カウンタ枠 ---------- */
.shipized .top-index .top-ct .calen span {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
}


/* ---------- ボタン：btn-top / btn-victory（元は金色グラデ） ---------- */
.shipized .btn-top,
.shipized .submit-gr button {
    background: linear-gradient(180deg, var(--ship-primary-light) 0%, var(--ship-primary) 100%);
    color: var(--ship-text-on-primary);
    border: 0;
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .btn-top:hover,
.shipized .submit-gr button:hover {
    filter: brightness(1.08);
}


/* ---------- list-news（各地方大会案内）カード装飾 ---------- */
.shipized .list-content .item .arr {
    transition: filter var(--ship-transition);
}

.shipized .list-content .item:hover .arr {
    filter: brightness(1.06);
}


/* ---------- list-review（最新投稿一覧）コンテナ ---------- */
.shipized .list-review {
    border-radius: var(--ship-radius-lg);
    box-shadow: var(--ship-shadow-sm);
}

.shipized .create-review .btn-create,
.shipized .review .btn-create {
    background: linear-gradient(180deg, var(--ship-primary-light) 0%, var(--ship-primary) 100%);
    color: var(--ship-text-on-primary);
    border-radius: var(--ship-radius);
    border: 0;
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .create-review .btn-create:hover,
.shipized .review .btn-create:hover {
    filter: brightness(1.08);
}

.shipized .create-review .btn-faq,
.shipized .review .btn-faq {
    background: var(--ship-primary-darker);
    color: var(--ship-text-on-primary);
    border-radius: var(--ship-radius);
    border: 0;
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .create-review .btn-faq:hover,
.shipized .review .btn-faq:hover {
    filter: brightness(1.12);
}

.shipized .list-review .view-more,
.shipized .follow .view-more {
    border-radius: var(--ship-radius);
    transition: background var(--ship-transition), color var(--ship-transition);
}


/* ---------- トロフィー（前回大会入賞者） ---------- */
.shipized .user-box .user-box-in {
    border-radius: var(--ship-radius);
    overflow: hidden;
}

.shipized .btn04 {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .btn04:hover {
    filter: brightness(1.06);
}


/* ---------- bottom-add（お知らせ／リンクボタン） ---------- */
.shipized .bottom-add .list-button button {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .bottom-add .list-button button:hover {
    filter: brightness(1.04);
}


/* ---------- click-in（\釣りが3倍楽しくなる！/） ---------- */
.shipized .click-in {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow);
    transition: filter var(--ship-transition);
}

.shipized .click-in:hover {
    filter: brightness(1.06);
}


/* =============================================================
 * サイドバー（全ページ共通）
 * ============================================================= */

/* ---------- サイドバーのボタン（釣りバカ甲子園とは？／ログイン／マイページ） ---------- */
.shipized .sidebar-top button {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition), background var(--ship-transition), color var(--ship-transition);
}

.shipized .sidebar-top .btn-1:hover,
.shipized .sidebar-top .btn-2:hover {
    filter: brightness(1.08);
}


/* =============================================================
 * モバイルフッター（固定）
 * ============================================================= */

/* ---------- フッター固定メニューの角の整え ---------- */
.shipized .footer_area p {
    overflow: hidden;
}

.shipized .footer_area a {
    transition: filter var(--ship-transition);
}

.shipized .footer_area a:hover,
.shipized .footer_area a:active {
    filter: brightness(1.08);
}


/* =============================================================
 * 全ページで汎用的に使われるボタン／パーツ
 * ============================================================= */

/* ---------- 汎用送信ボタン ---------- */
.shipized .btn-submit,
.shipized .btn-submit.btn-sm-edit {
    border-radius: var(--ship-radius);
    box-shadow: var(--ship-shadow-sm);
    transition: filter var(--ship-transition);
}

.shipized .btn-submit:hover {
    filter: brightness(1.08);
}


/* ---------- パンくず ---------- */
.shipized .panlist {
    border-radius: var(--ship-radius-sm);
}


/* ---------- 汎用ページのカード系（一覧ページ等で使用） ---------- */
.shipized .content .item figure img,
.shipized .review .item figure img {
    /* 角丸は子要素のoverflowで制御されるケースが多いので控えめに */
}