/*
Theme Name: URISENRYU
Theme URI: https://urisenryu.jp
Author: URISENRYU TEAM
Author URI: https://urisenryu.jp
Description: SNS-like, bright & pop theme for a senryu submission site (MVP).
Version: 0.1.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: urisenryu
*/

/* ============ 基本トークン ============ */
:root{
  --primary:#ff4fa3;
  --night:#101027;               /* 既存の濃紺（fallback用） */
  --green-1:#2f4f4f;             /* 緑トーン（和風） */
  --green-2:#3b5d5d;
  --green-3:#436969;
  --muted:#f7f7fb;
}

html,body{height:100%}
body{
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans JP","Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,sans-serif;
  color:#222;
  background:#fff;
  margin:0;
}

/* リンク */
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}

/* レイアウト */
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* ============ ヘッダー／背景 ============ */
/* 緑グラデの共通ヘッダー（トップ以外も統一） */
.hero,
.grad-night{
  background:linear-gradient(135deg,var(--green-1) 0%,var(--green-2) 60%,var(--green-3) 100%);
  color:#fff;
  padding:56px 0;
}

/* 和柄オーバーレイ（麻の葉） */
body.wagara{position:relative}
body.wagara::after{
  content:'';
  position:fixed; inset:0; z-index:-1;
  pointer-events:none;
  mix-blend-mode:overlay;
  background-image:url('https://www.transparenttextures.com/patterns/asanoha-400.png');
  background-size:400px 400px;       /* Retinaでも見やすく */
  opacity:.12;                        /* 見えにくければ 0.18 まで */
}

/* サイトロゴ（メディアの custom-logo に適用） */
.custom-logo{height:40px;max-height:60px;width:auto}

/* ヘッダー内ナビ（フォールバック） */
nav ul{list-style:none;margin:0;padding:0}
nav ul li{display:inline-block;margin-left:16px}
nav a{color:#fff}
nav a:hover{text-decoration:underline}

/* ============ UI コンポーネント ============ */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--primary);color:#fff;
  padding:.65rem 1rem;border-radius:999px;font-weight:600;
  text-decoration:none;transition:filter .15s ease;
}
.btn:hover{filter:brightness(.95)}

.card{
  background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;
  box-shadow:0 8px 24px rgba(16,16,39,.06);
}

/* グリッド */
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid-3{grid-template-columns:1fr}}

/* バッジなど */
.badge{display:inline-block;background:#ffe7f2;color:#b3005e;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}
.rank-badge{background:#101027;color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}

/* ============ 川柳表示用 ============ */
.senryu{font-feature-settings:"pkna";line-height:1.6;font-weight:600}
.senryu-vertical{writing-mode:vertical-rl;text-orientation:mixed}
.meta{color:#666;font-size:.9rem}

/* ============ フッター ============ */
.footer,
.site-footer{
  background:#0e0e17;color:#c9c9d6;margin-top:48px;padding:32px 0;
}
.site-footer a{color:#c9c9d6}
.site-footer a:hover{color:#fff}

/* ============ フォーム（/submit の統一感向上） ============ */
/* プラグイン出力のフォームをテーマトーンに寄せる */
.urs-card,.urm-card{
  background:#fff;border:1px solid #e5e7eb;border-radius:16px;
  padding:24px;max-width:720px;margin:40px auto;
  box-shadow:0 8px 24px rgba(16,16,39,.08);
}
.urs-title,.urm-title{font-size:20px;font-weight:800;margin:0 0 8px;color:#0f172a}
.urs-note,.urm-meta{font-size:13px;color:#64748b;margin:0 0 12px}
.urs-grid,.urm-grid{display:grid;gap:12px}
.urs-grid textarea,.urs-grid select,
.urs-grid input[type="text"],.urs-grid input[type="email"],.urs-grid input[type="password"],
.urm-grid textarea,.urm-grid select,
.urm-grid input[type="text"],.urm-grid input[type="email"],.urm-grid input[type="password"]{
  width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-size:16px
}
.urs-grid textarea:focus,.urs-grid select:focus,
.urs-grid input:focus,.urm-grid textarea:focus,.urm-grid select:focus,.urm-grid input:focus{
  outline:none;border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(255,79,163,.15);
}
.urs-actions,.urm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.urs-btn,.urm-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.6rem 1rem;border-radius:999px;font-weight:700;text-decoration:none}
.urs-btn:hover,.urm-btn:hover{filter:brightness(.95)}
.urs-link,.urm-link{color:var(--primary);text-decoration:underline}
.urs-alert,.urm-alert{background:#ffe7e7;color:#8a0000;border-radius:10px;padding:10px;margin:10px 0}
.urs-done{background:#e7ffe9;color:#0a6b00;border-radius:10px;padding:10px;margin:10px 0}
.urm-list{display:grid;gap:8px;margin-top:8px}
.urm-item{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #eee;border-radius:12px;padding:10px}
.urm-item-title{font-weight:700;color:#111;text-decoration:none}
.urm-badge{background:#101027;color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:12px}
.urm-muted{color:#6b7280;font-size:12px}

/* ============ 補助ユーティリティ ============ */
.text-night{color:var(--green-1)}
.text-muted{color:#64748b}
.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}

/* 既存クラス互換（過去テンプレ互換用） */
.footer{background:#0e0e17;color:#c9c9d6;margin-top:48px;padding:32px 0}