/* ============================================================
   League of Cooking (Limoncella-style) — Recipe Index page (/recipes/).
   MEASURED from Limoncella's /recipe-index/ page 2026-07-19.
   ============================================================ */

/* Suppress Kadence's native page-title band on the Recipe Index page - the
   custom hero below replaces it (was showing as a redundant plain "Recipes"
   heading above the real hero). */
body.page-id-195 .entry-hero { display: none; }

.lim-ri-hero {
	max-width: var(--lim-container-wide); margin: 0 auto; padding: var(--lim-space-12) 20px;
	display: grid; grid-template-columns: 1fr 2fr; gap: var(--lim-space-8); align-items: center;
}
.lim-ri-hero__photo { aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 4px solid var(--lim-surface); box-shadow: 0 4px 16px rgba(17,57,84,.12); }
.lim-ri-hero__photo img { width: 100%; height: 100%; object-fit: cover; }
.lim-ri-hero__text h1 { font-size: 32px; margin-bottom: var(--lim-space-3); }

.lim-ri-filter {
	max-width: var(--lim-container-wide); margin: 0 auto var(--lim-space-8); padding: 0 20px;
}
.lim-ri-filter__form { display: flex; gap: var(--lim-space-3); flex-wrap: wrap; }
.lim-ri-filter__select, .lim-ri-filter__search {
	border: 1px solid var(--lim-steel-blue); border-radius: var(--lim-radius-button);
	padding: 12px 16px; font-family: var(--lim-font-body); background: var(--lim-surface); color: var(--lim-ink-dark);
	flex: 1; min-width: 160px;
}
.lim-ri-filter__select:disabled { opacity: .5; cursor: not-allowed; }
.lim-ri-filter__submit { width: 48px; border: 1px solid var(--lim-steel-blue); border-radius: var(--lim-radius-button); background: var(--lim-steel-blue); color: #fff; cursor: pointer; }

.lim-ri-categories {
	max-width: var(--lim-container-wide); margin: 0 auto; padding: 0 20px var(--lim-space-12);
	display: flex; gap: var(--lim-space-6); flex-wrap: wrap; justify-content: center;
}
.lim-ri-cat { text-align: center; text-decoration: none; }
.lim-ri-cat__img { display: block; width: 90px; height: 90px; border-radius: var(--lim-radius-medium, 14px); overflow: hidden; margin: 0 auto var(--lim-space-2); box-shadow: 0 3px 10px rgba(17,57,84,.1); }
.lim-ri-cat__img img { width: 100%; height: 100%; object-fit: cover; }
.lim-ri-cat__label { font-family: var(--lim-font-heading); font-weight: 600; font-size: 13px; text-transform: uppercase; color: var(--lim-ink-dark); }

.lim-ri-methods { max-width: var(--lim-container-wide); margin: 0 auto; padding: var(--lim-space-8) 20px; text-align: center; }
.lim-ri-methods__label { display: block; font-family: var(--lim-font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: var(--lim-space-3); color: var(--lim-ink-dark); }
.lim-ri-methods__pills { display: flex; gap: var(--lim-space-2); justify-content: center; flex-wrap: wrap; }
.lim-ri-methods__pill {
	background: var(--lim-periwinkle); color: var(--lim-ink-dark); opacity: .55; cursor: not-allowed;
	font-size: 12px; font-weight: 600; padding: 8px 18px; border-radius: 20px;
}
.lim-ri-methods__note { display: block; margin-top: var(--lim-space-3); font-size: 12px; font-style: italic; color: var(--lim-steel-blue); }

.lim-ri-spotlight {
	max-width: var(--lim-container-wide); margin: 0 auto; padding: var(--lim-space-12) 20px;
	display: grid; grid-template-columns: 2fr 1fr; gap: var(--lim-space-6);
}
.lim-ri-spotlight__main { position: relative; border-radius: var(--lim-radius-button); overflow: hidden; }
.lim-ri-spotlight__img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.lim-ri-spotlight__card {
	position: absolute; left: var(--lim-space-6); bottom: var(--lim-space-6); max-width: 340px;
	background: var(--lim-surface); padding: var(--lim-space-6); border-radius: var(--lim-radius-button);
	box-shadow: 0 8px 24px rgba(17,57,84,.2);
}
.lim-ri-spotlight__card h3 { margin: 0 0 var(--lim-space-2); }
.lim-ri-spotlight__card p { font-size: 14px; margin-bottom: var(--lim-space-3); }
.lim-ri-spotlight__sidebar { background: var(--lim-bg); border-radius: var(--lim-radius-button); padding: var(--lim-space-6); }
.lim-ri-spotlight__sidebar h3 { font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: var(--lim-space-4); }
.lim-ri-spotlight__fav { display: flex; align-items: center; gap: var(--lim-space-3); text-decoration: none; margin-bottom: var(--lim-space-3); }
.lim-ri-spotlight__fav-img { display: block; width: 56px; height: 56px; border-radius: var(--lim-radius-small); overflow: hidden; flex-shrink: 0; }
.lim-ri-spotlight__fav-img img { width: 100%; height: 100%; object-fit: cover; }
.lim-ri-spotlight__fav-title { font-size: 13px; color: var(--lim-ink-dark); line-height: 1.3; }
.lim-ri-spotlight__fav:hover .lim-ri-spotlight__fav-title { color: var(--lim-accent); }

@media (max-width: 1023px) {
	.lim-ri-hero { grid-template-columns: 1fr; text-align: center; }
	.lim-ri-hero__photo { max-width: 200px; margin: 0 auto; }
	.lim-ri-spotlight { grid-template-columns: 1fr; }
	.lim-ri-spotlight__card { position: static; margin-top: var(--lim-space-4); max-width: 100%; }
}