/* ============================================================
   U-Pick Info Section — styles_upickinfo.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
   ------------------------------------------------------------ */

.upick-section {
	padding: 80px 0;
	background: linear-gradient( 135deg, #5c7d38 0%, #3d5227 45%, #1e2d0e 100% );
}

.upick-section .pad {
	max-width: 1100px;
}


/* ------------------------------------------------------------
   Section heading & intro
   ------------------------------------------------------------ */

.upick-heading {
	text-align: center;
	font-family: "shelby", sans-serif;
	color: #ffcc42;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	font-size:4.5rem;
	margin-bottom: 0.2em;
}

.upick-intro {
	text-align: center;
	font-family:"Andada Pro", sans-serif;
	color: #ffcc42;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	font-size: 1.3rem;
	margin-bottom: 2.5em;
}


/* ------------------------------------------------------------
   Card grid
   ------------------------------------------------------------ */

.upick-grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 24px;
	margin-bottom: 2.5em;
}


/* ------------------------------------------------------------
   Individual cards
   ------------------------------------------------------------ */

.upick-card {
	background-color: #f7f2e8;
	border-radius: 6px;
	padding: 24px 28px;
	border-top: 4px solid #c8961a;
}

.upick-card-icon {
	display: block;
	margin-bottom: 14px;
	color: #c8961a;
	font-size: 2rem;
	line-height: 1;
}

.upick-card-heading {
	font-family: "Andada Pro", sans-serif;
	font-size: 1.25rem;
	color: #3d5227;
	margin-bottom: 0.6em;
}

.upick-card p {
	font-family: "PT Sans", sans-serif;
	font-size: 0.95rem;
	color: #2a2a1e;
	line-height: 1.65;
	margin-bottom: 0.6em;
}

.upick-card p:last-child {
	margin-bottom: 0;
}

.upick-card a {
	color: #3d5227;
	font-weight: 700;
	text-decoration: none;
}

.upick-card a:hover {
	color: #c8961a;
}


/* ------------------------------------------------------------
   Rules block
   ------------------------------------------------------------ */

.upick-rules {
	background: linear-gradient( 135deg, #324520 0%, #3d5227 55%, #475e2c 100% );
	border: 1px solid rgba( 247, 242, 232, 0.35 );
	border-radius: 6px;
	padding: 28px 36px;
	max-width: 700px;
	margin: 0 auto;
}

.upick-rules-heading {
	font-family: "Andada Pro", sans-serif;
	font-size: 1.2rem;
	color: #f7f2e8;
	margin-bottom: 0.75em;
}

.upick-rules-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.upick-rules-list li {
	font-family: "PT Sans", sans-serif;
	font-size: 0.95rem;
	color: #c8d8b0;
	padding: 5px 0 5px 1.4em;
	position: relative;
	line-height: 1.5;
}

.upick-rules-list li::before {
	content: "–";
	position: absolute;
	left: 0;
	color: #c8961a;
}


/* ------------------------------------------------------------
   Responsive — tablet (≤ 900px)
   ------------------------------------------------------------ */

@media ( max-width: 900px ) {

	.upick-grid {
		grid-template-columns: repeat( 2, 1fr );
	}

}


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

@media ( max-width: 600px ) {

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

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

	.upick-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.upick-card {
		padding: 20px 22px;
	}

	.upick-rules {
		padding: 22px 24px;
	}

}