/**
 * Recent News Slider Block Styles
 *
 * @package chs-inc-functionality
 */

.recent-news-slider {
	--recent-news-slider--gap: var(--wp--preset--spacing--40, 1.5rem);
	--recent-news-slider--arrow-size: 48px;
	--recent-news-slider--overlay-opacity: 0.6;
	position: relative;
	padding-block: var(--wp--preset--spacing--60, 3rem);
}

/* Header */
.recent-news-slider__header {
	text-align: center;
	margin-bottom: var(--wp--preset--spacing--50, 2rem);
}

.recent-news-slider__header h2 {
	margin: 0;
	color: var(--wp--custom--color--primary);
	font-size: var(--wp--preset--font-size--x-large, 2.5rem);
}

/* Slider Container */
.recent-news-slider__slider {
	position: relative;
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
	padding: 0;
}

/* Track - holds all slides */
.recent-news-slider__track {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--recent-news-slider--gap);
	overflow: hidden;
	position: relative;
}

/* Individual slide wrapper */
.recent-news-slider__slide {
	display: none;
}

.recent-news-slider__slide.is-active {
	display: block;
}

/* Card */
.recent-news-slider__card {
	position: relative;
	display: flex;
  flex-direction: column-reverse;
	height: 100%;
	background-color: var(--wp--custom--color--secondary);
	overflow: hidden;

  @media screen and (min-width: 768px) {
    flex-direction: row;
  }
}

/* Image */
.recent-news-slider__image {
	position: relative;
	overflow: hidden;
  width: 100%;

  @media screen and (min-width: 768px) {
    width: 40%;
  }
}

.recent-news-slider__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Content */
.recent-news-slider__content {
	padding: var(--wp--preset--spacing--60);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
  width: 100%;

  @media screen and (min-width: 768px) {
    width: 60%;
  }
}

.recent-news-slider__content-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.recent-news-slider__category {
	color: var(--wp--custom--color--white);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-transform: uppercase;
}

.recent-news-slider__date {
	font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
	color: var(--wp--custom--color--white);
}

.recent-news-slider__title {
  color: var(--wp--custom--color--white);
	font-size: var(--wp--preset--font-size--x-large);
	margin: 0;
  text-align: center;

  @media screen and (min-width: 768px) {
    text-align: left;
  }
}

.recent-news-slider__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.recent-news-slider__title a:hover {
	color: var(--wp--custom--color--primary);
}

.recent-news-slider__excerpt {
  color: var(--wp--custom--color--white);
  font-size: var(--wp--preset--font-size--medium);
  margin: 0;
  text-align: center;

  @media screen and (min-width: 768px) {
    text-align: left;
  }
}

.recent-news-slider__read-more {
	align-items: center;
	align-self: center;
	background-color: var(--wp--custom--color--primary);
	color: var(--wp--custom--color--white);
	display: inline-flex;
  font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
  margin-block-start: auto;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	text-decoration: none;

  @media screen and (min-width: 768px) {
    align-self: flex-start;
  }
}

.recent-news-slider__read-more:hover {
	background-color: var(--wp--custom--color--accent-1);
  color: var(--wp--custom--color--black);
}

/* Navigation Arrows */
.recent-news-slider__arrow {
	align-items: center;
	background-color: var(--wp--custom--color--white);
  border: none;
  border-radius: 100%;
	color: var(--wp--custom--color--primary);
	cursor: pointer;
	display: flex;
	height: var(--recent-news-slider--arrow-size);
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease;
	width: var(--recent-news-slider--arrow-size);
	z-index: 10;
}

.recent-news-slider__arrow:hover:not(:disabled) {
	background-color: var(--wp--custom--color--secondary);
	color: var(--wp--custom--color--white);
}

.recent-news-slider__arrow:disabled {
	opacity: 0;
  visibility: hidden;
}

.recent-news-slider__arrow--prev {
	left: 0;

  @media screen and (min-width: 768px) {
    left: -5rem;
  }
}

.recent-news-slider__arrow--next {
	right: 0;

  @media screen and (min-width: 768px) {
    right: -5rem;
  }
}

/* Pagination Dots */
.recent-news-slider__pagination {
	display: flex;
	justify-content: center;
	gap: var(--wp--preset--spacing--50);
	margin-top: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--60);
}

.recent-news-slider__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--wp--custom--color--white);
	border: 1px solid var(--wp--custom--color--primary);
	padding: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

.recent-news-slider__dot:hover {
	background-color: var(--wp--custom--color--accent-1);
}

.recent-news-slider__dot.is-active {
	background-color: var(--wp--custom--color--primary);
}

/* Footer */
.recent-news-slider__footer {
	text-align: center;
	margin-top: var(--wp--preset--spacing--60);
}

/* Desktop: 2 cards per page */
@media (min-width: 768px) {
	.recent-news-slider__track {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile: 1 card per page */
@media (max-width: 767px) {
	.recent-news-slider__slider {
		padding-inline: calc(var(--recent-news-slider--arrow-size) - 10px);
	}

	.recent-news-slider__arrow {
		--recent-news-slider--arrow-size: 36px;
	}
}