/*
Theme Name: Meta Tech Cyber Security Final Polished Safe V5.5
Theme URI: https://meta-techs.net/
Author: Meta Techs
Description: Migration-safe custom WordPress theme that preserves existing database content, URLs, SEO metadata, CPT data, and media while applying the new Meta Techs UI globally.
Version: 5.5
Requires at least: 6.0
Tested up to: 6.5
Text Domain: metatechs
*/



/* Final cleanup: remove legacy broken related-posts lists only on single posts.
   The premium theme card section (.dts-related) remains visible. */
.single-post-content .related-posts,
.single-post-content .related_posts,
.single-post-content .jp-relatedposts,
.single-post-content #jp-relatedposts,
.single-post-content .post-related,
.single-post-content .yarpp-related,
.single-post-content .crp_related,
.single-post-content .wpa-related-posts,
.single-post-content .wp_rp_wrap,
.single-post-content .wp_rp_content,
.single-post-content .rp4wp-related-posts,
.single-post-content .related-articles-old {
  display: none !important;
}

/* Footer social links: keep the icons compact and clickable with old-site URLs. */
.site-footer .footer-social,
footer .footer-social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  max-width: 230px !important;
}

.site-footer .footer-social a,
footer .footer-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
}



/* Migration Safe V5 global safeguards */
.metatechs-migration-safe-v5 img {
  max-width: 100%;
  height: auto;
}
.metatechs-migration-safe-v5 .dts-card-image,
.metatechs-migration-safe-v5 .dts-featured-media,
.metatechs-migration-safe-v5 .mt-card-image,
.metatechs-migration-safe-v5 .migration-single-featured-image,
.metatechs-migration-safe-v5 .migration-resource-cover {
  overflow: hidden;
  background: rgba(255,255,255,0.04);
}
.metatechs-migration-safe-v5 .dts-card-image img,
.metatechs-migration-safe-v5 .dts-featured-media img,
.metatechs-migration-safe-v5 .mt-card-image img,
.metatechs-migration-safe-v5 .migration-single-featured-image img,
.metatechs-migration-safe-v5 .migration-resource-cover img,
.metatechs-migration-safe-v5 .partner-logo img,
.metatechs-migration-safe-v5 .legacy-logo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.metatechs-migration-safe-v5 .partner-logo img,
.metatechs-migration-safe-v5 .legacy-logo-card img {
  object-fit: contain;
}
.migration-single-hero {
  max-width: min(1320px, calc(100% - 40px));
  margin: 32px auto 0;
  padding: clamp(28px, 4vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  background: linear-gradient(135deg, rgba(4, 13, 29, .96), rgba(13, 38, 70, .86));
}
.migration-single-hero-inner {
  position: relative;
  z-index: 2;
}
.migration-single-featured-image {
  min-height: 360px;
  max-height: 520px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}
.migration-content-wrap {
  max-width: min(1180px, calc(100% - 40px));
  margin: 48px auto 0;
}
.migration-safe-content {
  overflow-wrap: anywhere;
}
.migration-safe-content img {
  border-radius: 20px;
  margin-block: 18px;
}
.migration-related-section {
  margin-top: clamp(72px, 9vw, 128px) !important;
  padding-top: clamp(36px, 5vw, 64px) !important;
  border-top: 1px solid rgba(255,255,255,.12);
}
.migration-resource-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}
.migration-resource-cover {
  min-height: 300px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
}
.site-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 5;
}
.pre-footer-cta {
  display: block !important;
}
@media (max-width: 900px) {
  .migration-single-hero,
  .migration-resource-hero {
    grid-template-columns: 1fr;
    max-width: min(100% - 24px, 720px);
    padding: 24px;
    border-radius: 24px;
  }
  .migration-single-featured-image,
  .migration-resource-cover {
    min-height: 240px;
    max-height: 360px;
  }
  .migration-content-wrap {
    max-width: calc(100% - 24px);
    margin-top: 32px;
  }
  .migration-related-section {
    margin-top: 56px !important;
    padding-top: 32px !important;
  }
}

/* V5.5: Single article hero should place title/meta/excerpt OVER the featured image, like the reference screenshot. */
.metatechs-migration-safe-v5.single-post .migration-single-hero,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: clamp(560px, 72vh, 820px) !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto 0 !important;
  padding: clamp(110px, 12vw, 170px) max(24px, calc((100vw - 1280px) / 2)) clamp(80px, 10vw, 140px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #040b16 !important;
  isolation: isolate !important;
}

.metatechs-migration-safe-v5.single-post .migration-single-hero::before,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 18, .88) 0%, rgba(2, 8, 18, .66) 42%, rgba(2, 8, 18, .38) 100%),
    linear-gradient(180deg, rgba(2, 8, 18, .68) 0%, rgba(2, 8, 18, .28) 42%, rgba(2, 8, 18, .76) 100%) !important;
  pointer-events: none !important;
}

.metatechs-migration-safe-v5.single-post .migration-single-hero-inner,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-hero-inner {
  position: relative !important;
  z-index: 3 !important;
  max-width: min(980px, calc(100vw - 48px)) !important;
  width: 100% !important;
  color: #fff !important;
}

.metatechs-migration-safe-v5.single-post .migration-single-featured-image,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-featured-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #040b16 !important;
}

.metatechs-migration-safe-v5.single-post .migration-single-featured-image img,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.95) contrast(1.04) !important;
}

.metatechs-migration-safe-v5.single-post .migration-single-hero h1,
.metatechs-migration-safe-v5 .migration-article-single .migration-single-hero h1 {
  color: #fff !important;
  font-size: clamp(44px, 6.5vw, 92px) !important;
  line-height: .98 !important;
  max-width: 1100px !important;
  margin: 22px 0 26px !important;
  letter-spacing: -0.055em !important;
}

.metatechs-migration-safe-v5.single-post .dts-report-label,
.metatechs-migration-safe-v5 .migration-article-single .dts-report-label {
  color: #22e7ff !important;
  font-size: clamp(13px, 1.1vw, 18px) !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.metatechs-migration-safe-v5.single-post .dts-report-meta,
.metatechs-migration-safe-v5 .migration-article-single .dts-report-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.metatechs-migration-safe-v5.single-post .dts-report-meta span,
.metatechs-migration-safe-v5 .migration-article-single .dts-report-meta span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  background: rgba(3, 12, 29, .58) !important;
  border: 1px solid rgba(45, 219, 255, .26) !important;
  color: #eaf6ff !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
  backdrop-filter: blur(8px) !important;
}

.metatechs-migration-safe-v5.single-post .dts-report-dek,
.metatechs-migration-safe-v5 .migration-article-single .dts-report-dek {
  max-width: 940px !important;
  color: rgba(238, 246, 255, .88) !important;
  font-size: clamp(19px, 2vw, 30px) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

@media (max-width: 760px) {
  .metatechs-migration-safe-v5.single-post .migration-single-hero,
  .metatechs-migration-safe-v5 .migration-article-single .migration-single-hero {
    min-height: 620px !important;
    padding: 96px 20px 72px !important;
  }
  .metatechs-migration-safe-v5.single-post .migration-single-hero h1,
  .metatechs-migration-safe-v5 .migration-article-single .migration-single-hero h1 {
    font-size: clamp(38px, 12vw, 58px) !important;
  }
}