/* Devazita blog and archive layout */
:root {
  --dvz-bg: #f4f6fb;
  --dvz-white: #ffffff;
  --dvz-ink: #1a2035;
  --dvz-muted: #5c6478;
  --dvz-brand: #2f5be7;
  --dvz-brand-dark: #1e45cc;
  --dvz-accent: #e8eeff;
  --dvz-radius: 18px;
  --dvz-shadow: 0 4px 24px rgba(0,0,0,.07);
  --dvz-shadow-hover: 0 20px 56px rgba(0,0,0,.15);
}

body.blog,
body.archive {
  background: var(--dvz-bg) !important;
  color: var(--dvz-ink) !important;
}

body.blog #content,
body.archive #content,
body.blog .site-content,
body.archive .site-content,
body.blog .site-main,
body.archive .site-main {
  background: transparent !important;
}

/* Section heading */
body.blog .ast-archive-description .archive-title,
body.archive .ast-archive-description .archive-title,
body.blog .page-title,
body.archive .page-title {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: var(--dvz-ink) !important;
  text-align: center !important;
  margin-bottom: 40px !important;
}

/* ---- CARDS ---- */
body.blog article.type-post,
body.archive article.type-post {
  background: var(--dvz-white) !important;
  border-radius: var(--dvz-radius) !important;
  box-shadow: var(--dvz-shadow) !important;
  overflow: hidden !important;
  margin-bottom: 36px !important;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .55s ease, transform .55s ease, box-shadow .35s ease;
  cursor: pointer;
}

body.blog article.type-post.dvz-in,
body.archive article.type-post.dvz-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.blog article.type-post:hover,
body.archive article.type-post:hover {
  box-shadow: var(--dvz-shadow-hover) !important;
  transform: translateY(-6px) !important;
}

/* Featured image */
body.blog article.type-post .post-thumbnail,
body.archive article.type-post .post-thumbnail {
  overflow: hidden !important;
  max-height: 240px !important;
}

body.blog article.type-post .post-thumbnail img,
body.archive article.type-post .post-thumbnail img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s ease !important;
}

body.blog article.type-post:hover .post-thumbnail img,
body.archive article.type-post:hover .post-thumbnail img {
  transform: scale(1.06) !important;
}

/* Card header */
body.blog article.type-post .entry-header,
body.archive article.type-post .entry-header {
  padding: 28px 32px 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Category tags */
body.blog .cat-links a, body.archive .cat-links a {
  background: var(--dvz-accent) !important;
  color: var(--dvz-brand) !important;
  padding: 4px 12px !important;
  border-radius: 30px !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-right: 6px !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
  transition: background .2s, color .2s !important;
}

body.blog .cat-links a:hover, body.archive .cat-links a:hover {
  background: var(--dvz-brand) !important;
  color: #fff !important;
}

/* Card title */
body.blog .entry-title, body.archive .entry-title {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: var(--dvz-ink) !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
}

body.blog .entry-title a, body.archive .entry-title a {
  color: var(--dvz-ink) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}

body.blog .entry-title a:hover, body.archive .entry-title a:hover {
  color: var(--dvz-brand) !important;
}

/* Excerpt */
body.blog article.type-post .entry-content,
body.archive article.type-post .entry-content {
  padding: 0 32px 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--dvz-muted) !important;
  font-size: .95rem !important;
  line-height: 1.7 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.blog article.type-post .entry-content p,
body.archive article.type-post .entry-content p {
  color: var(--dvz-muted) !important;
}

/* Footer / Read more */
body.blog .entry-footer, body.archive .entry-footer {
  padding: 14px 32px 28px !important;
  background: transparent !important;
}

body.blog .more-link, body.archive .more-link,
body.blog .read-more, body.archive .read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--dvz-brand) !important;
  color: #fff !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background .2s, transform .2s !important;
}

body.blog .more-link:hover, body.archive .more-link:hover,
body.blog .read-more:hover, body.archive .read-more:hover {
  background: var(--dvz-brand-dark) !important;
  transform: translateX(4px) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.blog article.type-post .entry-header,
  body.archive article.type-post .entry-header {
    padding: 20px 20px 8px !important;
  }
  body.blog article.type-post .entry-content,
  body.archive article.type-post .entry-content {
    padding: 0 20px 8px !important;
  }
  body.blog .entry-footer, body.archive .entry-footer {
    padding: 10px 20px 20px !important;
  }
}
/* Moved from old wp_head inline fix */
body.blog,
body.archive,
body.category,
body.tag { background: #b8c6d8 !important; }

body.blog article.type-post,
body.archive article.type-post,
body.category article.type-post,
body.tag article.type-post {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 32px rgba(30, 41, 59, .15) !important;
  overflow: visible !important;
  margin-bottom: 32px !important;
  transition: transform .3s, box-shadow .3s !important;
}

body.blog article.type-post:hover,
body.archive article.type-post:hover,
body.category article.type-post:hover,
body.tag article.type-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(30, 41, 59, .22) !important;
}

body.blog article.type-post .entry-header,
body.archive article.type-post .entry-header,
body.category article.type-post .entry-header,
body.tag article.type-post .entry-header {
  background: transparent !important;
  padding: 24px 28px 8px !important;
  box-shadow: none !important;
}

body.blog .entry-title a,
body.archive .entry-title a,
body.category .entry-title a,
body.tag .entry-title a {
  color: #1e293b !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.blog .entry-title a:hover,
body.archive .entry-title a:hover,
body.category .entry-title a:hover,
body.tag .entry-title a:hover { color: #2f5be7 !important; }

body.blog .ast-excerpt-container p,
body.archive .ast-excerpt-container p,
body.category .ast-excerpt-container p,
body.tag .ast-excerpt-container p,
body.blog article.type-post p,
body.archive article.type-post p,
body.category article.type-post p,
body.tag article.type-post p,
body.blog .ast-blog-single-el p,
body.archive .ast-blog-single-el p,
body.category .ast-blog-single-el p,
body.tag .ast-blog-single-el p {
  color: #334155 !important;
  opacity: 1 !important;
}

body.blog .more-link,
body.archive .more-link,
body.category .more-link,
body.tag .more-link,
body.blog a.more-link,
body.archive a.more-link,
body.category a.more-link,
body.tag a.more-link {
  display: inline-flex !important;
  background: #2f5be7 !important;
  color: #fff !important;
  padding: 9px 22px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.blog .more-link:hover,
body.archive .more-link:hover,
body.category .more-link:hover,
body.tag .more-link:hover { background: #1e45cc !important; }

body.blog .entry-footer,
body.archive .entry-footer,
body.category .entry-footer,
body.tag .entry-footer {
  padding: 0 28px 24px !important;
  background: transparent !important;
}

/* Devazita blog navy background and softer cards */
body.blog,
body.archive,
body.category,
body.tag {
  background-color: #07091a !important;
  background-image:
    radial-gradient(circle at 14% 16%, rgba(128, 123, 255, .16) 0, rgba(128, 123, 255, 0) 34%),
    radial-gradient(circle at 86% 24%, rgba(77, 198, 211, .1) 0, rgba(77, 198, 211, 0) 28%),
    linear-gradient(rgba(126, 119, 255, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 119, 255, .1) 1px, transparent 1px),
    linear-gradient(135deg, #07091a 0%, #0a0e2a 54%, #080a1d 100%) !important;
  background-size: auto, auto, 96px 96px, 96px 96px, auto !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  color: #1a2035 !important;
}

body.blog .site,
body.archive .site,
body.category .site,
body.tag .site,
body.blog #page,
body.archive #page,
body.category #page,
body.tag #page,
body.blog #content,
body.archive #content,
body.category #content,
body.tag #content,
body.blog .site-content,
body.archive .site-content,
body.category .site-content,
body.tag .site-content,
body.blog .site-main,
body.archive .site-main,
body.category .site-main,
body.tag .site-main,
body.blog .ast-container,
body.archive .ast-container,
body.category .ast-container,
body.tag .ast-container,
body.blog .ast-row,
body.archive .ast-row,
body.category .ast-row,
body.tag .ast-row,
body.blog .ast-archive-description,
body.archive .ast-archive-description,
body.category .ast-archive-description,
body.tag .ast-archive-description {
  background: transparent !important;
}

body.blog .ast-archive-description .archive-title,
body.archive .ast-archive-description .archive-title,
body.category .ast-archive-description .archive-title,
body.tag .ast-archive-description .archive-title,
body.blog .page-title,
body.archive .page-title,
body.category .page-title,
body.tag .page-title {
  color: #f8f9ff !important;
  text-shadow: 0 18px 45px rgba(0, 0, 0, .32) !important;
}

body.blog article.type-post,
body.archive article.type-post,
body.category article.type-post,
body.tag article.type-post,
body.blog .ast-article-post,
body.archive .ast-article-post,
body.category .ast-article-post,
body.tag .ast-article-post {
  background: #f4f6ff !important;
  border: 1px solid rgba(210, 216, 235, .9) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .28) !important;
}

body.blog article.type-post:hover,
body.archive article.type-post:hover,
body.category article.type-post:hover,
body.tag article.type-post:hover {
  box-shadow: 0 28px 78px rgba(0, 0, 0, .38) !important;
}

body.blog .entry-title a,
body.archive .entry-title a,
body.category .entry-title a,
body.tag .entry-title a {
  color: #18213a !important;
}

body.blog .entry-title a:hover,
body.archive .entry-title a:hover,
body.category .entry-title a:hover,
body.tag .entry-title a:hover {
  color: #4f46e5 !important;
}

body.blog .cat-links a,
body.archive .cat-links a,
body.category .cat-links a,
body.tag .cat-links a {
  background: #e7ebff !important;
  color: #4f46e5 !important;
}

body.blog .ast-excerpt-container p,
body.archive .ast-excerpt-container p,
body.category .ast-excerpt-container p,
body.tag .ast-excerpt-container p,
body.blog article.type-post p,
body.archive article.type-post p,
body.category article.type-post p,
body.tag article.type-post p {
  color: #4d576d !important;
}

body.blog .more-link,
body.archive .more-link,
body.category .more-link,
body.tag .more-link,
body.blog a.more-link,
body.archive a.more-link,
body.category a.more-link,
body.tag a.more-link,
body.blog .read-more,
body.archive .read-more,
body.category .read-more,
body.tag .read-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #827bff !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 10px 28px rgba(79, 70, 229, .24) !important;
}

body.blog .more-link:hover,
body.archive .more-link:hover,
body.category .more-link:hover,
body.tag .more-link:hover,
body.blog .read-more:hover,
body.archive .read-more:hover,
body.category .read-more:hover,
body.tag .read-more:hover {
  background: #6d66ec !important;
  color: #ffffff !important;
}

/* Devazita blog final specificity override */
html body.blog.ast-separate-container,
html body.archive.ast-separate-container,
html body.category.ast-separate-container,
html body.tag.ast-separate-container,
html body.blog.ast-separate-container #page,
html body.archive.ast-separate-container #page,
html body.category.ast-separate-container #page,
html body.tag.ast-separate-container #page,
html body.blog.ast-separate-container #content,
html body.archive.ast-separate-container #content,
html body.category.ast-separate-container #content,
html body.tag.ast-separate-container #content,
html body.blog.ast-separate-container .site-content,
html body.archive.ast-separate-container .site-content,
html body.category.ast-separate-container .site-content,
html body.tag.ast-separate-container .site-content,
html body.blog.ast-separate-container .ast-container,
html body.archive.ast-separate-container .ast-container,
html body.category.ast-separate-container .ast-container,
html body.tag.ast-separate-container .ast-container,
html body.blog.ast-separate-container .ast-row,
html body.archive.ast-separate-container .ast-row,
html body.category.ast-separate-container .ast-row,
html body.tag.ast-separate-container .ast-row {
  background-color: #07091a !important;
  background-image:
    radial-gradient(circle at 14% 16%, rgba(128, 123, 255, .16) 0, rgba(128, 123, 255, 0) 34%),
    radial-gradient(circle at 86% 24%, rgba(77, 198, 211, .1) 0, rgba(77, 198, 211, 0) 28%),
    linear-gradient(rgba(126, 119, 255, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 119, 255, .1) 1px, transparent 1px),
    linear-gradient(135deg, #07091a 0%, #0a0e2a 54%, #080a1d 100%) !important;
  background-size: auto, auto, 96px 96px, 96px 96px, auto !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
}

html body.blog.ast-separate-container .site-main,
html body.archive.ast-separate-container .site-main,
html body.category.ast-separate-container .site-main,
html body.tag.ast-separate-container .site-main,
html body.blog.ast-separate-container .ast-archive-description,
html body.archive.ast-separate-container .ast-archive-description,
html body.category.ast-separate-container .ast-archive-description,
html body.tag.ast-separate-container .ast-archive-description {
  background: transparent !important;
}

html body.blog.ast-separate-container .ast-article-post,
html body.archive.ast-separate-container .ast-article-post,
html body.category.ast-separate-container .ast-article-post,
html body.tag.ast-separate-container .ast-article-post,
html body.blog.ast-separate-container article.type-post,
html body.archive.ast-separate-container article.type-post,
html body.category.ast-separate-container article.type-post,
html body.tag.ast-separate-container article.type-post {
  background-color: #f4f6ff !important;
  background-image: none !important;
  border: 1px solid rgba(210, 216, 235, .9) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .28) !important;
}

html body.blog.ast-separate-container a.more-link,
html body.archive.ast-separate-container a.more-link,
html body.category.ast-separate-container a.more-link,
html body.tag.ast-separate-container a.more-link,
html body.blog.ast-separate-container .read-more a,
html body.archive.ast-separate-container .read-more a,
html body.category.ast-separate-container .read-more a,
html body.tag.ast-separate-container .read-more a,
html body.blog.ast-separate-container .read-more,
html body.archive.ast-separate-container .read-more,
html body.category.ast-separate-container .read-more,
html body.tag.ast-separate-container .read-more {
  background-color: #827bff !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .18) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.blog.ast-separate-container a.more-link *,
html body.archive.ast-separate-container a.more-link *,
html body.category.ast-separate-container a.more-link *,
html body.tag.ast-separate-container a.more-link *,
html body.blog.ast-separate-container .read-more *,
html body.archive.ast-separate-container .read-more *,
html body.category.ast-separate-container .read-more *,
html body.tag.ast-separate-container .read-more * {
  color: #ffffff !important;
}

/* Devazita global blog title frame system */
html body.blog .dvz-title-frame,
html body.archive .dvz-title-frame,
html body.category .dvz-title-frame,
html body.tag .dvz-title-frame {
  position: relative !important;
  display: table !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #18213a !important;
  background: rgba(231, 235, 255, .74) !important;
  border: 1px solid rgba(79, 70, 229, .52) !important;
  border-radius: 10px !important;
  padding: .22em .52em !important;
  margin-bottom: 32px !important;
  overflow: visible !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

html body.blog .ast-archive-description .dvz-title-frame,
html body.archive .ast-archive-description .dvz-title-frame,
html body.category .ast-archive-description .dvz-title-frame,
html body.tag .ast-archive-description .dvz-title-frame,
html body.blog .page-title.dvz-title-frame,
html body.archive .page-title.dvz-title-frame,
html body.category .page-title.dvz-title-frame,
html body.tag .page-title.dvz-title-frame {
  color: #f8f9ff !important;
  background: rgba(11, 16, 56, .76) !important;
  border-color: rgba(130, 123, 255, .5) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.blog .entry-title.dvz-title-frame,
html body.archive .entry-title.dvz-title-frame,
html body.category .entry-title.dvz-title-frame,
html body.tag .entry-title.dvz-title-frame {
  margin-top: 0 !important;
}

html body.blog .dvz-title-frame a,
html body.archive .dvz-title-frame a,
html body.category .dvz-title-frame a,
html body.tag .dvz-title-frame a {
  color: inherit !important;
}

html body.blog .dvz-title-frame::before,
html body.archive .dvz-title-frame::before,
html body.category .dvz-title-frame::before,
html body.tag .dvz-title-frame::before {
  content: "" !important;
  position: absolute !important;
  inset: -5px !important;
  border: 1px solid rgba(130, 123, 255, .2) !important;
  border-radius: 13px !important;
  clip-path: polygon(0 0, 34% 0, 34% 1px, 1px 1px, 1px 34%, 0 34%, 0 0, 100% 66%, 100% 100%, 66% 100%, 66% calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) 66%, 100% 66%) !important;
  pointer-events: none !important;
}

html body.blog .dvz-title-frame::after,
html body.archive .dvz-title-frame::after,
html body.category .dvz-title-frame::after,
html body.tag .dvz-title-frame::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 12px) !important;
  width: min(156px, 46vw) !important;
  height: 14px !important;
  transform: translateX(-50%) !important;
  background:
    linear-gradient(45deg, transparent 36%, #827bff 36% 64%, transparent 64%) center / 14px 14px no-repeat,
    linear-gradient(90deg, transparent 0%, #827bff 30%, #827bff 70%, transparent 100%) center / 100% 2px no-repeat !important;
  pointer-events: none !important;
}

@media (max-width: 544px) {
  html body.blog .dvz-title-frame,
  html body.archive .dvz-title-frame,
  html body.category .dvz-title-frame,
  html body.tag .dvz-title-frame {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    padding: .18em .42em !important;
  }
}