@charset "utf-8";

.post-template-default.single-post {
  container-type: inline-size;
  & .heading-root.text-root {
  min-height: 40px; display: grid; grid-template-columns: 3fr 1fr; gap: 24px;
  & p { min-height: inherit; }
}
  @container (max-width: 830px) {
  & .heading-root.text-root { grid-template-columns: 1fr; }
}
  @media (max-width: 830px) {
  & .heading-root.text-root { grid-template-columns: 1fr; }
  & .post-settings-wrapper { min-width: 0px; width: 100%; }
}
  & .post-content-wrapper {
  overflow: auto;
  & > ul.wp-block-list { padding-inline-start: 0px; }
  & ul.wp-block-list { list-style-position: inside; }
}
}

@media (max-width: 1024px) {
  .post-template-default.single-post .heading-root.text-root { display: block; }
  .post-template-default.single-post .post-content-image { height: auto; }
  .post-template-default.single-post .post-settings-wrapper { min-width: 0px; width: 100%; margin-block-start: 1.5rem; padding: 1.25rem 1rem; gap: 1.5rem; }
}

.post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }

.post-date { display: block; margin: 0.5rem 0px; font-weight: 900; }

.post-badge > a, .post-settings-categories-list .post-categories > li > a, .post-badge:not(:has(> a)) { background: var(--theme-colors-palette-accent2); padding: 0.35rem 1rem; border-radius: 32px; display: inline-block; cursor: pointer; margin: 0px; font-weight: 500; text-decoration: none; color: var(--theme-colors-palette-light) !important; }

.post-settings-wrapper .post-settings-categories li { list-style: none; margin: 0px; }

.post-navigation-wrapper { margin-block-end: 1rem; }

.post-content-image { width: 100%; height: 320px; object-fit: cover; border-radius: 12px; }

.post-settings-wrapper {
  height: fit-content; background: var(--page-background-color); min-width: 300px; margin-block-start: 34px; border-radius: 4px; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 40px;
  & .post-categories { list-style: none; padding: 0px; margin: 0px; }
  & .post-settings-categories, & .post-settings-authors {
  & .post-settings-categories-list > .post-categories, & .post-settings-authors-list { display: flex; flex-wrap: wrap; gap: 8px; }
}
  & .post-settings-title { margin: 0px 0px 0.75rem; font-weight: 600; }
  & hr { margin: 0.5rem 0px; }
}

#commentform {
  &.form-submit-fail {
  & input:invalid, & textarea:invalid {
  & + .form-label-error { display: block; }
}
  & .form-message.form-error { display: flex; }
}
}

#comments {
  padding: 4rem 1.5rem 0px;
  @media (max-width: 1024px) {
  padding: 4rem 0px 0px;
}
  & textarea, & input:not(#wp-comment-cookies-consent) { border-radius: 11px; }
  & .comment-form-second-name, & .says { display: none; }
  & p.form-submit {
  text-align: right;
  & small {
  margin-right: 1rem; margin-bottom: 1rem;
  & a { text-decoration: none; color: var(--form-body-text-color); font-size: 1rem; }
}
}
  & .comment-list {
  list-style: none; margin-block-end: 3rem; margin: 0px; padding: 0px;
  & li {
  margin-bottom: 4rem;
  & .comment-body {
  & p { margin: 2rem 0px; font-size: 1rem; line-height: 1.5rem; }
}
  & .comment-author.vcard {
  position: relative;
  & .gox-initals-avatar { background-color: var(--theme-colors-palette-accent3); color: var(--theme-colors-palette-light); font-size: 1.5em; font-weight: 700; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; }
  & cite { margin-left: 4rem; font-style: normal; font-size: 1.5rem; display: block; }
}
  & .comment-awaiting-moderation { margin-left: 4rem; font-size: 1rem; font-style: normal; }
  & .reply {
  text-align: right;
  & a { text-decoration: none; font-size: 1rem; }
}
  & .comment-meta.commentmetadata {
  margin-left: 4rem;
  & a { font-size: 1rem; color: inherit; }
}
}
  & ol li { list-style: none; }
}
  & .comment-form-cookies-consent {
  align-items: flex-start; margin-top: 1rem; flex-direction: row;
  & #wp-comment-cookies-consent { border: 2px solid var(--form-module-active-color-body-text); border-radius: 4px; display: inline-block; flex-shrink: 0; height: var(--form-checkbox-icon-size); width: var(--form-checkbox-icon-size); appearance: none; margin-right: 1rem; padding: 0px; }
  & #wp-comment-cookies-consent:checked::after { content: var(--form-checkbox-svg); height: var(--form-checkbox-size); position: absolute; width: var(--form-checkbox-size); }
}
}

.comments-wrapper {
  grid-column: 1 / 2;
  & .comments-title { margin-bottom: 3rem; }
}