/* ============================================================
   What's In Season Section — styles_whatsinseason.css

   Color reference (matches theme design tokens):
     Olive green:   #3d5227
     Mid olive:     #4e6a30
     Gold:          #c8961a
     Cream (bg):    #f7f2e8
     Cream (dark):  #ede7d5
     Text dark:     #2a2a1e
     Text light:    #5a5a48
   ============================================================ */


/* ------------------------------------------------------------
   Section container
   ------------------------------------------------------------ */

.wis-section {
	padding: 40px 0;
	background-color: #f7f2e8;
}

.wis-section .pad {
	max-width: 900px;
}


/* ------------------------------------------------------------
   Section heading & updated timestamp
   ------------------------------------------------------------ */

.wis-heading {
	text-align: center;
	font-family: "shelby", sans-serif;
	color: #3d5227;
	font-size: 4.5rem;
	margin-bottom: 0.2em;
}

/* fruit icon divider below heading */
.wis-divider {
	display: flex;
	align-items: center;
	max-width: 320px;
	margin: 0 auto 1.6em;
}

.wis-divider span {
	display: flex;
	align-items: center;
	width: 100%;
	color: #c8961a;
	font-size: 1.1rem;
}

.wis-divider span::before,
.wis-divider span::after {
	content: '';
	flex: 1;
	height: 1.5px;
	background-color: #c8961a;
}

.wis-divider span::before {
	margin-right: 10px;
}

.wis-divider span::after {
	margin-left: 10px;
}

.wis-updated {
	text-align: center;
	font-size: 1.3rem;
	color: #5a5a48;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 2em;
}

.wis-updated-label {
	display: inline-block;
	color: #c0392b;
	/*
	font-family: "shelby", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3rem;
	rotate: -8deg;
	text-decoration: underline;
	text-decoration-color: #c0392b;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	*/
}


/* ------------------------------------------------------------
   Table wrapper — clips border-radius, enables mobile scroll
   ------------------------------------------------------------ */

.wis-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 6px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}


/* ------------------------------------------------------------
   Table base
   ------------------------------------------------------------ */

.wis-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	color: #2a2a1e;
	background-color: #fff;
}

/* td and th don't inherit font-family reliably — set explicitly */
.wis-table td,
.wis-table th {
	font-family: "Andada Pro", sans-serif !important;
}

.wis-col-crop   { width: 44%; }
.wis-col-status { width: 26%; }
.wis-col-notes  { width: 30%; }


/* ------------------------------------------------------------
   Table header row
   ------------------------------------------------------------ */

.wis-table thead th {
	background-color: #3d5227;
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 13px 18px;
	text-align: left;
}

.wis-table thead th.wis-col-status {
	text-align: center;
}


/* ------------------------------------------------------------
   Category heading rows
   ------------------------------------------------------------ */

.wis-category-row td {
	font-size: 1.3rem;
	font-weight: 700;
	color: #2a2a1e;
	background-color: #ede7d5;
	padding: 12px 18px 6px;
	border-top: 1px solid #d4ccb8;
}

.wis-table tbody tr:first-child td {
	border-top: none;
}


/* ------------------------------------------------------------
   Variety rows
   ------------------------------------------------------------ */

.wis-variety-row td {
	padding: 9px 18px;
	color: #2a2a1e;
	background-color: #fff;
	border-bottom: 1px solid #ede7d5;
	vertical-align: middle;
}

.wis-variety-row.wis-row-alt td {
	background-color: #faf7f0;
}

.wis-variety-row td.wis-col-crop {
	font-weight: 700;
	padding-left: 38px;
}

.wis-variety-row td.wis-col-status {
	text-align: center;
}

.wis-variety-row td.wis-col-notes {
	font-style: italic;
	color: #5a5a48;
	font-size: 0.875rem;
}


/* ------------------------------------------------------------
   Status badges
   ------------------------------------------------------------ */

.wis-badge {
	display: inline-block;
	min-width: 155px;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 700;
	white-space: nowrap;
	text-align: center;
	box-sizing: border-box;
}

/* Most prominent — bright green + glow signals "open now" at a glance */
.wis-status--upick-open       { background-color: #2e8b10; color: #fff; box-shadow: 0 0 8px rgba(46, 139, 16, 0.5); }

/* Secondary available — olive, clearly positive but less urgent than U-Pick */
.wis-status--fruit-stand-only { background-color: #4e6a30; color: #fff; }

/* Not yet — warm gold, draws some attention but clearly not open */
.wis-status--coming-soon      { background-color: #c8961a; color: #fff; }

/* Inactive states — progressively more muted */
.wis-status--closed           { background-color: #999;    color: #fff; }
.wis-status--finished         { background-color: #d4cfc5; color: #6a6a58; }


/* ------------------------------------------------------------
   Empty state
   ------------------------------------------------------------ */

.wis-empty {
	text-align: center;
	color: #5a5a48;
	font-style: italic;
	padding: 2em 0;
}


/* ------------------------------------------------------------
   Responsive — mobile (≤ 600px)
   ------------------------------------------------------------ */

@media ( max-width: 768px ) {

	.wis-heading {
		font-size: 3.5rem;
	}

}


@media ( max-width: 600px ) {

	.wis-section {
		padding: 50px 0;
	}

	.wis-heading {
		font-size: 3rem;
	}

	.wis-updated-label {
	}

	.wis-table thead th,
	.wis-variety-row td {
		padding: 8px 12px;
	}

	/* Override higher-specificity rule so crop indent is cleared on mobile */
	.wis-variety-row td.wis-col-crop {
		padding-left: 12px;
	}

	.wis-category-row td {
		padding: 10px 12px 4px;
		font-size: 1.1rem;
	}

	.wis-badge {
		min-width: 0;
		padding: 3px 10px;
		font-size: 0.75rem;
	}

	/* Hide Notes column on small screens */
	.wis-table thead th.wis-col-notes,
	.wis-variety-row td.wis-col-notes {
		display: none;
	}

	.wis-col-crop   { width: 55%; }
	.wis-col-status { width: 45%; }

}