/* ============================================================
   Southwest Motorhomes — Latest Events (news/blog) + Home carousel
   Brand: #0c3261 / #062041 · Oswald headings · Montserrat body
   ============================================================ */

/* ---------- Full-width Latest Events page (reclaim sidebar space) ---------- */
body.page-latest-events #content { display: block; }
body.page-latest-events #copy { width: 100%; float: none; overflow: hidden; margin-top: 95px; }
body.page-latest-events #sidebar { display: none; }
body.page-latest-events { overflow-x: hidden; }
@media (max-width: 900px) { body.page-latest-events #copy { margin-top: 60px; } }
@media (max-width: 600px) { body.page-latest-events #copy { margin-top: 40px; } }

/* ---------- Summary grid ---------- */
.latest-events { width: 100%; }

.le-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}
.le-grid, .le-card, .le-card-inner { min-width: 0; }               /* allow shrink below intrinsic image width */
@media (max-width: 1100px) { .le-grid { grid-template-columns: repeat(2, 1fr); gap: 26px; } }
@media (max-width: 640px)  { .le-grid { grid-template-columns: 1fr; } }

.le-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 26px rgba(6, 32, 65, 0.09);
	transition: transform .35s ease, box-shadow .35s ease;
	text-align: left;
}
.le-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(6, 32, 65, 0.18); }

.le-card-inner { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
#copy-inner a.le-card-inner { text-decoration: none; }

.le-card-media {
	display: block;
	position: relative;
	overflow: hidden;
	background: #e9edf1;
	aspect-ratio: 76 / 50;
	max-width: 100%;
}
.le-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s ease; }
.le-card:hover .le-card-media img { transform: scale(1.06); }
.le-card-media-fallback { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #0c3261, #062041); }

.le-card-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 26px 28px 30px; }

.le-card-date {
	font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12.5px;
	letter-spacing: .09em; text-transform: uppercase; color: #0c3261; opacity: .72; margin-bottom: 10px;
}
.le-card-title {
	font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;
	color: #062041; font-size: 21px; line-height: 1.25; margin: 0 0 12px;
}
.le-card-summary { font-size: 15px; line-height: 1.62; color: #4a5560; flex: 1 1 auto; }

.le-card-more {
	display: inline-flex; align-items: center; margin-top: auto; padding-top: 22px;
	align-self: flex-start;
	font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;
	font-size: 14px; letter-spacing: .06em; color: #0c3261; transition: color .25s ease;
}
.le-card-more::after {
	content: ''; width: 19px; height: 19px; margin-left: 9px; flex: 0 0 auto;
	background-color: #0c3261;
	-webkit-mask: url('../img/arrow-right-white.svg') no-repeat center / contain;
	mask: url('../img/arrow-right-white.svg') no-repeat center / contain;
	transition: transform .25s ease, background-color .25s ease;
}
.le-card:hover .le-card-more { color: #062041; }
.le-card:hover .le-card-more::after { transform: translateX(4px); background-color: #062041; }

.le-empty { text-align: center; padding: 50px 20px; color: #4a5560; font-size: 17px; }

/* ---------- Pager ---------- */
.le-pager { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 0 0 40px; }
.le-pager a { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: .05em; color: #0c3261; text-decoration: none; }
.le-pager a:hover { color: #062041; }
.le-pager-info { font-size: 14px; color: #4a5560; }

/* ---------- Detail ---------- */
.le-detail { max-width: 880px; margin: 0 auto; }
.le-detail-media { border-radius: 10px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(6,32,65,0.12); }
.le-detail-media img { width: 100%; height: auto; display: block; }
.le-detail-head { margin-bottom: 22px; }
.le-detail-date { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .09em; text-transform: uppercase; color: #0c3261; opacity: .75; display: block; margin-bottom: 8px; }
.le-detail-title { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; color: #062041; font-size: 34px; line-height: 1.2; margin: 0; }
.le-detail-content { font-size: 16.5px; line-height: 1.75; color: #333; }
.le-detail-content p { margin: 0 0 1.25em; }
#copy-inner .le-detail-content a { color: #0c3261; font-weight: 700; text-decoration: underline; }
.le-back {
	display: inline-block; margin-top: 34px; background: #0c3261; color: #fff;
	font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;
	font-size: 14px; letter-spacing: .05em; padding: 15px 30px; border-radius: 100px; text-decoration: none; transition: background .25s ease;
}
#copy-inner a.le-back, .page-latest-events a.le-back { color: #fff; text-decoration: none; }
#copy-inner a.le-back:hover, .le-back:hover { color: #fff; background: #062041; }

/* ---------- Homepage "Latest News" carousel ---------- */
#home-news { padding: 30px 64px 55px; text-align: center; }
#home-news .home-news-head { margin-bottom: 40px; }
#home-news .home-news-eyebrow { display: block; font-family: 'Satisfy', cursive; font-size: 34px; line-height: 1; color: #0c3261; }
#home-news .home-news-title { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 30px; color: #062041; margin-top: 4px; }

/* the slick-list clips card shadows by default; negative margin + matching padding
   widens the visible area so shadows (incl. top/bottom) are not cut off */
.home-news-carousel { margin: 0; }
.home-news-carousel .slick-list { margin: 0 -16px; padding: 14px 16px 30px; }
.home-news-carousel .slick-track { display: flex !important; }
.home-news-carousel .slick-slide { height: auto !important; }
.home-news-slide { display: flex !important; padding: 0 16px; min-width: 0; }   /* !important beats slick's inline display:inline-block */
.home-news-slide .le-card { display: flex; flex-direction: column; width: 100%; height: 100%; }
.home-news-slide .le-card-inner { flex: 1 1 auto; height: auto; }

.home-news-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 28px; }
.home-news-arrow {
	width: 52px; height: 52px; border-radius: 100px; border: 0; cursor: pointer;
	background: #0c3261 url('../img/arrow-right-white.svg') no-repeat center / 24px 10px;
	transition: background-color .25s ease;
}
.home-news-arrow.prev { transform: rotate(180deg); }
.home-news-arrow:hover { background-color: #062041; }
.home-news-arrow.slick-disabled { opacity: .35; cursor: default; }
.home-news-carousel .slick-dots { position: static; margin-top: 24px; }
.home-news-carousel .slick-dots li button:before { color: #0c3261; opacity: .35; font-size: 10px; }
.home-news-carousel .slick-dots li.slick-active button:before { color: #0c3261; opacity: 1; }
.home-news-more { margin-top: 32px; }
.home-news-more a {
	display: inline-block; background: #0c3261; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700;
	text-transform: uppercase; font-size: 14px; letter-spacing: .05em; padding: 17px 62px 17px 36px; border-radius: 100px; text-decoration: none;
	background-image: url('../img/arrow-right-white.svg'); background-repeat: no-repeat; background-position: right 16px center; background-size: 30px 30px;
	transition: background-color .25s ease;
}
.home-news-more a:hover { background-color: #062041; }

@media (max-width: 900px) { #home-news { padding: 20px 30px 10px; } }
@media (max-width: 600px) { #home-news { padding: 15px 20px 10px; } #home-news .home-news-title { font-size: 26px; } }