/* Home page (post 18675) tweaks. Owned by the home.css partial only. */

/* Task 2.8 — "FOLLOW ALONG" Instagram image-carousel (widget 5df268a).
   The prev/next arrows competed with the photos. Make them smaller and keep
   them hidden until the strip is hovered, then only faintly visible. */
body.elementor-page-18675 .elementor-element-5df268a .elementor-swiper-button {
	width: 26px;
	height: 26px;
	font-size: 14px;
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
}

body.elementor-page-18675 .elementor-element-5df268a .elementor-swiper-button i,
body.elementor-page-18675 .elementor-element-5df268a .elementor-swiper-button svg {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

/* Reveal (subtly) only while hovering the carousel. */
body.elementor-page-18675 .elementor-element-5df268a:hover .elementor-swiper-button {
	opacity: .5;
	pointer-events: auto;
}

/* Full strength on the arrow itself, so it can still be clicked deliberately. */
body.elementor-page-18675 .elementor-element-5df268a .elementor-swiper-button:hover {
	opacity: .9;
}

/* "FOLLOW ALONG" handle links to X (Oct 2026): keep the paragraph's own look. */
body.elementor-page-18675 [data-id="41148e2"] a {
	color: inherit;
	text-decoration: none;
}
body.elementor-page-18675 [data-id="41148e2"] a:hover,
body.elementor-page-18675 [data-id="41148e2"] a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}