/* Adinath homepage hero slider (Prime Slider "General" widget with CSS class adn-hero).
   Typography, colours, heights and slide content are set in Elementor; this file handles
   the overlay, layout, motion and navigation that the free widget has no controls for. */

.adn-hero {
	--adn-navy: 6, 22, 36;
	--adn-teal: #3cc1c9;
	--adn-teal-dark: #2aa9b1;
	--adn-ink: #061f2c;
	--adn-edge: max(24px, calc((100% - 1120px) / 2));
	--adn-nav-bottom: 92px;
}

/* Slide background: slow, continuous zoom (replaces the default 15s jump) */
.adn-hero .bdt-animation-kenburns {
	animation: adn-hero-zoom 18s ease-in-out infinite alternate !important;
	transform-origin: 60% 50% !important;
}
@keyframes adn-hero-zoom {
	from { transform: scale(1); }
	to   { transform: scale(1.08); }
}

/* Readability overlay: deep navy on the text side, clear over the machinery */
.adn-hero .bdt-slideshow .bdt-overlay-default {
	background:
		linear-gradient(90deg, rgba(var(--adn-navy), .92) 0%, rgba(var(--adn-navy), .78) 32%, rgba(var(--adn-navy), .35) 62%, rgba(var(--adn-navy), .08) 100%),
		linear-gradient(0deg, rgba(var(--adn-navy), .55) 0%, rgba(var(--adn-navy), 0) 38%) !important;
	z-index: 1;
}

/* Content column aligned with the header's logo */
.adn-hero .bdt-slideshow-item { justify-content: flex-start !important; }
.adn-hero .bdt-prime-slider-wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 var(--adn-edge) 70px;
	box-sizing: border-box;
}
.adn-hero .bdt-prime-slider-content { max-width: 680px; }
.adn-hero .bdt-prime-slider-desc { margin: 0 !important; }

/* Eyebrow (product line) */
.adn-hero .bdt-sub-title { display: block; margin: 0 0 18px; }
.adn-hero .bdt-prime-slider-desc .bdt-sub-title .bdt-ps-sub-title {
	display: inline-flex !important;
	align-items: center;
	gap: 14px;
	margin: 0 !important;
}
.adn-hero .bdt-ps-sub-title::before {
	content: "";
	width: 40px;
	height: 2px;
	background: var(--adn-teal);
	flex: none;
}

/* Headline */
.adn-hero .bdt-prime-slider-desc .bdt-main-title {
	display: block !important;
	margin: 0 0 34px !important;
	padding: 0 !important;
	background: none !important;
	border-radius: 0 !important;
}
.adn-hero .bdt-prime-slider-desc .bdt-main-title .bdt-title-tag {
	display: block !important;
	text-wrap: balance;
	text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}

/* Call to action */
.adn-hero .bdt-btn-wrapper { display: flex; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn {
	display: inline-flex;
	align-items: center;
	padding: 16px 28px !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: var(--adn-teal) !important;
	color: var(--adn-ink) !important;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .4px;
	box-shadow: 0 10px 30px -10px rgba(60, 193, 201, .7);
	transition: background-color .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn:hover,
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn:focus-visible {
	background: #fff !important;
	color: var(--adn-ink) !important;
	transform: translateY(-2px);
	box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .55);
}
.adn-hero .bdt-slide-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.adn-hero .bdt-prime-slider-button-text { gap: 12px; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn .bdt-slide-btn-icon,
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn:hover .bdt-slide-btn-icon {
	position: static !important;
	width: auto !important;
	height: auto !important;
	background: none !important;
	border-radius: 0 !important;
	transition: transform .3s ease;
}
.adn-hero .bdt-slide-btn:hover .bdt-slide-btn-icon { transform: translateX(4px); }
.adn-hero .bdt-slide-btn .bdt-slide-btn-icon svg { width: 18px; height: 18px; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn .bdt-slide-btn-icon svg *,
.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn:hover .bdt-slide-btn-icon svg * {
	stroke: currentColor !important;
	stroke-width: 1.6;
}

/* Text enters in sequence on each slide */
.adn-hero .bdt-slideshow-item .bdt-sub-title,
.adn-hero .bdt-slideshow-item .bdt-main-title,
.adn-hero .bdt-slideshow-item .bdt-btn-wrapper {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}
.adn-hero .bdt-slideshow-item.bdt-active .bdt-sub-title,
.adn-hero .bdt-slideshow-item.bdt-active .bdt-main-title,
.adn-hero .bdt-slideshow-item.bdt-active .bdt-btn-wrapper {
	opacity: 1;
	transform: none;
}
.adn-hero .bdt-slideshow-item.bdt-active .bdt-sub-title { transition-delay: .25s; }
.adn-hero .bdt-slideshow-item.bdt-active .bdt-main-title { transition-delay: .4s; }
.adn-hero .bdt-slideshow-item.bdt-active .bdt-btn-wrapper { transition-delay: .6s; }

/* Arrows: bottom right, in line with the content edge */
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-previous,
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-next {
	z-index: 3;
	width: 52px !important;
	height: 52px !important;
	margin: 0 !important;
	bottom: var(--adn-nav-bottom);
	border: 1px solid rgba(255, 255, 255, .35) !important;
	border-radius: 4px !important;
	background: rgba(255, 255, 255, .08) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transform: none !important;
	transition: background-color .3s ease, border-color .3s ease !important;
}
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-next { right: var(--adn-edge) !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-previous { right: calc(var(--adn-edge) + 64px) !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-previous:hover,
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-next:hover {
	background: var(--adn-teal) !important;
	border-color: var(--adn-teal) !important;
}
.adn-hero .bdt-prime-slider-previous::before,
.adn-hero .bdt-prime-slider-next::before { display: none !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-previous svg,
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-next svg,
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-previous:hover svg,
.adn-hero .bdt-prime-slider-skin-general .bdt-prime-slider-next:hover svg {
	width: 10px !important;
	color: #fff;
	transform: none !important;
}

/* Pagination: progress bars, bottom left */
.adn-hero .bdt-prime-slider-skin-general .bdt-dotnav {
	z-index: 3;
	left: var(--adn-edge) !important;
	bottom: calc(var(--adn-nav-bottom) + 24px);
	margin: 0 !important;
	gap: 10px;
}
.adn-hero .bdt-prime-slider-skin-general .bdt-slideshow-nav li { margin: 0 !important; padding: 0 !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slideshow-nav li a {
	width: 28px !important;
	height: 4px !important;
	border: 0 !important;
	border-radius: 2px;
	background: rgba(255, 255, 255, .35) !important;
	transition: width .4s ease, background-color .4s ease !important;
}
.adn-hero .bdt-prime-slider-skin-general .bdt-slideshow-nav li a::before { display: none !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slideshow-nav li a:hover { background: rgba(255, 255, 255, .7) !important; }
.adn-hero .bdt-prime-slider-skin-general .bdt-slideshow-nav li.bdt-active a {
	width: 56px !important;
	background: var(--adn-teal) !important;
}

/* Tablet */
@media (max-width: 1024px) {
	.adn-hero { --adn-nav-bottom: 84px; }
	.adn-hero .bdt-prime-slider-content { max-width: 560px; }
}

/* Mobile: full-width shade, text above the pagination, swipe instead of arrows */
@media (max-width: 767px) {
	.adn-hero { --adn-edge: 20px; --adn-nav-bottom: 76px; }
	.adn-hero .bdt-slideshow .bdt-overlay-default {
		background: linear-gradient(180deg, rgba(var(--adn-navy), .45) 0%, rgba(var(--adn-navy), .7) 45%, rgba(var(--adn-navy), .92) 100%) !important;
	}
	.adn-hero .bdt-slideshow-item { align-items: flex-end !important; }
	.adn-hero .bdt-prime-slider-wrapper { padding-bottom: 120px; }
	.adn-hero .bdt-sub-title { margin-bottom: 12px; }
	.adn-hero .bdt-ps-sub-title::before { width: 28px; }
	.adn-hero .bdt-prime-slider-desc .bdt-main-title { margin-bottom: 24px !important; }
	.adn-hero .bdt-prime-slider-skin-general .bdt-slide-btn { padding: 14px 22px !important; font-size: 14px; }
	.adn-hero .bdt-prime-slider-previous,
	.adn-hero .bdt-prime-slider-next { display: none !important; }
	.adn-hero .bdt-prime-slider-skin-general .bdt-dotnav { bottom: var(--adn-nav-bottom); }
}

@media (prefers-reduced-motion: reduce) {
	.adn-hero .bdt-animation-kenburns { animation: none !important; }
	.adn-hero .bdt-slideshow-item .bdt-sub-title,
	.adn-hero .bdt-slideshow-item .bdt-main-title,
	.adn-hero .bdt-slideshow-item .bdt-btn-wrapper { transition: none; opacity: 1; transform: none; }
}
