/**
 * Toggle Text Widget styles.
 * All colors and timings are driven by CSS variables set from Elementor controls.
 */

.aht-toggle {
	--aht-duration: 350ms;
	--aht-c1: #af683e;
	--aht-c2: #78290d;
	text-align: center;
}

.aht-toggle__visible,
.aht-toggle__inner {
	width: 100%;
}

/* Trigger: an inline-flex button so it follows the parent's text-align
   (works for both LTR and RTL without any extra logic). */
.aht-toggle__trigger {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--aht-icon-size);
	height: var(--aht-icon-size);
	margin: var(--aht-gap) 0;
	padding: 0;
	border: 0;
	background: none;
	line-height: 0;
	cursor: pointer;
	color: inherit;
	transition: transform var(--aht-duration) ease;
}

.aht-toggle__trigger:hover {
	transform: scale(1.06);
}

.aht-toggle__trigger:focus-visible {
	outline: 2px solid var(--aht-c2);
	outline-offset: 4px;
	border-radius: 50%;
}

.aht-toggle__icon {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

/* Gradient stops driven by the color controls. */
.aht-toggle__icon .aht-stop-1 {
	stop-color: var(--aht-c1);
}

.aht-toggle__icon .aht-stop-2 {
	stop-color: var(--aht-c2);
}

/* The two bars are identical rects. The "vertical" one is rotated upright at
   rest (forming the plus) and rotates flat on open so it overlaps the static
   horizontal bar, leaving a clean minus. Rotating around its own fill-box
   center keeps it pinned to the icon's center. */
.aht-toggle__icon .aht-vertical {
	transform-box: fill-box;
	transform-origin: center;
	transform: rotate(90deg);
	transition: transform var(--aht-duration) ease;
}

.aht-toggle.is-open .aht-toggle__icon .aht-vertical {
	transform: rotate(0deg);
}

/* Expanding panel: grid-template-rows 0fr -> 1fr animates to the content's
   natural height with no JavaScript measuring. */
.aht-toggle__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--aht-duration) ease;
}

.aht-toggle.is-open .aht-toggle__panel {
	grid-template-rows: 1fr;
}

.aht-toggle__inner {
	overflow: hidden;
	min-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--aht-duration) ease,
		visibility 0s linear var(--aht-duration);
}

/* visibility:hidden while collapsed keeps the hidden text out of the tab order
   and the screen-reader tree; it flips to visible immediately on open. */
.aht-toggle.is-open .aht-toggle__inner {
	opacity: 1;
	visibility: visible;
	transition: opacity var(--aht-duration) ease,
		visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {
	.aht-toggle__panel,
	.aht-toggle__inner,
	.aht-toggle__trigger,
	.aht-toggle__icon .aht-vertical {
		transition-duration: 0.01ms !important;
	}
}

@media (min-width: 1925px){
	.aht-toggle {
		--aht-icon-size: 44px;
		--aht-gap: 16px;
	}
}

/* leptops screens */
@media (min-width: 767px) and (max-width:1925px){
		.aht-toggle {
		--aht-icon-size: 2.3vw;
		--aht-gap: 0.78vw;
	}
}

@media (max-width: 767px){
	.aht-toggle {
		--aht-icon-size: 5VW;
		--aht-gap: 1.3vw;
	}
}
.aht-toggle p{margin:0;}