.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Genel yorum alanı */
#comments,
.comments-area {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  font-family: "Gilroy", "Inter", Arial, sans-serif !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(155, 220, 140, 0.22), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(255, 226, 122, 0.28), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f7ff 100%) !important;

  border: 1px solid rgba(18, 50, 92, 0.08) !important;
  border-radius: 33px !important;
  padding: 28px !important;
  margin-top: 34px !important;
  box-shadow: 0 24px 60px rgba(18, 50, 92, 0.12) !important;
}

/* Toplam yorum sayısı / Responses başlığını gizle */
#comments > h1,
#comments > h2,
#comments > h3,
#comments > h4,
#comments > .comments-title,
#comments > .comment-title,
#comments > .comment-count,
#comments > .comments-count,
#comments > .comment-list-title,
#comments > .wp-block-comments-title,
.comments-area > h1,
.comments-area > h2,
.comments-area > h3,
.comments-area > h4,
.comments-area > .comments-title,
.comments-area > .comment-title,
.comments-area > .comment-count,
.comments-area > .comments-count,
.comments-area > .comment-list-title,
.comments-area > .wp-block-comments-title,
h1.comments-title,
h2.comments-title,
h3.comments-title,
h4.comments-title,
h1.comment-title,
h2.comment-title,
h3.comment-title,
h4.comment-title,
.wp-block-comments-title,
.elementor-widget-theme-comments h1,
.elementor-widget-theme-comments h2,
.elementor-widget-theme-comments h3,
.elementor-widget-theme-comments h4 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Gereksiz üst açıklamaları gizle */
#comments .logged-in-as,
.comments-area .logged-in-as,
#comments .comment-notes,
.comments-area .comment-notes,
#comments .required-field-message,
.comments-area .required-field-message,
.comment-form-cookies-consent {
  display: none !important;
}

/* Yorum yapma başlığı */
#comments .comment-reply-title,
.comments-area .comment-reply-title {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;

  color: #12325c !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.6px !important;
}

/* Yanıtı iptal et linki */
#cancel-comment-reply-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;

  border-radius: 33px !important;
  background: rgba(201, 182, 242, 0.26) !important;
  color: #12325c !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(18, 50, 92, 0.10) !important;
  transition: 0.25s ease !important;
}

#cancel-comment-reply-link:hover {
  background: #12325c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(18, 50, 92, 0.18) !important;
}

/* Yorum listesi */
#comments .comment-list,
.comments-area .comment-list,
#comments ol.comment-list,
.comments-area ol.comment-list {
  list-style: none !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Her yorum satırı */
#comments .comment,
.comments-area .comment,
#comments .comment-list li,
.comments-area .comment-list li {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Yorum kartı */
#comments .comment-body,
.comments-area .comment-body {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 18px !important;

  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(18, 50, 92, 0.08) !important;
  border-radius: 33px !important;
  padding: 22px !important;
  margin: 0 0 18px 0 !important;
  box-shadow: 0 20px 48px rgba(18, 50, 92, 0.11) !important;
}

/* Avatar alanı */
#comments .comment-author,
.comments-area .comment-author {
  grid-column: 1 / 3 !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* Avatar */
#comments .comment-author img.avatar,
.comments-area .comment-author img.avatar,
#comments img.avatar,
.comments-area img.avatar {
  position: static !important;
  float: none !important;
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  border-radius: 33px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border: 3px solid rgba(255, 226, 122, 0.78) !important;
  box-shadow: 0 12px 26px rgba(18, 50, 92, 0.14) !important;
}

/* Yazar adı */
#comments .comment-author .fn,
.comments-area .comment-author .fn,
#comments .comment-author a,
.comments-area .comment-author a,
#comments .comment-author b,
.comments-area .comment-author b {
  color: #12325c !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  font-style: normal !important;
  word-break: break-word !important;
}

/* dedi ki */
#comments .comment-author .says,
.comments-area .comment-author .says {
  color: #667085 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Meta */
#comments .comment-metadata,
.comments-area .comment-metadata,
#comments .comment-meta,
.comments-area .comment-meta {
  grid-column: 2 / 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px 12px !important;

  width: 100% !important;
  max-width: 100% !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;

  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Meta link */
#comments .comment-metadata a,
.comments-area .comment-metadata a,
#comments .comment-meta a,
.comments-area .comment-meta a {
  color: #667085 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#comments .comment-metadata a:hover,
.comments-area .comment-metadata a:hover,
#comments .comment-meta a:hover,
.comments-area .comment-meta a:hover {
  color: #12325c !important;
}

/* Yorum içeriği */
#comments .comment-content,
.comments-area .comment-content {
  grid-column: 2 / 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 12px !important;
  padding: 0 !important;

  color: #26334d !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  font-weight: 700 !important;

  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#comments .comment-content p,
.comments-area .comment-content p {
  margin: 0 0 12px 0 !important;
}

/* Yanıtla alanı */
#comments .reply,
.comments-area .reply {
  grid-column: 2 / 3 !important;
  margin-top: 16px !important;
}

#comments .reply a,
.comments-area .reply a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 18px !important;

  border-radius: 33px !important;
  background: rgba(255, 226, 122, 0.62) !important;
  color: #12325c !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;

  box-shadow: 0 12px 28px rgba(18, 50, 92, 0.10) !important;
  transition: 0.25s ease !important;
}

#comments .reply a:hover,
.comments-area .reply a:hover {
  background: #12325c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(18, 50, 92, 0.18) !important;
}

/* İç içe yorumlar */
#comments .children,
.comments-area .children {
  list-style: none !important;
  margin: 0 0 0 28px !important;
  padding: 0 !important;
  max-width: calc(100% - 28px) !important;
}

/* Form alanı */
#comments .comment-respond,
.comments-area .comment-respond {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(18, 50, 92, 0.08) !important;
  border-radius: 33px !important;
  padding: 26px !important;
  margin-top: 26px !important;
  box-shadow: 0 22px 54px rgba(18, 50, 92, 0.12) !important;
}

/* Form */
#comments .comment-form,
.comments-area .comment-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Form satırları */
#comments .comment-form p,
.comments-area .comment-form p {
  margin: 0 0 16px 0 !important;
  max-width: 100% !important;
}

/* Label */
#comments .comment-form label,
.comments-area .comment-form label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: #12325c !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

/* Tüm input ve textarea */
#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea,
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  background: #ffffff !important;
  color: #26334d !important;
  border: 1px solid rgba(18, 50, 92, 0.14) !important;
  border-radius: 33px !important;
  padding: 14px 16px !important;
  margin: 0 !important;

  font-family: "Gilroy", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  box-shadow: 0 14px 32px rgba(18, 50, 92, 0.08) !important;
  outline: none !important;
  transition: 0.25s ease !important;
}

/* Textarea */
#comments .comment-form textarea,
.comments-area .comment-form textarea {
  min-height: 180px !important;
  resize: vertical !important;
}

/* Focus */
#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus,
.comments-area .comment-form input[type="text"]:focus,
.comments-area .comment-form input[type="email"]:focus,
.comments-area .comment-form input[type="url"]:focus,
.comments-area .comment-form textarea:focus {
  border-color: #c9b6f2 !important;
  box-shadow: 0 0 0 4px rgba(201, 182, 242, 0.22), 0 16px 36px rgba(18, 50, 92, 0.10) !important;
}

/* Form düzeni */
#comments .comment-form-comment,
.comments-area .comment-form-comment {
  width: 100% !important;
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url,
.comments-area .comment-form-author,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
  width: 100% !important;
}

/* Gönder butonu */
#comments .form-submit,
.comments-area .form-submit {
  margin: 8px 0 0 0 !important;
}

#comments .comment-form input[type="submit"],
#comments .comment-form .submit,
.comments-area .comment-form input[type="submit"],
.comments-area .comment-form .submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 33px !important;
  background: #12325c !important;
  color: #ffffff !important;

  font-family: "Gilroy", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;

  box-shadow: 0 16px 36px rgba(18, 50, 92, 0.22) !important;
  transition: 0.25s ease !important;
}

#comments .comment-form input[type="submit"]:hover,
#comments .comment-form .submit:hover,
.comments-area .comment-form input[type="submit"]:hover,
.comments-area .comment-form .submit:hover {
  background: #214d82 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 44px rgba(18, 50, 92, 0.26) !important;
}

/* Mobil */
@media (max-width: 767px) {
  #comments,
  .comments-area {
    padding: 18px !important;
    border-radius: 33px !important;
  }

  #comments .comment-body,
  .comments-area .comment-body {
    display: block !important;
    padding: 18px !important;
    border-radius: 33px !important;
  }

  #comments .comment-author,
  .comments-area .comment-author {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  #comments .comment-author img.avatar,
  .comments-area .comment-author img.avatar {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    border-radius: 33px !important;
  }

  #comments .comment-metadata,
  .comments-area .comment-metadata,
  #comments .comment-content,
  .comments-area .comment-content,
  #comments .reply,
  .comments-area .reply {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  #comments .children,
  .comments-area .children {
    margin-left: 12px !important;
    max-width: calc(100% - 12px) !important;
  }

  #comments .comment-respond,
  .comments-area .comment-respond {
    padding: 18px !important;
    border-radius: 33px !important;
  }

  #comments .comment-reply-title,
  .comments-area .comment-reply-title {
    font-size: 24px !important;
  }
}/* End custom CSS */