/* Site-wide hover and click feel. Grouped by what kind of element it is,
   so a pill button lifts and grows, a text link underlines, and an icon
   just nudges, instead of one generic effect stretched over everything. */

/* --- Pill/CTA buttons: nav "Get in Touch", offer buttons, buy links, Calendly, form submits ---
   Many CTA pills (e.g. "Listen free", "Begin the 21 Days") are hand-styled inline with no shared
   class, so they're also matched by their signature border-radius:999px pill shape. */
.elementor-button,
.ast-custom-button-link,
.wpforms-submit,
a[href*="buy.stripe.com"],
a[href*="calendly.com"],
a[style*="border-radius:999px"] {
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
	will-change: transform;
}

.elementor-button:hover,
.ast-custom-button-link:hover,
.wpforms-submit:hover,
a[href*="buy.stripe.com"]:hover,
a[href*="calendly.com"]:hover,
a[style*="border-radius:999px"]:hover {
	transform: translateY(-3px) scale(1.06);
	box-shadow: 0 12px 28px rgba(70, 45, 40, .22);
	filter: brightness(1.05);
}

.elementor-button:active,
.ast-custom-button-link:active,
.wpforms-submit:active,
a[href*="buy.stripe.com"]:active,
a[href*="calendly.com"]:active,
a[style*="border-radius:999px"]:active {
	transform: translateY(0) scale(0.97);
	transition-duration: .08s;
}

/* --- Cards you click into (quiz cards, etc.) --- */
.quiz-card {
	transition: transform .2s ease, box-shadow .2s ease;
}

.quiz-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(70, 45, 40, .12);
}

/* --- Cream/rose content cards (matched by their signature background color,
   same pattern as the pill-button match above) --- */
div[style*="background:#faf5e5"] {
	transition: transform .22s ease, box-shadow .22s ease;
}

div[style*="background:#faf5e5"]:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 26px rgba(70, 45, 40, .1);
}

/* --- Icon controls: social icons, carousel arrows, mobile menu toggle, logo --- */
.footer-social-item,
.swiper-button-next,
.swiper-button-prev,
.menu-toggle,
.menu-toggle-close,
.custom-logo-link {
	transition: transform .18s ease, opacity .18s ease;
}

.footer-social-item:hover,
.swiper-button-next:hover,
.swiper-button-prev:hover,
.menu-toggle:hover,
.menu-toggle-close:hover {
	transform: scale(1.15);
	opacity: .85;
}

.custom-logo-link:hover {
	transform: scale(1.03);
}

/* --- Carousel dots --- */
.swiper-pagination-bullet {
	transition: transform .15s ease, opacity .15s ease;
}

.swiper-pagination-bullet:hover {
	transform: scale(1.35);
	opacity: .9;
}

/* --- Nav menu links --- */
.menu-link {
	position: relative;
	transition: color .15s ease;
}

.menu-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background: currentColor;
	transition: width .2s ease;
}

.menu-link:hover::after {
	width: 100%;
}

/* --- Plain text links inside page content (not already styled as a button/card above) --- */
main a[href]:not(.elementor-button):not(.ast-custom-button-link):not(.quiz-card):not(.menu-link):not([href*="buy.stripe.com"]):not([href*="calendly.com"]):not([style*="border-radius:999px"]) {
	transition: color .15s ease, text-decoration-color .15s ease;
}

main a[href]:not(.elementor-button):not(.ast-custom-button-link):not(.quiz-card):not(.menu-link):not([href*="buy.stripe.com"]):not([href*="calendly.com"]):not([style*="border-radius:999px"]):hover {
	color: var(--rose, #b07d74);
}

/* --- Gallery photo tiles: settle in instead of popping in mid-layout, zoom slightly on hover --- */
.ug-thumb-wrapper {
	animation: amira-tile-in .5s ease both;
}

.ug-thumb-wrapper:hover .ug-thumb-image {
	transform: scale(1.08);
}

@keyframes amira-tile-in {
	from { opacity: 0; transform: scale(.96); }
	to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.elementor-button,
	.ast-custom-button-link,
	.wpforms-submit,
	.quiz-card,
	.footer-social-item,
	.swiper-button-next,
	.swiper-button-prev,
	.menu-toggle,
	.menu-toggle-close,
	.custom-logo-link,
	.swiper-pagination-bullet,
	.menu-link::after,
	a[href*="buy.stripe.com"],
	a[href*="calendly.com"],
	a[style*="border-radius:999px"] {
		transition: none !important;
		transform: none !important;
	}

	.ug-thumb-wrapper {
		animation: none !important;
		opacity: 1 !important;
	}

	.ug-thumb-wrapper:hover .ug-thumb-image {
		transform: none !important;
	}
}