/**
 * Team Member Grid Block Front-end CSS
 * Updated to display 4 cards in a row and support bottom background
 */

/* Background Colors - Named Colors */
.team-member-grid.bg-dark-blue,
.team-member-grid-section .bg-dark-blue {
	background-color: #0F293E;
}

.team-member-grid.bg-dark-brown,
.team-member-grid-section .bg-dark-brown {
	background-color: #290B0B;
}

.team-member-grid.bg-burgundy,
.team-member-grid-section .bg-burgundy {
	background-color: #800020;
}

.team-member-grid.bg-gold,
.team-member-grid-section .bg-gold {
	background-color: #B8860B;
}

.team-member-grid.bg-copper,
.team-member-grid-section .bg-copper {
	background-color: #B87333;
}

.team-member-grid.bg-periwinkle,
.team-member-grid-section .bg-periwinkle {
	background-color: #CCCCFF;
}

.team-member-grid.bg-deep-blue,
.team-member-grid-section .bg-deep-blue {
	background-color: #00008B;
}

.team-member-grid.bg-dark-red,
.team-member-grid-section .bg-dark-red {
	background-color: #8B0000;
}

.team-member-grid.bg-white,
.team-member-grid-section .bg-white {
	background-color: #FFFFFF;
}

.team-member-grid-section .bg-white-compliment {
	background-color: #F6F6F6;
}

.team-member-grid.bg-black,
.team-member-grid-section .bg-black {
	background-color: #000000;
}

/* Text Colors */
.team-member-grid.text-white,
.team-member-grid.text-white h1,
.team-member-grid.text-white h2,
.team-member-grid.text-white h3,
.team-member-grid.text-white h4,
.team-member-grid.text-white h5,
.team-member-grid.text-white h6,
.team-member-grid.text-white p,
.team-member-grid.text-white .team-member-grid-title,
.team-member-grid.text-white .team-member-grid-description,
.team-member-grid-section.text-white,
.team-member-grid-section.text-white h1,
.team-member-grid-section.text-white h2,
.team-member-grid-section.text-white h3,
.team-member-grid-section.text-white h4,
.team-member-grid-section.text-white h5,
.team-member-grid-section.text-white h6,
.team-member-grid-section.text-white p,
.team-member-grid-section.text-white .team-member-grid-title,
.team-member-grid-section.text-white .team-member-grid-description {
	color: #FFFFFF;
}

.team-member-grid.text-black,
.team-member-grid.text-black h1,
.team-member-grid.text-black h2,
.team-member-grid.text-black h3,
.team-member-grid.text-black h4,
.team-member-grid.text-black h5,
.team-member-grid.text-black h6,
.team-member-grid.text-black p,
.team-member-grid.text-black .team-member-grid-title,
.team-member-grid.text-black .team-member-grid-description,
.team-member-grid-section.text-black,
.team-member-grid-section.text-black h1,
.team-member-grid-section.text-black h2,
.team-member-grid-section.text-black h3,
.team-member-grid-section.text-black h4,
.team-member-grid-section.text-black h5,
.team-member-grid-section.text-black h6,
.team-member-grid-section.text-black p,
.team-member-grid-section.text-black .team-member-grid-title,
.team-member-grid-section.text-black .team-member-grid-description {
	color: #000000;
}

.team-member-grid.text-dark-blue,
.team-member-grid.text-dark-blue h1,
.team-member-grid.text-dark-blue h2,
.team-member-grid.text-dark-blue h3,
.team-member-grid.text-dark-blue h4,
.team-member-grid.text-dark-blue h5,
.team-member-grid.text-dark-blue h6,
.team-member-grid.text-dark-blue p,
.team-member-grid.text-dark-blue .team-member-grid-title,
.team-member-grid.text-dark-blue .team-member-grid-description,
.team-member-grid-section.text-dark-blue,
.team-member-grid-section.text-dark-blue h1,
.team-member-grid-section.text-dark-blue h2,
.team-member-grid-section.text-dark-blue h3,
.team-member-grid-section.text-dark-blue h4,
.team-member-grid-section.text-dark-blue h5,
.team-member-grid-section.text-dark-blue h6,
.team-member-grid-section.text-dark-blue p,
.team-member-grid-section.text-dark-blue .team-member-grid-title,
.team-member-grid-section.text-dark-blue .team-member-grid-description {
	color: #0F293E;
}

/* Override to exclude team member info from the text color inheritance */
.team-member-grid .team-member-info h3.team-member-name,
.team-member-grid .team-member-info p.team-member-position,
.team-member-grid-section .team-member-info h3.team-member-name,
.team-member-grid-section .team-member-info p.team-member-position {
	color: #FFFFFF !important;
}

/* Special case for white background */
.team-member-grid .team-member-info.bg-white h3.team-member-name,
.team-member-grid .team-member-info.bg-white p.team-member-position,
.team-member-grid-section .team-member-info.bg-white h3.team-member-name,
.team-member-grid-section .team-member-info.bg-white p.team-member-position,
.team-member-grid .team-member-info.bg-white-compliment h3.team-member-name,
.team-member-grid .team-member-info.bg-white-compliment p.team-member-position,
.team-member-grid-section .team-member-info.bg-white-compliment h3.team-member-name,
.team-member-grid-section .team-member-info.bg-white-compliment p.team-member-position {
	color: #000000 !important;
}

/* Eyebrow Styles */
.team-member-grid-section .eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

/* Eyebrow style variations */
.team-member-grid-section .eyebrow-style-uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

.team-member-grid-section .eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.team-member-grid-section .eyebrow-style-bold {
	font-weight: 700;
	text-transform: uppercase;
}

.team-member-grid-section .eyebrow-style-elegant {
	font-style: italic;
}

/* Title and Description Styles */
.team-member-grid .team-member-grid-title,
.team-member-grid-section .team-member-grid-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 114%;
	margin-bottom: 32px;
	font-weight: 400;
	text-align: left;
}

.team-member-grid .team-member-grid-description,
.team-member-grid-section .team-member-grid-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	letter-spacing: -0.48px;
	margin-bottom: 48px;
	text-align: left;
}

/* Button Styles */
.team-member-grid-section .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* Button Style 1: Default (Blue Background) */
.team-member-grid-section .wp-block-button.is-style-default .wp-block-button__link {
	background-color: #A6B8E3;
	color: #000000;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
}

.team-member-grid-section .wp-block-button.is-style-default .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
	background-color: #788FC6;
}

/* Button Style 2: Solid (Brown Background) */
.team-member-grid-section .wp-block-button.is-style-solid .wp-block-button__link {
	background-color: #AA632C;
	color: #FFFFFF;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
	border: none;
	cursor: pointer;
	text-align: center;
}

.team-member-grid-section .wp-block-button.is-style-solid .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}

/* Button Style 3: Arrow */
.team-member-grid-section .wp-block-button.is-style-arrow .wp-block-button__link {
	background-color: transparent;
	color: inherit;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	position: relative;
	border-radius: 0;
}

.team-member-grid-section .wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='16' viewBox='0 0 29 16' fill='none'%3E%3Cpath d='M28.7071 8.70711C29.0976 8.31659 29.0976 7.68342 28.7071 7.2929L22.3431 0.928934C21.9526 0.53841 21.3195 0.53841 20.9289 0.928934C20.5384 1.31946 20.5384 1.95262 20.9289 2.34315L26.5858 8L20.9289 13.6569C20.5384 14.0474 20.5384 14.6805 20.9289 15.0711C21.3195 15.4616 21.9526 15.4616 22.3431 15.0711L28.7071 8.70711ZM-8.74228e-08 9L28 9L28 7L8.74228e-08 7L-8.74228e-08 9Z' fill='%23AA622C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.team-member-grid-section .wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

.team-member-grid-bg-image-cont{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
}

/* Team Member Grid Styles */
.team-member-grid-section {
	position: relative;
	min-height: 676px;
	width: 100%;
	overflow: hidden;
	padding: 117px 0;
}

/* Background bottom section */
.team-member-grid-section .absolute.w-full.left-0.right-0.bottom-0 {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

/* Support for hex colors */
.team-member-grid-section [class*="bg-hex-"] {
	/* Note: Hex colors will need to be handled with inline styles or JavaScript */
}

.team-member-grid-container {
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px; /* Increased padding for better spacing */
	position: relative;
	flex-direction: column;
	z-index: 10; /* Ensure content stays above the background */
}

@media (max-width: 1500px) {
	.team-member-grid-container{
		max-width: 1200px;
	}
}

@media (max-width: 1500px) {
	.team-member-grid-section .eyebrow {
		font-size: 16px !important;
	}

	.team-member-grid .team-member-grid-description,
	.team-member-grid-section .team-member-grid-description {
		font-size: 16px !important;
	}

	.team-member-grid-section .wp-block-button.is-style-default .wp-block-button__link {
		font-size: 16px !important;
	}

	.team-member-grid-section .wp-block-button.is-style-solid .wp-block-button__link {
		font-size: 16px !important;
	}

	.team-member-grid-section .wp-block-button.is-style-arrow .wp-block-button__link {
		font-size: 16px !important;
	}

	.team-grid-content-column .flex .midfield-description p,
	.team-grid-content-column .flex .midfield-description li {
		font-size: 16px !important;
	}

	.team-grid-content-column .flex .midfield-description a {
		font-size: 16px !important;
	}

	.teamgrid-cta-link {
		font-size: 16px !important;
	}
}

/* Content Column */
.team-grid-content-column {
	display: flex;
	flex-direction: row !important; /* Force row direction */
	justify-content: space-between !important; /* Space between content and navigation */
	align-items: flex-start !important; /* Align items to the top */
	margin-bottom: 20px;
	width: 100%;
}

/* Content Wrapper */
.team-grid-content-wrapper {
	flex: 1 1 100%; /* Take 70% of the space but allow flex */
	padding-right: 30px; /* Add some spacing between content and navigation */
	text-align: left;
}

/* Desktop/Mobile visibility control */
.desktop-only {
	display: flex;
}

.mobile-only {
	display: none;
}


/* Buttons below inner blocks (when buttons_left is true) - desktop only */
.grid-navigation.buttons-below {
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	gap: 8px;
	position: relative;
	z-index: 15;
	margin-top: 25px;
	margin-bottom: 25px;
}

/* Container for navigation buttons and optional midfield description */
.team-grid-content-column .flex {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 13px;
	width: 100%;
}

/* Right side buttons (when buttons_left is false) - desktop only */
.grid-navigation.buttons-right {
	display: flex;
	justify-content: flex-end !important;
	align-items: center;
	margin: 0;
	gap: 8px;
	position: relative;
	z-index: 15;
	margin-left: 30px;
	flex: 0 0 auto;
}

/* Mobile navigation (independent of buttons_left setting) */
.grid-navigation.mobile-only {
	position: relative;
	margin-top: 20px;
	margin-bottom: 60px;
	justify-content: flex-start !important;
	display: none;
}

/**
 * Midfield Description WYSIWYG Styles
 */

/* Base container for midfield description */
.team-grid-content-column .flex .midfield-description {
	flex: 1;
	max-width: calc(100% - 120px);
}

/* Default paragraph and list item styles for midfield description */
.team-grid-content-column .flex .midfield-description p,
.team-grid-content-column .flex .midfield-description li {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	letter-spacing: -0.48px;
	margin-bottom: 16px;
	line-height: 1.5;
}

/* List styles for midfield description */
.team-grid-content-column .flex .midfield-description ul {
	padding-left: 20px;
	margin-bottom: 16px;
}

.team-grid-content-column .flex .midfield-description ol {
	padding-left: 20px;
	margin-bottom: 16px;
}

/* Header styles for midfield description - match innerblock headers */
.team-grid-content-column .flex .midfield-description h1,
.team-grid-content-column .flex .midfield-description h2,
.team-grid-content-column .flex .midfield-description h3,
.team-grid-content-column .flex .midfield-description h4,
.team-grid-content-column .flex .midfield-description h5,
.team-grid-content-column .flex .midfield-description h6 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 114%;
	margin-bottom: 24px;
	font-weight: 400;
}

/* Adjust heading sizes for hierarchy */
.team-grid-content-column .flex .midfield-description h2 {
	font-size: 40px;
}

.team-grid-content-column .flex .midfield-description h3 {
	font-size: 32px;
}

.team-grid-content-column .flex .midfield-description h4 {
	font-size: 24px;
}

.team-grid-content-column .flex .midfield-description h5,
.team-grid-content-column .flex .midfield-description h6 {
	font-size: 20px;
}

/* Link styles for midfield description as specified */
.team-grid-content-column .flex .midfield-description a {
	color: #AA622C;
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.48px;
	text-decoration: underline;
	transition: all 0.3s ease;
}

.team-grid-content-column .flex .midfield-description a:hover {
	opacity: 0.8;
}

/* Grid Column */
.grid-column {
	flex: 0 0 100%;
	position: relative;
	overflow: visible; /* Changed to visible to allow the peek effect */
	height: auto;
	min-height: 450px;
	z-index: 10; /* Ensure grid stays above the background */
}

/* Grid Track - Modified for 4-card layout */
.grid-track-team {
	display: flex;
	flex-wrap: nowrap; /* Changed to nowrap for carousel effect */
	position: relative;
	margin-bottom: 30px;
	justify-content: center;
	overflow: visible; /* Allow overflow to be visible for peek effect */
	width: 100%;
}

.grid-item-team {
	position: relative;
	height: auto;
	flex: 0 0 calc(25%);
	max-width: calc(25%);
	margin-right: 0;
	transition: all 0.3s ease; /* Smooth transition for carousel movement */
}

.grid-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 1/1.2; /* Maintain consistent aspect ratio */
	transition: transform 0.3s ease; /* Add smooth transition for hover effect */
}

/* Image hover effect - 1.1 scale zoom */
.team-member-card:hover .grid-image {
	transform: scale(1.1);
}

/* Navigation Buttons */
.grid-prev,
.grid-next {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.3s ease;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-prev svg,
.grid-next svg {
	width: 45px;
	height: 45px;
}

.grid-prev:disabled,
.grid-next:disabled {
	cursor: pointer; /* Changed to allow clicking even when "disabled" for loop effect */
	opacity: 1; /* Keep full opacity for loop effect */
}

.grid-prev:focus,
.grid-next:focus {
	outline: none;
}

/* Card styling for team members */
.team-member-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 10;
}

/* Container for name and position */
.team-member-info {
	padding: 20px;
	color: #FFFFFF;
	width: 100%;
	position: relative;
	z-index: 10;
	height: 100%;
	min-height: 150px;

}

/* Name styling */
.team-member-name {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 5px 0;
	font-weight: 400;
	color: #FFFFFF;
	max-width: 150px;
}

/* Position styling */
.team-member-position {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	letter-spacing: 2.72px;
	text-transform: uppercase;
	color: #FFFFFF;
}

/* Style for white background complementary color */
.bg-white-compliment {
	background-color: #0F293E; /* Or any complementary color you want */
}

/* Text color overrides */
.team-member-name.text-black {
	color: #000000 !important;
}

.team-member-position.text-black {
	color: #000000 !important;
}

/* Reset color overrides from parent elements */
.text-black .team-member-info,
.text-dark-blue .team-member-info {
	color: #FFFFFF;
}

.text-black .team-member-name,
.text-dark-blue .team-member-name,
.text-black .team-member-position,
.text-dark-blue .team-member-position {
	color: #FFFFFF;
}

/* Responsive adjustments - Tablet */
@media (max-width: 1024px) {
	.team-member-grid-container {
		flex-direction: column;
		padding: 0 30px;
	}

	.team-grid-content-column {
		flex-direction: column !important;
	}

	.team-grid-content-wrapper {
		flex: 1 1 100%;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 0;
	}

	.team-grid-content-column .flex {
		width: 100%;
		margin-top: 0;
		flex-direction: column;
	}



	/* Apply to desktop navigation */
	.grid-navigation.buttons-right,
	.grid-navigation.buttons-below {
		margin-left: 0;
		margin-top: 0;
	}

	.grid-column {
		flex: 0 0 100%;
		width: 100%;
	}

	/*.team-grid-content-column {*/
	/*	padding-bottom: 20px;*/
	/*}*/

	.team-grid-content-wrapper {
		max-width: 100%;
	}

	.team-member-grid-section {
		min-height: auto;
		padding-top: 87px;
		padding-bottom: 82px;
		padding-left: 0;
		padding-right: 0;
	}

	/* Adjust to 2 cards per row on tablet */
	.grid-item-team {
		flex: 0 0 calc(50%);
		max-width: calc(50%);
	}


	/* Responsive adjustments for midfield description */
	.team-grid-content-column .flex .midfield-description {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.team-grid-content-column .flex .midfield-description h1,
	.team-grid-content-column .flex .midfield-description h2 {
		font-size: 36px;
	}

	.team-grid-content-column .flex .midfield-description h3 {
		font-size: 28px;
	}

}

/* Responsive adjustments - Mobile */
@media (max-width: 768px) {

	/* Hide desktop navigation on mobile */
	.desktop-only {
		display: none !important;
	}

	/* Show mobile navigation on mobile */
	.mobile-only {
		display: flex !important;
	}

	/* Title and Description Styles */
	.team-member-grid .team-member-grid-title,
	.team-member-grid-section .team-member-grid-title {
		font-size: 42px;
		margin-bottom: 24px;
	}

	.team-member-grid-container {
		padding: 0;
	}


	.team-member-grid-container {
		padding: 0 20px;
	}

	.team-member-grid-title {
		font-size: 28px;
		text-align: left !important;
	}

	.team-member-grid-description {
		text-align: left !important;
	}

	.team-grid-content-wrapper {
		text-align: left;
	}

	/* Adjust content title alignment */
	.team-member-grid .team-member-grid-title,
	.team-member-grid-section .team-member-grid-title {
		text-align: left !important;
	}

	.team-member-grid .team-member-grid-description,
	.team-member-grid-section .team-member-grid-description {
		text-align: left !important;
	}

	/* Modified carousel layout for mobile to show peek effect */
	.grid-column {
		overflow: hidden;
		padding: 0;
		margin: 0 -20px; /* Extend beyond container padding */
		width: calc(100% + 40px); /* Match the negative margin */
		position: relative;
	}

	.grid-track-team {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 0;
		gap: 0; /* Remove gap to ensure cards touch */
		transition: transform 0.3s ease;
	}

	/* Card styling for peek effect - 80% width with no gap */
	.grid-item-team {
		flex: 0 0 80%; /* Each card takes 80% of viewport width */
		max-width: 80%;
		transition: all 0.3s ease;
		margin: 0; /* No margin between cards */
		box-sizing: border-box;
		position: relative;
	}

	/* Remove any scaling or opacity effects - show cards at full visibility */
	.grid-item-team.active,
	.grid-item-team {
		opacity: 1;
		transform: none;
	}

	/* UPDATED: Increased image height to 500px */
	.team-member-card .grid-image {
		width: 100%;
		height: auto;
		max-height: 325px;
		display: block;
		object-fit: cover;
		aspect-ratio: 1/1.2;
	}

	.team-member-info {
		padding: 15px;
	}


	/* Position navigation buttons for mobile */
	.grid-navigation.mobile-only {
		position: relative;
		margin-top: 20px;
		margin-left: 0;
		justify-content: flex-start !important;
		display: flex !important;
	}

	/* Make CTA button align with other content */
	.teamgrid-cta-link {
		margin-top: 20px;
		align-self: flex-start;
	}

	/* Eyebrow text alignment */
	.team-member-grid-section .eyebrow {
		text-align: left;
	}

	/* Control overall card size - REMOVED max-height to ensure content isn't cut off */
	.team-member-card {
		margin: 0;
		height: auto;
		/* Removed max-height constraint to ensure bottom content isn't cut off */
	}

	/* Mobile style for midfield description */
	.team-grid-content-column .flex .midfield-description {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
	}

	.team-grid-content-column .flex .midfield-description h1,
	.team-grid-content-column .flex .midfield-description h2 {
		font-size: 28px;
		text-align: left;
	}

	.team-grid-content-column .flex .midfield-description h3 {
		font-size: 24px;
	}

	.team-grid-content-column .flex .midfield-description p,
	.team-grid-content-column .flex .midfield-description li {
		text-align: left;
	}

	/* Ensure buttons layout properly on mobile */
	.team-grid-content-column .flex {
		flex-direction: column;
		align-items: flex-start;
	}
}

.teamgrid-cta-link {
	background-color: #AA632C;
	color: #FFFFFF;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
}

.teamgrid-cta-link:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}

/* Optional: CSS for cloned items */
.grid-item-team.clone-item {
	/* Keep the same styles as regular items */
	opacity: 1;
	transform: none;
}

/* JS sync - Target the same buttons whether they're in buttons-below, buttons-right, or mobile-only */
.team-member-grid-section .grid-prev,
.team-member-grid-section .grid-next {
	/* Same styling applies to all button locations */
}

/* Grid navigation button hover effects */
.team-member-grid-section .grid-prev circle,
.team-member-grid-section .grid-next circle {
	fill: rgba(246, 246, 246, 0.80);
	transition: fill 0.3s ease;
}

.team-member-grid-section .grid-prev:hover circle,
.team-member-grid-section .grid-next:hover circle {
	fill: rgba(170, 98, 44, 0.08);
}