/* ARN Smart Vendix — readable, conditional frontend styles. */

[hidden] {
	display: none!important;
}

/* ARN Smart Counter */
.arnsc-screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media(prefers-reduced-motion:reduce) {
  [class^="arnsc-"],
  [class*=" arnsc-"] {
  scroll-behavior: auto!important;
  }

  [class^="arnsc-"] *,
  [class*=" arnsc-"] * {
  animation-duration: .01ms!important;
  		animation-iteration-count: 1!important;
  		transition-duration: .01ms!important;
  }
}

/* Template, icon menu and icon heading. */
.arnsc-widget-notice {
	padding: 14px;
	border: 1px dashed #aab2bf;
	background: #f7f8fa;
	color: #445;
	font-size: 13px;
}

.arnsc-ltr,
[dir="rtl"] .arnsc-ltr {
	direction: ltr;
	unicode-bidi: isolate;
}

.arnsc-rtl,
[dir="ltr"] .arnsc-rtl {
	direction: rtl;
	unicode-bidi: isolate;
}

.arnsc-design-system bdi {
	unicode-bidi: isolate;
}

/*
 * Shared text safety contract.
 *
 * Content titles must be allowed to wrap inside their own widget instead of
 * widening a flex/grid child or being clipped by a layout preset. Individual
 * Elementor alignment controls remain authoritative because this block does
 * not set text-align.
 */
.arnsc-widget-intro__eyebrow,
.arnsc-widget-intro__upper-title,
.arnsc-widget-intro__title,
.arnsc-widget-intro__subtitle,
.arnsc-advanced-heading__eyebrow,
.arnsc-advanced-heading__title,
.arnsc-advanced-heading__description,
.arnsc-hero__title,
.arnsc-hero__subtitle,
.arnsc-image-slider__title,
.arnsc-list-block__title,
.arnsc-feature-block__title,
.arnsc-info-box__upper-title,
.arnsc-info-box__title,
.arnsc-interactive-card__label,
.arnsc-interactive-card__title,
.arnsc-progress__title,
.arnsc-counter__title,
.arnsc-cta-container__title,
.arnsc-plan-compare__plan-name,
.arnsc-price h3,
.arnsc-process__title,
.arnsc-team h3,
.arnsc-testimonial__name,
.arnsc-faq__question,
.arnsc-icon-heading__title,
.arnsc-icon-menu__heading,
.arnsc-section-control__title {
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
}

/*
 * Keep every semantic heading in a Vendix widget container-safe. This catches
 * new layouts and user-created two-line headings without forcing an alignment.
 */
[class*="elementor-widget-arnsc-"] :where(h1, h2, h3, h4, h5, h6) {
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
}