/**
 * Yellow Map 黄色テーマスタイル。
 * ブランドカラー: Kikki Yellow #FFD84D / Soft Cream #FFF7D6 / Ink Brown #4A3A22 / Quiet Gray #E9E2CF / Honey Yellow #F2B84B
 */

/* 地図コンテナ */
.kikki-map {
	width: 100%;
	border: 2px solid #FFD84D;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba( 74, 58, 34, 0.08 );
	z-index: 0;
}

/* きっき旗アイコンにやわらかい落ち影 */
.kikki-map-flag {
	filter: drop-shadow( 0 2px 3px rgba( 74, 58, 34, 0.35 ) );
}

/* ポップアップの枠を世界観に合わせる */
.kikki-map .leaflet-popup-content-wrapper {
	background: #FFF7D6;
	border: 2px solid #FFD84D;
	border-radius: 12px;
	color: #4A3A22;
}

.kikki-map .leaflet-popup-tip {
	background: #FFD84D;
}

.kikki-map .leaflet-popup-content {
	margin: 12px 14px;
	line-height: 1.5;
}

.kikki-popup {
	max-width: 220px;
	font-size: 13px;
}

.kikki-popup-thumb {
	display: block;
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 2px;
	border: 1px solid #E9E2CF;
}

.kikki-popup-imgnote {
	display: block;
	font-size: 10px;
	color: #9a8f74;
	margin: 0 0 8px;
}

.kikki-popup-title {
	margin: 0 0 4px;
	font-weight: 700;
	font-size: 14px;
	color: #4A3A22;
}

/* きっきメモは吹き出し風にひとことだけ */
.kikki-popup-memo {
	margin: 0 0 6px;
	padding: 6px 8px;
	background: #FFFDF2;
	border: 1px dashed #F2B84B;
	border-radius: 8px;
	color: #4A3A22;
}

.kikki-popup-memo::before {
	content: "きっき：";
	font-weight: 700;
	color: #C99A2E;
}

.kikki-popup-address {
	margin: 0 0 6px;
	color: #8a7a5c;
	font-size: 12px;
}

.kikki-popup-link {
	margin: 0;
	text-align: right;
}

.kikki-popup-link a {
	display: inline-block;
	padding: 4px 12px;
	background: #FFD84D;
	color: #4A3A22;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	transition: background 0.2s ease;
}

.kikki-popup-link a:hover {
	background: #F2B84B;
}

/* スポット0件のときの空状態 */
.kikki-map-empty {
	padding: 48px 24px;
	background: #FFF7D6;
	border: 2px dashed #FFD84D;
	border-radius: 12px;
	text-align: center;
	color: #4A3A22;
}

.kikki-map-empty p {
	margin: 0 0 8px;
	font-weight: 700;
}

.kikki-map-empty .kikki-map-empty-sub {
	margin: 0;
	font-weight: 400;
	font-size: 13px;
	color: #8a7a5c;
}

/* === 地図コントロール（絞り込み・現在地・お気に入り） === */
.kikki-map-wrap{display:flex;flex-direction:column;gap:10px}
.kikki-map-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kikki-map-cats{display:flex;flex-wrap:wrap;gap:6px}
.kikki-cat-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(201,154,46,.45);background:#fff;color:#6b5a33;font-weight:800;font-size:.82rem;cursor:pointer;transition:.15s}
.kikki-cat-btn:hover{background:#fff8d7}
.kikki-cat-btn.is-active{background:linear-gradient(180deg,#ffe887,#ffd84d);color:#5a4000;border-color:transparent}
.kikki-map-tool{padding:6px 12px;border-radius:999px;border:1px solid rgba(201,154,46,.45);background:#fff;color:#6b5a33;font-weight:800;font-size:.82rem;cursor:pointer;transition:.15s}
.kikki-map-tool:hover{background:#fff8d7}
.kikki-map-tool.is-active{background:linear-gradient(180deg,#ffe887,#ffd84d);color:#5a4000;border-color:transparent}
.kikki-map-tool:disabled{opacity:.6;cursor:default}
/* ポップアップ内お気に入りボタン */
.kikki-fav-btn{display:inline-block;margin:4px 0 2px;padding:5px 12px;border-radius:999px;border:1px solid rgba(201,154,46,.5);background:#fff;color:#8a6500;font-weight:800;font-size:.82rem;cursor:pointer}
.kikki-fav-btn.is-fav{background:#fff3a3;color:#c2410c;border-color:#f2b84b}
