/* =========================================================
   A2TDEV stationary cards + homepage insight card polish
   Loaded last so older page bundles cannot restore card lift.
   ========================================================= */

/* Cards may change border or shadow on hover, but never position. */
.a2t-card:hover,
.service-card:hover,
.project-card:hover,
.product-card:hover,
.trust-card:hover,
.side-card:hover,
.store-preview-card:hover,
.pm-standard-card:hover,
.a2t-case-card-minimal:hover,
.a2t-client-action-card:hover,
.blog-post:hover,
.card:hover {
  transform: none !important;
}

/* Homepage insights: quiet editorial hierarchy within the A2TDEV system. */
#wxa-homepage .a2t-blog-card {
  padding: 0 !important;
  border-radius: 22px !important;
  border-color: var(--a2t-line, #e4e9f1) !important;
  background: var(--a2t-surface, #fff) !important;
  box-shadow: 0 12px 34px rgba(8, 12, 24, .045) !important;
}

#wxa-homepage .a2t-blog-card:hover {
  border-color: #cfd8e7 !important;
  box-shadow: 0 16px 42px rgba(8, 12, 24, .07) !important;
}

#wxa-homepage .a2t-blog-card > a {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
}

#wxa-homepage .a2t-blog-card .a2t-product-media {
  width: 100% !important;
  height: 210px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--a2t-line, #e4e9f1) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #f5f7fb, #edf2f8) !important;
}

#wxa-homepage .a2t-blog-card .a2t-product-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transform: none !important;
}

#wxa-homepage .a2t-blog-card .a2t-card-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 24px 26px 27px !important;
}

#wxa-homepage .a2t-blog-card .a2t-tag {
  display: inline-flex !important;
  width: auto !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--a2t-blue, #2f66ff) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

#wxa-homepage .a2t-blog-card .a2t-tag::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

#wxa-homepage .a2t-blog-card h3 {
  display: -webkit-box !important;
  margin: 0 0 12px !important;
  overflow: hidden !important;
  color: var(--a2t-text, #0b1220) !important;
  font-size: clamp(20px, 1.65vw, 24px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

#wxa-homepage .a2t-blog-card p {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--a2t-muted, #657286) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-blog-card {
  border-color: #263044 !important;
  background: #0e1421 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-blog-card:hover {
  border-color: #394966 !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-blog-card .a2t-product-media {
  border-bottom-color: #263044 !important;
  background: linear-gradient(135deg, #121a2b, #0d1422) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-blog-card .a2t-tag {
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  #wxa-homepage .a2t-blog-card .a2t-product-media {
    height: 190px !important;
  }

  #wxa-homepage .a2t-blog-card .a2t-card-content {
    padding: 21px 22px 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .a2t-card,
  .service-card,
  .project-card,
  .product-card,
  .trust-card,
  .blog-post,
  .card {
    transition: none !important;
  }
}