body.archive {
  background: #fff;
}

.archive #content > .ast-container {
  max-width: none;
  padding: 0;
  display: block;
}

.post-type-archive .pfd-secondary-header-container .pfd-secondary-header,
.post-type-archive .pfd-archive-content-wrapper .pfd-archive-content-inner-wrap,
.post-type-archive .pfd-footer .pfd-footer-container {
  max-width: var(--pfd-container-width);
  margin: auto;
}

/* Header Banner CSS */
.pfd-archive-header-container {
  padding: 80px 0;
  background: var(--pfd-header-banner-background);
  text-align: center;
  font-size: 16px;
  color: var(--pfd-header-banner-text-color);
}

.pfd-archive-header-container h1,
.pfd-archive-header-container h2,
.pfd-archive-header-container h3,
.pfd-archive-header-container h4,
.pfd-archive-header-container h5,
.pfd-archive-header-container h6 {
  color: var(--pfd-header-banner-heading-color);
}

.pfd-archive-header-container .pfd-archive-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: var(--pfd-container-width);
  margin: auto;
  padding: 0 20px;
}

.pfd-archive-header-container .pfd-archive-header .pfd-header-heading-prefix {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
  opacity: 0.75;
}

.pfd-archive-header-container .pfd-archive-header .pfd-doc-heading {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 16px;
}

@media (max-width: 544px) {
  .pfd-archive-header-container {
    padding: 52px 0;
  }
  .pfd-archive-header-container .pfd-archive-header {
    gap: 24px;
  }
  .pfd-archive-header-container .pfd-archive-header .pfd-header-heading-prefix {
    font-size: 14px;
    line-height: 20px;
  }
  .pfd-archive-header-container .pfd-archive-header .pfd-doc-heading {
    font-size: 24px;
    line-height: 32px;
  }
}

/* Grid Settings */
.pfd-1-col,
.tablet-pfd-1-col,
.mobile-pfd-1-col {
  grid-template-columns: repeat(1, 1fr);
}

.pfd-2-col,
.tablet-pfd-2-col,
.mobile-pfd-2-col {
  grid-template-columns: repeat(2, 1fr);
}

.pfd-3-col,
.tablet-pfd-3-col,
.mobile-pfd-3-col {
  grid-template-columns: repeat(3, 1fr);
}

.pfd-4-col,
.tablet-pfd-4-col,
.mobile-pfd-4-col {
  grid-template-columns: repeat(4, 1fr);
}

.pfd-5-col,
.tablet-pfd-5-col,
.mobile-pfd-5-col {
  grid-template-columns: repeat(5, 1fr);
}

.pfd-6-col,
.tablet-pfd-6-col,
.mobile-pfd-6-col {
  grid-template-columns: repeat(6, 1fr);
}

/* Archive Content */
.pfd-archive-content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.pfd-archive-content-wrapper .pfd-archive-list-container {
  padding-top: 64px;
  padding-bottom: 64px;
}

/* Archive Classic Layout Categories */
.pfd-featured-categories {
  display: grid;
  gap: 48px;
}

.pfd-featured-categories .pfd-featured-category {
  display: flex;
  gap: 20px;
  text-decoration: none !important;
  padding: 40px;
  background: #fff;
  font-size: 16px;
  border: 1px solid var(--pfd-border-color);
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 #0000000d;
  transition: all 0.25s ease-in-out;
  grid-template-columns: repeat(1, 1fr);
}

.pfd-featured-categories .pfd-featured-category *,
.pfd-featured-categories .pfd-featured-category:hover * {
  color: var(--pfd-text-color);
}

.pfd-featured-categories .pfd-featured-category:hover {
  box-shadow: 0 20px 25px -5px #e2e8f0;
}

.pfd-featured-categories .pfd-featured-category .term-desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
  justify-content: space-between;
}

.pfd-featured-categories .pfd-featured-category .term-icon-title-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pfd-featured-categories .pfd-featured-category .term-icon {
  max-width: 24px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.pfd-featured-categories .pfd-featured-category .term-icon img,
.pfd-featured-categories .pfd-featured-category .term-icon svg {
  width: 100%;
  height: 100%;
}

.pfd-featured-categories .pfd-featured-category .term-title,
.pfd-featured-categories .pfd-featured-category:hover .term-title,
.pfd-featured-categories .pfd-featured-category:focus .term-title {
  margin: 0;
  margin-top: -3px;
  font-size: 1.25em;
  line-height: 28px;
}

.pfd-featured-categories .pfd-featured-category .term-meta,
.pfd-featured-categories .pfd-featured-category:hover .term-meta,
.pfd-featured-categories .pfd-featured-category:focus .term-meta {
  font-size: 0.875em;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.pfd-featured-categories .pfd-featured-category span.articles-count.term-meta {
  font-weight: 500;
}

.pfd-featured-categories .pfd-featured-category .term-description.term-meta {
  margin-bottom: 16px;
  flex-grow: 1;
}

/* Archive Handbook CSS */
.pfd-handbook-categories {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 920px;
  margin: auto;
}

.pfd-handbook-categories .pfd-handbook-category {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid var(--pfd-border-color);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 #0000000d;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}

.pfd-handbook-categories .pfd-handbook-category:hover {
  box-shadow: 0 20px 25px -5px #e2e8f0;
}

.pfd-handbook-categories .pfd-handbook-category .term-image {
  max-width: 300px;
  max-height: 350px;
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
}

.pfd-handbook-categories .pfd-handbook-category .term-image img {
  width: 100%;
  height: 100%;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta .handbook-term-title {
  align-self: flex-start;
  padding: 0;
  margin: 0;
  font-size: 1.25em;
  line-height: 28px;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta .handbook-sub-posts-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta .handbook-sub-posts-list .handbook-post .term-post-link {
  display: inline-flex;
  width: 100%;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
  text-decoration: none !important;
  font-size: 1em;
  font-weight: 400;
  line-height: 24px;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta .handbook-sub-posts-list .handbook-post .term-post-link svg {
  min-width: 16px;
  min-height: 16px;
  height: 24px;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta .handbook-sub-posts-list .handbook-post .term-post-link:hover svg path {
  stroke: currentcolor;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta a.read-more-term-link {
  font-size: 0.875em;
  line-height: 20px;
  font-weight: 500;
  width: 100%;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  align-self: end;
  text-decoration: none !important;
}

.pfd-handbook-categories .pfd-handbook-category .handbook-term-meta a.read-more-term-link svg {
  fill: currentcolor;
}

/* Responsive CSS */
@media (max-width: 1024px) {
  .pfd-archive-content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 921px) {
  .archive #content > .ast-container {
    padding: 0;
  }
  .pfd-featured-categories {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .pfd-archive-list-container {
    padding: 70px 0;
  }
  .term-icon {
    max-width: 30px;
    max-height: 30px;
  }
  .pfd-handbook-category {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .pfd-featured-categories {
    grid-template-columns: repeat(1, 1fr);
  }
  .pfd-archive-list-container {
    padding: 60px 0;
  }
}

@media (max-width: 544px) {
  .pfd-archive-content-wrapper {
    padding: 24px 16px;
  }
  .pfd-handbook-category .handbook-term-meta {
    padding: 24px;
  }
  .pfd-archive-list-container,
  .pfd-featured-categories {
    padding: 0;
  }
}

/* Classic layout templates */
/* Compact & Minimal template style */
.pfd-featured-categories.pfd-template-compact .pfd-featured-category,
.pfd-featured-categories.pfd-template-minimal .pfd-featured-category {
  padding: 24px;
  min-height: unset;
}

.pfd-featured-categories.pfd-template-compact .term-icon,
.pfd-featured-categories.pfd-template-minimal .term-icon {
  max-width: 48px;
  max-height: 48px;
  padding: 12px;
  background-color: var(--pfd-secondary-color);
  border-radius: 8px;
}

/* Minimal template style */
.pfd-featured-categories.pfd-template-minimal .pfd-featured-category {
  align-items: center;
}

.pfd-featured-categories.pfd-template-minimal .term-icon {
  max-width: 64px;
  max-height: 64px;
  padding: 16px;
}

/* Handbook layout templates */
/* Github template style */
.pfd-handbook-categories.pfd-template-github {
  display: grid;
  max-width: var(--pfd-container-width);
}

.pfd-handbook-categories.pfd-template-github .pfd-handbook-category {
  border: none;
  box-shadow: none;
}

.pfd-handbook-categories.pfd-template-github .handbook-term-meta {
  padding: 40px;
}

.pfd-handbook-categories.pfd-template-github .term-icon-title-container {
  display: flex;
  gap: 12px;
}

.pfd-handbook-categories.pfd-template-github .handbook-post .term-post-link {
  color: var(--pfd-link-active-color);
}

.pfd-handbook-categories.pfd-template-github .handbook-sub-posts-list {
  gap: 12px;
}

.pfd-handbook-categories.pfd-template-github .read-more-term-link {
  color: var(--pfd-link-color);
}

.pfd-handbook-categories.pfd-template-github .read-more-term-link:hover {
  color: var(--pfd-link-active-color);
}

@media (max-width: 921px) {
  .pfd-handbook-categories.pfd-template-github {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .pfd-handbook-categories.pfd-template-github {
    grid-template-columns: repeat(1, 1fr);
  }
}