.comment-reply-title,
.comment-form-url,
.comment-notes,
.required-field-message,
.commentlist .comment-author .says,
.comment-form .comment-form-cookies-consent,
h3.comments{
    @apply hidden;
}

.comment-respond label {
    @apply block;
}

.comment-form-comment textarea {
    @apply w-full;
}

.comment-form {
    @apply flex flex-wrap mt-12 lg:mt-20;
}

.comment-form .comment-form-author {
    @apply order-1 mb-8 sm:mb-0 sm:mr-8;
}

.comment-form .comment-form-email {
    @apply order-2;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
    @apply w-full sm:w-[calc(50%-16px)];
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
    @apply w-full;
}

.comment-form .comment-form-comment {
    @apply order-3 w-full my-8;
}

.comment-form .form-submit {
    @apply order-4;
}

.logged-in-as a {
    @apply underline underline-offset-4 decoration-1 text-dirtyblue transition-opacity duration-300 hover:opacity-70;
}

/* Force la taille et le rendu du titre de la section condoléances */
section.comments .comments-title,
section.comments h2.comments-title {
  font-family: 'Marcellus', Georgia, serif !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  letter-spacing: -0.02em !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  section.comments .comments-title,
  section.comments h2.comments-title {
    font-size: 48px !important;
  }
}

@media (min-width: 1024px) {
  section.comments .comments-title,
  section.comments h2.comments-title {
    font-size: 56px !important;
  }
}

@media (min-width: 1280px) {
  section.comments .comments-title,
  section.comments h2.comments-title {
    font-size: 64px !important;
  }
}

/* Typographie et espacement du badge Sympathies */
section.comments .subtitle {
  font-family: 'Marcellus', Georgia, serif !important;
  font-size: 14px !important;
  letter-spacing: 0.25em !important;
}