/*
 Theme Name:        Uptown Charity Theme
 Text Domain:       uptown-child-charity
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Charity is a child theme designed to be used alongside the Uptown theme.
 Template:          uptown
 Version:           1.0.0
 Requires at least: 6.4
 Tested up to:      7.0
 Requires PHP:      8.3
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Buttons */
.btn-primary,
button.post-list-button,
.header__wrapper .header__search .search-wrapper .search-submit {
	background: var(--xui-primary);
	border: 1px solid transparent;
	border-radius: 2rem;
	box-sizing: border-box;
	color: var(--xui-white);
	cursor: pointer;
	display: inline-block;
	line-height: 1.2;
	padding: 0.5rem 1rem;

	/* Transition for hover and focus states */
	transition:
		background-size 0.5s ease-in-out,
		background-color 0.5s ease-in-out,
		color 0.5s ease-in-out;

	/* Optional radial gradient effect */
	background-origin: border-box !important;
	background-position: 50% 100% !important;
	background-size: 0 !important;
}

.btn-primary,
.gform_button,
.cat-links a,
.post-terms a,
.search-wrapper .search-field {
	border-radius: 2rem !important;
}

ul.post-list-terms li {
	display: inline-block;
	font-weight: var(--xui-font-weight-semibold);
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

/* Images */
.post-image {
	border-radius: 1rem;
}

/* Forms */
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 2.5rem !important;
}

.is-style-outline .wp-block-button__link {
	border-color: var(--xui-white);
}

.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
	background: var(--xui-primary-dark);
	border-color: var(--xui-primary-dark);
}

.subtitle {
	color: var(--xui-primary);
	font-weight: 600;
	letter-spacing: 0.1rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

h2.logo {
	align-items: flex-start;
	display: flex;
	gap: 0.5rem;
}

h2.logo::before {
	background: url("/wp-content/themes/uptown-child-charity/assets/img/logo-icon.png")
		center / contain no-repeat;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 2.5rem;
	width: 2.5rem;
}

.kt-blocks-accordion-header {
	font-weight: 600;
}

.kt-testimonial-content {
	font-style: italic;
}

.kb-adv-text-inner a {
	font-weight: var(--xui-font-weight-semibold);
}

.staff__photo img {
	border: 0.375rem solid var(--xui-white);
	border-radius: 50% !important;
	box-shadow: 0 0 0 0.25rem #4b4540;
	display: block;
}

/* Title block overlay */
#title-block.bkg-img .tb-wrapper::before {
	background: linear-gradient(
		90deg,
		rgba(24, 48, 61, 0.92) 0%,
		rgba(24, 48, 61, 0.75) 30%,
		rgba(24, 48, 61, 0.45) 55%,
		rgba(24, 48, 61, 0.12) 100%
	);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

@media (max-width: 991.98px) {
	#title-block.bkg-img .tb-wrapper::before {
		background: linear-gradient(
			90deg,
			rgba(24, 48, 61, 0.92) 0%,
			rgba(24, 48, 61, 0.82) 30%,
			rgba(24, 48, 61, 0.75) 55%,
			rgba(24, 48, 61, 0.65) 100%
		);
	}
}

/* Testimonial carousel */
.wp-block-kadence-testimonials .splide__pagination {
	gap: 0.5rem;
	margin-top: 2rem;
}

/* Pagination dots */
.wp-block-kadence-testimonials .splide__pagination__page,
.wp-block-kadence-testimonials
	.kt-carousel-dotstyle-dark
	.splide__pagination__page {
	background: var(--xui-neutral-200) !important;
	border: 0 !important;
	border-radius: 50%;
	box-shadow: none !important;
	height: 0.625rem;
	margin: 0;
	opacity: 1 !important;
	padding: 0;
	transform: none !important;
	width: 0.625rem;
}

.wp-block-kadence-testimonials .splide__pagination__page:hover,
.wp-block-kadence-testimonials .splide__pagination__page:focus,
.wp-block-kadence-testimonials
	.kt-carousel-dotstyle-dark
	.splide__pagination__page:hover,
.wp-block-kadence-testimonials
	.kt-carousel-dotstyle-dark
	.splide__pagination__page:focus {
	background: var(--xui-neutral-400) !important;
}

.wp-block-kadence-testimonials .splide__pagination__page.is-active,
.wp-block-kadence-testimonials
	.kt-carousel-dotstyle-dark
	.splide__pagination__page.is-active {
	background: var(--xui-primary) !important;
	transform: none !important;
}

/* Faded divider lines between visible testimonials */
.wp-block-kadence-testimonials .splide__slide.is-visible {
	position: relative;
}

.wp-block-kadence-testimonials
	.splide__slide.is-visible
	+ .splide__slide.is-visible::before {
	background: linear-gradient(
		to bottom,
		transparent,
		var(--xui-neutral-200) 20%,
		var(--xui-neutral-200) 80%,
		transparent
	);
	content: "";
	height: 80%;
	left: calc(var(--global-kb-spacing-md, 2rem) / -2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

@media (max-width: 767px) {
	.wp-block-kadence-testimonials .splide__slide.is-visible::before {
		display: none;
	}
}