/**
 * Phase 26 — Premium micro-interactions & responsive stability.
 * Animations: transform + opacity only (inside prefers-reduced-motion: no-preference).
 */

/* —— Mobile: no horizontal scroll —— */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .ar-site,
  #page,
  .ar-main,
  .ar-blog,
  .ar-single,
  .ar-about,
  .ar-home,
  .ar-footer,
  .ar-container {
    max-width: 100%;
  }

  /* Do not clip sticky header / parked mobile drawer */
  .ar-header {
    max-width: 100%;
    overflow: visible;
  }

  .ar-contact {
    max-width: 100%;
  }

  img,
  video,
  iframe,
  svg {
    max-width: 100%;
    height: auto;
  }
}

/* CLS guards for common media shells */
.ar-blog-card__media-frame {
  aspect-ratio: 3 / 2;
}

.ar-single-hero-media {
  aspect-ratio: 16 / 9;
}

.ar-blog-card__media-frame img,
.ar-single-hero-media__img,
.ar-lic-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* —— Motion layer (hardware-friendly) —— */
@media (prefers-reduced-motion: no-preference) {
  /* Primary / soft CTAs */
  .ar-btn--soft.ar-btn--violet,
  .ar-btn--soft.ar-btn--signal,
  .ar-btn--violet,
  .ar-btn--signal,
  .ar-header__cta,
  .ar-about-btn--primary,
  .ar-blog-card__more,
  .ar-blog-empty__cta,
  .ar-single-back .ar-btn--violet,
  .ar-single-cta__btn--primary {
    transition:
      transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.32s ease,
      box-shadow 0.32s ease;
    will-change: transform;
  }

  .ar-btn--soft.ar-btn--violet:hover,
  .ar-btn--soft.ar-btn--violet:focus-visible,
  .ar-btn--soft.ar-btn--signal:hover,
  .ar-btn--soft.ar-btn--signal:focus-visible,
  .ar-btn--violet:hover,
  .ar-btn--violet:focus-visible,
  .ar-btn--signal:hover,
  .ar-btn--signal:focus-visible,
  .ar-header__cta:hover,
  .ar-header__cta:focus-visible,
  .ar-about-btn--primary:hover,
  .ar-about-btn--primary:focus-visible,
  .ar-blog-card__more:hover,
  .ar-blog-card__more:focus-visible,
  .ar-blog-empty__cta:hover,
  .ar-blog-empty__cta:focus-visible,
  .ar-single-back .ar-btn--violet:hover,
  .ar-single-back .ar-btn--violet:focus-visible,
  .ar-single-cta__btn--primary:hover,
  .ar-single-cta__btn--primary:focus-visible {
    transform: scale(1.03);
    box-shadow:
      0 0 0 1px rgba(161, 34, 115, 0.25),
      0 10px 28px rgba(161, 34, 115, 0.35),
      0 0 32px rgba(161, 34, 115, 0.28);
  }

  .ar-btn--soft.ar-btn--violet:active,
  .ar-btn--soft.ar-btn--signal:active,
  .ar-header__cta:active {
    transform: scale(0.99);
  }

  /* Service / editorial cards */
  .ar-blog-card,
  .ar-lic-card,
  .ar-about-analytics__card,
  .ar-about-pillar,
  .ar-about-stats__item,
  .ar-home-card,
  .ar-ag-box {
    transition:
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.35s ease,
      box-shadow 0.35s ease;
  }

  .ar-blog-card:hover,
  .ar-lic-card:hover,
  .ar-about-analytics__card:hover,
  .ar-about-pillar:hover,
  .ar-about-stats__item:hover {
    transform: translateY(-3px);
  }

  /* Images — scale only inside overflow-hidden frames */
  .ar-blog-card__img,
  .ar-lic-card__preview img,
  .ar-about-license-card__preview img {
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
    transform: translateZ(0);
  }

  .ar-blog-card:hover .ar-blog-card__img,
  .ar-lic-card:hover .ar-lic-card__preview img {
    transform: scale(1.04);
  }

  .ar-blog-card__tint {
    transition: opacity 0.35s ease;
  }

  /* Nav — deep purple underline, RTL: grows right → left */
  .ar-header--glass .ar-nav__list > li > a {
    transition:
      color 0.3s ease,
      opacity 0.3s ease,
      background-color 0.3s ease;
  }

  .ar-header--glass .ar-nav__list > li > a::after {
    content: "";
    display: block !important;
    position: absolute;
    inset-inline: 0.85rem;
    bottom: 0.28rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(270deg, #A12273 0%, #A12273 100%);
    transform: scaleX(0);
    transform-origin: right center; /* RTL: flow from right to left */
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
  }

  html[dir="ltr"] .ar-header--glass .ar-nav__list > li > a::after,
  [dir="ltr"] .ar-header--glass .ar-nav__list > li > a::after {
    transform-origin: left center;
  }

  .ar-header--glass .ar-nav__list > li > a:hover::after,
  .ar-header--glass .ar-nav__list > li > a:focus-visible::after,
  .ar-header--glass .ar-nav__list > .current-menu-item > a::after,
  .ar-header--glass .ar-nav__list > .current_page_item > a::after {
    transform: scaleX(1);
  }

  /* Footer / secondary links */
  .ar-footer__links a {
    position: relative;
    display: inline-block;
    transition: color 0.3s ease, opacity 0.3s ease;
  }

  .ar-footer__links a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: -2px;
    height: 1px;
    background: #A12273;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .ar-footer__links a:hover::after,
  .ar-footer__links a:focus-visible::after {
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ar-btn--soft,
  .ar-btn--violet,
  .ar-btn--signal,
  .ar-header__cta,
  .ar-blog-card,
  .ar-blog-card__img,
  .ar-lic-card,
  .ar-lic-card__preview img,
  .ar-about-analytics__card,
  .ar-header--glass .ar-nav__list > li > a,
  .ar-header--glass .ar-nav__list > li > a::after,
  .ar-footer__links a::after {
    transition: none !important;
    animation: none !important;
  }

  .ar-btn--soft:hover,
  .ar-header__cta:hover,
  .ar-blog-card:hover,
  .ar-lic-card:hover {
    transform: none !important;
  }

  .ar-blog-card:hover .ar-blog-card__img,
  .ar-lic-card:hover .ar-lic-card__preview img {
    transform: none !important;
  }
}