/*
 * Alfa Media Bali V2 — Global premium card system.
 * Loaded after milestone styles so refinement remains centralized.
 * The approved open service and editorial insight showcases are intentionally excluded.
 */
:root {
  --amb-card-radius-premium: 20px;
  --amb-card-radius-compact: 16px;
  --amb-card-border-premium: rgba(255, 255, 255, 0.075);
  --amb-card-border-hover: rgba(255, 107, 53, 0.42);
  --amb-card-layer-premium: linear-gradient(145deg, rgba(26, 26, 31, 0.97), rgba(17, 17, 19, 0.94));
  --amb-card-shadow-premium: 0 18px 48px rgba(0, 0, 0, 0.18);
  --amb-card-shadow-hover: 0 24px 58px rgba(0, 0, 0, 0.26), 0 0 30px rgba(255, 24, 64, 0.055);
  --amb-card-ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Image-led cards: the container stays still; only visual treatment changes. */
.amb-m2-project-card,
.amb-m3-card,
.amb-m4-card,
.amb-m5-card,
.amb-blog-grid-card,
body.amb-archive-dark #main article.ast-article-post .ast-article-inner {
  border: 1px solid var(--amb-card-border-premium) !important;
  border-radius: var(--amb-card-radius-premium) !important;
  background: var(--amb-card-layer-premium) !important;
  box-shadow: var(--amb-card-shadow-premium) !important;
  overflow: hidden;
  transform: none !important;
  transition: border-color 420ms var(--amb-card-ease-premium), box-shadow 420ms var(--amb-card-ease-premium) !important;
}

.amb-m2-project-card:hover,
.amb-m3-card:hover,
.amb-m4-card:hover,
.amb-m5-card:hover,
.amb-blog-grid-card:hover,
body.amb-archive-dark #main article.ast-article-post:hover .ast-article-inner {
  border-color: var(--amb-card-border-hover) !important;
  box-shadow: var(--amb-card-shadow-hover) !important;
  transform: none !important;
}

.amb-m2-project-card img,
.amb-m3-card-media img,
.amb-m4-card__image img,
.amb-m4-taxonomy-card__image img,
.amb-m5-card__image img,
.amb-blog-grid-card__image,
body.amb-archive-dark #main article.ast-article-post .post-thumb img {
  transform-origin: center center !important;
  transition: transform 520ms var(--amb-card-ease-premium), filter 520ms var(--amb-card-ease-premium) !important;
}

.amb-m2-project-card:hover img,
.amb-m3-card:hover .amb-m3-card-media img,
.amb-m4-card:hover .amb-m4-card__image img,
.amb-m4-taxonomy-card:hover .amb-m4-taxonomy-card__image img,
.amb-m5-card:hover .amb-m5-card__image img,
.amb-blog-grid-card:hover .amb-blog-grid-card__image,
body.amb-archive-dark #main article.ast-article-post:hover .post-thumb img {
  transform: scale(1.035) !important;
  filter: brightness(1.045) saturate(1.02);
}

/* Text and compact component cards receive the same quiet material language. */
.amb-m3-feature,
.amb-m3-related-item,
.amb-m4-service-link,
.amb-m5-related-service,
.amb-m6-link-card {
  border: 1px solid var(--amb-card-border-premium) !important;
  border-radius: var(--amb-card-radius-premium) !important;
  background: var(--amb-card-layer-premium) !important;
  box-shadow: var(--amb-card-shadow-premium) !important;
  transform: none !important;
  transition: border-color 420ms var(--amb-card-ease-premium), box-shadow 420ms var(--amb-card-ease-premium) !important;
}

.amb-m3-feature:hover,
.amb-m3-related-item:hover,
.amb-m4-service-link:hover,
.amb-m5-related-service:hover,
.amb-m6-link-card:hover {
  border-color: var(--amb-card-border-hover) !important;
  box-shadow: var(--amb-card-shadow-hover) !important;
  transform: none !important;
}

/* Replace rigid edge-to-edge matrices with breathable, independent panels. */
.amb-m2-industries-grid,
.amb-m2-process-grid,
.amb-m4-facts,
body.amb-m5-document .amb-m5-info {
  border: 0 !important;
  background: transparent !important;
  gap: clamp(14px, 1.65vw, 22px) !important;
}

.amb-m2-industry-card,
.amb-m2-industry-card:last-child,
.amb-m2-step,
.amb-m4-fact,
body.amb-m5-document .amb-m5-info__item {
  border: 1px solid var(--amb-card-border-premium) !important;
  border-radius: var(--amb-card-radius-compact) !important;
  background: var(--amb-card-layer-premium) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.16) !important;
  transition: border-color 420ms var(--amb-card-ease-premium), box-shadow 420ms var(--amb-card-ease-premium) !important;
}

.amb-m2-industry-card:hover,
.amb-m2-step:hover,
.amb-m4-fact:hover,
body.amb-m5-document .amb-m5-info__item:hover {
  border-color: var(--amb-card-border-hover) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22), 0 0 26px rgba(255, 107, 53, 0.045) !important;
}

/* More generous rhythm without changing the established responsive column systems. */
.amb-m3-grid,
.amb-m4-grid,
.amb-m4-related-grid,
.amb-m5-grid,
.amb-m6-link-grid,
.amb-blog-grid {
  gap: clamp(16px, 1.8vw, 26px) !important;
}

body.amb-archive-dark #main .ast-row {
  gap: clamp(18px, 2.1vw, 30px) !important;
}

.amb-m3-card-body,
.amb-m4-card__body,
.amb-m5-card__body {
  padding: clamp(24px, 2.45vw, 36px) !important;
}

body.page-id-2552 .amb-m4-taxonomy-card .amb-m4-card__body {
  padding: clamp(18px, 1.65vw, 25px) !important;
}

body.amb-archive-dark #main article.ast-article-post .post-content {
  background: transparent !important;
  padding: clamp(22px, 2.3vw, 32px) !important;
}

/* Keep the approved open homepage showcases borderless and editorial. */
.amb-m2-service-card,
.amb-m2-service-card:hover,
.amb-m2-insight-card,
.amb-m2-insight-card:hover {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  :root {
    --amb-card-radius-premium: 18px;
  }

  .amb-m2-industries-grid,
  .amb-m2-process-grid,
  .amb-m4-facts,
  body.amb-m5-document .amb-m5-info {
    gap: 16px !important;
  }
}

@media (max-width: 767px) {
  :root {
    --amb-card-radius-premium: 16px;
    --amb-card-radius-compact: 14px;
  }

  .amb-m3-grid,
  .amb-m4-grid,
  .amb-m4-related-grid,
  .amb-m5-grid,
  .amb-m6-link-grid,
  .amb-blog-grid,
  body.amb-archive-dark #main .ast-row {
    gap: 18px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .amb-m2-project-card:hover img,
  .amb-m3-card:hover .amb-m3-card-media img,
  .amb-m4-card:hover .amb-m4-card__image img,
  .amb-m4-taxonomy-card:hover .amb-m4-taxonomy-card__image img,
  .amb-m5-card:hover .amb-m5-card__image img,
  .amb-blog-grid-card:hover .amb-blog-grid-card__image,
  body.amb-archive-dark #main article.ast-article-post:hover .post-thumb img {
    transform: none !important;
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .amb-m2-project-card,
  .amb-m3-card,
  .amb-m4-card,
  .amb-m5-card,
  .amb-blog-grid-card,
  .amb-m3-feature,
  .amb-m3-related-item,
  .amb-m4-service-link,
  .amb-m5-related-service,
  .amb-m6-link-card,
  body.amb-archive-dark #main article.ast-article-post .ast-article-inner,
  .amb-m2-project-card img,
  .amb-m3-card-media img,
  .amb-m4-card__image img,
  .amb-m4-taxonomy-card__image img,
  .amb-m5-card__image img,
  .amb-blog-grid-card__image,
  body.amb-archive-dark #main article.ast-article-post .post-thumb img {
    transition-duration: 0.01ms !important;
  }
}