.elementor-17691 .elementor-element.elementor-element-88e7c5f{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-17691 .elementor-element.elementor-element-88e7c5f:not(.elementor-motion-effects-element-type-background), .elementor-17691 .elementor-element.elementor-element-88e7c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(89deg, #ECDAFF 13%, #CBD7F9 100%);}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-2ff1e92 .elementor-heading-title{font-size:42px;font-weight:700;}.elementor-17691 .elementor-element.elementor-element-ebf0d62 .elementor-heading-title{font-size:16px;font-weight:500;}.elementor-17691 .elementor-element.elementor-element-4dbada2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-17691 .elementor-element.elementor-element-4dbada2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17691 .elementor-element.elementor-element-e4a3a77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17691 .elementor-element.elementor-element-6f8093b .elementor-icon-box-wrapper{align-items:center;gap:30px;}.elementor-17691 .elementor-element.elementor-element-6f8093b .elementor-icon-box-title{margin-block-end:0px;}.elementor-17691 .elementor-element.elementor-element-6f8093b.elementor-view-stacked .elementor-icon{background-color:#EC1492;}.elementor-17691 .elementor-element.elementor-element-6f8093b.elementor-view-framed .elementor-icon, .elementor-17691 .elementor-element.elementor-element-6f8093b.elementor-view-default .elementor-icon{fill:#EC1492;color:#EC1492;border-color:#EC1492;}.elementor-17691 .elementor-element.elementor-element-6f8093b .elementor-icon{font-size:70px;}.elementor-17691 .elementor-element.elementor-element-6f8093b .elementor-icon-box-description{font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-6f8093b > .elementor-widget-container{padding:20px 20px 20px 30px;background-color:var( --e-global-color-astglobalcolor5 );border-radius:14px 14px 14px 14px;box-shadow:0px 0px 4px -2px rgba(0,0,0,0.5);}.elementor-17691 .elementor-element.elementor-element-65ce28a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px -2px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17691 .elementor-element.elementor-element-65ce28a:not(.elementor-motion-effects-element-type-background), .elementor-17691 .elementor-element.elementor-element-65ce28a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon-box-wrapper{align-items:center;gap:30px;}.elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon-box-title{margin-block-end:0px;}.elementor-17691 .elementor-element.elementor-element-e688b8e.elementor-view-stacked .elementor-icon{background-color:#EC1492;}.elementor-17691 .elementor-element.elementor-element-e688b8e.elementor-view-framed .elementor-icon, .elementor-17691 .elementor-element.elementor-element-e688b8e.elementor-view-default .elementor-icon{fill:#EC1492;color:#EC1492;border-color:#EC1492;}.elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon{font-size:48px;}.elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon-box-title, .elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon-box-title a{font-weight:700;}.elementor-17691 .elementor-element.elementor-element-e688b8e .elementor-icon-box-description{font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-e688b8e > .elementor-widget-container{padding:20px 20px 20px 34px;background-color:var( --e-global-color-astglobalcolor5 );border-radius:14px 14px 14px 14px;}.elementor-17691 .elementor-element.elementor-element-2517c8b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 15px;--row-gap:0px;--column-gap:15px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-dbf35ce{color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-dbf35ce > .elementor-widget-container{padding:20px 20px 20px 20px;background-color:#FFEEEE;border-radius:12px 12px 12px 12px;}.elementor-17691 .elementor-element.elementor-element-1f4fca8{color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-1f4fca8 > .elementor-widget-container{padding:20px 20px 20px 20px;background-color:#ECFFFF;border-radius:12px 12px 12px 12px;}.elementor-17691 .elementor-element.elementor-element-31ee183{columns:1;font-size:15px;font-weight:400;color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-31ee183 p{margin-block-end:0px;}.elementor-17691 .elementor-element.elementor-element-31ee183 > .elementor-widget-container{margin:0px 15px 15px 15px;padding:10px 20px 2px 20px;background-color:#FFF9E6;border-radius:12px 12px 12px 12px;}.elementor-17691 .elementor-element.elementor-element-fba339c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17691 .elementor-element.elementor-element-b504e0b{font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-17691 .elementor-element.elementor-element-b504e0b > .elementor-widget-container{padding:20px 20px 20px 20px;background-color:var( --e-global-color-astglobalcolor5 );border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px -2px rgba(0,0,0,0.5);}.elementor-17691 .elementor-element.elementor-element-84f29a5{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px -2px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17691 .elementor-element.elementor-element-84f29a5:not(.elementor-motion-effects-element-type-background), .elementor-17691 .elementor-element.elementor-element-84f29a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-17691 .elementor-element.elementor-element-c9db96a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17691 .elementor-element.elementor-element-ef66677{--grid-column-gap:0px;--grid-row-gap:12px;}.elementor-17691 .elementor-element.elementor-element-ef66677 .elementor-post__title, .elementor-17691 .elementor-element.elementor-element-ef66677 .elementor-post__title a{color:var( --e-global-color-primary );font-size:16px;font-weight:400;line-height:1.5em;}.elementor-17691 .elementor-element.elementor-element-ef66677 .elementor-post__title{margin-bottom:0px;}.elementor-17691 .elementor-element.elementor-element-ef66677 > .elementor-widget-container{padding:6px 6px 6px 6px;background-color:var( --e-global-color-astglobalcolor5 );}.elementor-17691 .elementor-element.elementor-element-872b62c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17691 .elementor-element.elementor-element-411299c > .elementor-widget-container{padding:12px 12px 12px 20px;background-color:var( --e-global-color-astglobalcolor5 );border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px -2px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17691 .elementor-element.elementor-element-2517c8b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17691 .elementor-element.elementor-element-2ff1e92 .elementor-heading-title{font-size:22px;}.elementor-17691 .elementor-element.elementor-element-2517c8b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17691 .elementor-element.elementor-element-e4a3a77{--width:900px;}.elementor-17691 .elementor-element.elementor-element-fba339c{--width:500px;}}/* Start custom CSS *//* =========================================================
   MiraBotX Feedback Page - Native WordPress Comments Styling
   Astra Theme Comment Structure Version
   For Elementor page-level CSS
========================================================= */

:root {
  --mbx-pink: #e83e8c;
  --mbx-pink-dark: #d9327d;
  --mbx-blue: #3f7cff;
  --mbx-text: #1d1d1f;
  --mbx-muted: #666;
  --mbx-border: #e9e9ee;
  --mbx-bg: #f8f9fc;
  --mbx-card: #ffffff;
  --mbx-soft-card: #fbfbfd;
  --mbx-shadow: 0 10px 30px rgba(20, 20, 40, 0.06);
}

/* Main comments wrapper */
#comments,
.comments-area,
.ast-comments-area {
  max-width: 1400px !important;
  margin: 30px auto !important;
  padding: 0 24px !important;
  border: none !important;
  background: transparent !important;
  color: var(--mbx-text) !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
}

#comments *,
.comments-area *,
.ast-comments-area *,
#respond *,
.comment-respond * {
  box-sizing: border-box !important;
}

/* Hide default "1 thought on..." title */
#comments .comments-title,
.comments-area .comments-title,
.ast-comments-title,
.ast-comment-list-title {
  display: none !important;
}

/* Reset Astra comment list */
#comments .ast-comment-list,
.comments-area .ast-comment-list,
.ast-comments-area .ast-comment-list,
ol.ast-comment-list {
  list-style: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Reset comment li */
#comments .ast-comment-list > li.comment,
.comments-area .ast-comment-list > li.comment,
.ast-comments-area .ast-comment-list > li.comment,
ol.ast-comment-list > li.comment {
  list-style: none !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================================
   Top-level comment card
========================================================= */

#comments .ast-comment-list > li.comment > article.ast-comment,
.comments-area .ast-comment-list > li.comment > article.ast-comment,
.ast-comments-area .ast-comment-list > li.comment > article.ast-comment,
ol.ast-comment-list > li.comment > article.ast-comment {
  position: relative !important;
  display: block !important;
  background: var(--mbx-card) !important;
  border: 1px solid var(--mbx-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--mbx-shadow) !important;
  padding: 26px 30px !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Accent bar */
#comments .ast-comment-list > li.comment > article.ast-comment::before,
.comments-area .ast-comment-list > li.comment > article.ast-comment::before,
.ast-comments-area .ast-comment-list > li.comment > article.ast-comment::before,
ol.ast-comment-list > li.comment > article.ast-comment::before {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--mbx-pink), var(--mbx-blue)) !important;
  margin: 0 0 18px !important;
}

/* Astra comment info layout */
#comments .ast-comment-info,
.comments-area .ast-comment-info,
.ast-comments-area .ast-comment-info {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* Hide empty avatar wrapper if no avatar is displayed */
#comments .ast-comment-avatar-wrap:empty,
.comments-area .ast-comment-avatar-wrap:empty,
.ast-comments-area .ast-comment-avatar-wrap:empty {
  display: none !important;
}

/* Avatar wrapper */
#comments .ast-comment-avatar-wrap,
.comments-area .ast-comment-avatar-wrap,
.ast-comments-area .ast-comment-avatar-wrap {
  float: left !important;
  margin: 0 12px 0 0 !important;
}

/* Avatar image */
#comments .ast-comment-avatar-wrap img,
.comments-area .ast-comment-avatar-wrap img,
.ast-comments-area .ast-comment-avatar-wrap img,
#comments .avatar,
.comments-area .avatar,
.ast-comments-area .avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 3px solid #fff0f7 !important;
  box-shadow: 0 4px 14px rgba(232, 62, 140, 0.14) !important;
  margin: 0 !important;
}

/* Comment meta header */
#comments .ast-comment-meta,
.comments-area .ast-comment-meta,
.ast-comments-area .ast-comment-meta {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Author name */
#comments .ast-comment-cite-wrap,
.comments-area .ast-comment-cite-wrap,
.ast-comments-area .ast-comment-cite-wrap {
  margin: 0 0 6px !important;
  padding: 0 !important;
}

#comments .ast-comment-cite-wrap cite,
#comments .ast-comment-cite-wrap cite a,
#comments .ast-comment-cite-wrap .fn,
#comments .ast-comment-cite-wrap .fn a,
.comments-area .ast-comment-cite-wrap cite,
.comments-area .ast-comment-cite-wrap cite a,
.comments-area .ast-comment-cite-wrap .fn,
.comments-area .ast-comment-cite-wrap .fn a,
.ast-comments-area .ast-comment-cite-wrap cite,
.ast-comments-area .ast-comment-cite-wrap cite a,
.ast-comments-area .ast-comment-cite-wrap .fn,
.ast-comments-area .ast-comment-cite-wrap .fn a {
  color: var(--mbx-text) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* Post author highlight */
#comments .ast-highlight-text,
.comments-area .ast-highlight-text,
.ast-comments-area .ast-highlight-text {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #fff0f7 !important;
  color: var(--mbx-pink) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* Date */
#comments .ast-comment-time,
.comments-area .ast-comment-time,
.ast-comments-area .ast-comment-time {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 4px 0 0 !important;
  padding: 6px 12px !important;
  background: #f8f9fc !important;
  border: 1px solid var(--mbx-border) !important;
  border-radius: 999px !important;
  color: var(--mbx-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

#comments .ast-comment-time a,
#comments .ast-comment-time time,
.comments-area .ast-comment-time a,
.comments-area .ast-comment-time time,
.ast-comments-area .ast-comment-time a,
.ast-comments-area .ast-comment-time time {
  color: var(--mbx-muted) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#comments .ast-comment-time a:hover,
.comments-area .ast-comment-time a:hover,
.ast-comments-area .ast-comment-time a:hover {
  color: var(--mbx-pink) !important;
}

/* =========================================================
   Comment content
========================================================= */

#comments .ast-comment-content,
.comments-area .ast-comment-content,
.ast-comments-area .ast-comment-content {
  clear: both !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

#comments .ast-comment-content p,
.comments-area .ast-comment-content p,
.ast-comments-area .ast-comment-content p {
  margin: 0 0 12px !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

#comments .ast-comment-content p:last-child,
.comments-area .ast-comment-content p:last-child,
.ast-comments-area .ast-comment-content p:last-child {
  margin-bottom: 0 !important;
}

/* Awaiting moderation */
#comments .comment-awaiting-moderation,
.comments-area .comment-awaiting-moderation,
.ast-comments-area .comment-awaiting-moderation {
  display: inline-flex !important;
  align-items: center !important;
  margin: 16px 0 0 !important;
  padding: 8px 14px !important;
  background: #fff8e9 !important;
  border: 1px solid #ffe0a3 !important;
  border-radius: 999px !important;
  color: #8a5a00 !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.4 !important;
}

/* Edit / Reply wrapper */
#comments .ast-comment-edit-reply-wrap,
.comments-area .ast-comment-edit-reply-wrap,
.ast-comments-area .ast-comment-edit-reply-wrap {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding: 0 !important;
}

/* Edit link */
#comments .ast-edit-link a,
#comments .comment-edit-link,
.comments-area .ast-edit-link a,
.comments-area .comment-edit-link,
.ast-comments-area .ast-edit-link a,
.ast-comments-area .comment-edit-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: var(--mbx-pink) !important;
  border: none !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Reply button */
#comments .ast-reply-link a,
#comments .comment-reply-link,
.comments-area .ast-reply-link a,
.comments-area .comment-reply-link,
.ast-comments-area .ast-reply-link a,
.ast-comments-area .comment-reply-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff0f7 !important;
  color: var(--mbx-pink) !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

#comments .ast-reply-link a:hover,
#comments .comment-reply-link:hover,
.comments-area .ast-reply-link a:hover,
.comments-area .comment-reply-link:hover,
.ast-comments-area .ast-reply-link a:hover,
.ast-comments-area .comment-reply-link:hover {
  background: var(--mbx-pink) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   Nested replies
========================================================= */

#comments .ast-comment-list .children,
.comments-area .ast-comment-list .children,
.ast-comments-area .ast-comment-list .children,
ol.ast-comment-list .children {
  list-style: none !important;
  margin: 24px 0 0 28px !important;
  padding: 0 0 0 22px !important;
  border-left: 3px solid #f3d3e4 !important;
  background: transparent !important;
}

/* Nested reply li reset */
#comments .ast-comment-list .children > li.comment,
.comments-area .ast-comment-list .children > li.comment,
.ast-comments-area .ast-comment-list .children > li.comment,
ol.ast-comment-list .children > li.comment {
  list-style: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Nested reply card */
#comments .ast-comment-list .children > li.comment > article.ast-comment,
.comments-area .ast-comment-list .children > li.comment > article.ast-comment,
.ast-comments-area .ast-comment-list .children > li.comment > article.ast-comment,
ol.ast-comment-list .children > li.comment > article.ast-comment {
  background: var(--mbx-soft-card) !important;
  border: 1px solid var(--mbx-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 22px 24px !important;
}

/* Smaller accent bar for replies */
#comments .ast-comment-list .children > li.comment > article.ast-comment::before,
.comments-area .ast-comment-list .children > li.comment > article.ast-comment::before,
.ast-comments-area .ast-comment-list .children > li.comment > article.ast-comment::before,
ol.ast-comment-list .children > li.comment > article.ast-comment::before {
  width: 38px !important;
  height: 3px !important;
  margin-bottom: 16px !important;
}

/* =========================================================
   Comment form
========================================================= */

#respond,
.comment-respond {
  max-width: 1180px !important;
  margin: 34px auto 0 !important;
  padding: 30px !important;
  background: var(--mbx-card) !important;
  border: 1px solid var(--mbx-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--mbx-shadow) !important;
  color: var(--mbx-text) !important;
}

/* Reply title */
#respond #reply-title,
.comment-respond #reply-title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--mbx-text) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

#respond #reply-title::before,
.comment-respond #reply-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 12px !important;
  border-radius: 50% !important;
  background: var(--mbx-pink) !important;
  vertical-align: 2px !important;
}

/* Cancel reply */
#cancel-comment-reply-link {
  margin-left: 12px !important;
  color: var(--mbx-pink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Notes */
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent,
.form-allowed-tags {
  color: var(--mbx-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
}

.logged-in-as {
  background: #f8f9fc !important;
  border: 1px solid var(--mbx-border) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

.logged-in-as a,
.comment-notes a {
  color: var(--mbx-pink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Form layout */
.comment-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 32px !important;
}

.comment-form-comment,
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent,
.form-allowed-tags,
.form-submit {
  grid-column: 1 / -1 !important;
}

/* Labels */
.comment-form label {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--mbx-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Fields */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100% !important;
  border: 1px solid #d9d9e2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--mbx-text) !important;
  padding: 14px 16px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.comment-form textarea {
  min-height: 170px !important;
  resize: vertical !important;
}

.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
  border-color: var(--mbx-pink) !important;
  box-shadow: 0 0 0 4px rgba(232, 62, 140, 0.12) !important;
}

.comment-form p {
  margin-top: 0 !important;
}

/* Hide Website URL field */
.comment-form-url {
  display: none !important;
}

/* Cookie checkbox */
.comment-form-cookies-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.comment-form-cookies-consent input {
  width: auto !important;
  margin-top: 4px !important;
}

.comment-form-cookies-consent label {
  margin: 0 !important;
  color: var(--mbx-muted) !important;
  font-weight: 400 !important;
}

/* Submit button */
.form-submit {
  margin: 8px 0 0 !important;
}

.form-submit input[type="submit"],
.comment-form input[type="submit"],
.comment-form .submit,
input#submit,
#submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--mbx-pink) !important;
  background-color: var(--mbx-pink) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 9px !important;
  padding: 13px 24px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(232, 62, 140, 0.22) !important;
  transition: all 0.2s ease !important;
}

.form-submit input[type="submit"]:hover,
.comment-form input[type="submit"]:hover,
.comment-form .submit:hover,
input#submit:hover,
#submit:hover {
  transform: translateY(-1px) !important;
  background: var(--mbx-pink-dark) !important;
  background-color: var(--mbx-pink-dark) !important;
  box-shadow: 0 10px 24px rgba(232, 62, 140, 0.28) !important;
}

/* Required mark */
.required {
  color: var(--mbx-pink) !important;
}

/* Mobile */
@media (max-width: 768px) {
  #comments,
  .comments-area,
  .ast-comments-area {
    padding: 0 16px !important;
  }

  #comments .ast-comment-list > li.comment > article.ast-comment,
  .comments-area .ast-comment-list > li.comment > article.ast-comment,
  .ast-comments-area .ast-comment-list > li.comment > article.ast-comment,
  ol.ast-comment-list > li.comment > article.ast-comment,
  #respond,
  .comment-respond {
    padding: 22px !important;
    border-radius: 16px !important;
  }

  #comments .ast-comment-list .children,
  .comments-area .ast-comment-list .children,
  .ast-comments-area .ast-comment-list .children,
  ol.ast-comment-list .children {
    margin-left: 0 !important;
    padding-left: 14px !important;
  }

  #comments .ast-comment-list .children > li.comment > article.ast-comment,
  .comments-area .ast-comment-list .children > li.comment > article.ast-comment,
  .ast-comments-area .ast-comment-list .children > li.comment > article.ast-comment,
  ol.ast-comment-list .children > li.comment > article.ast-comment {
    padding: 20px !important;
  }

  #respond #reply-title,
  .comment-respond #reply-title {
    font-size: 22px !important;
  }

  .comment-form {
    grid-template-columns: 1fr !important;
  }

  .comment-form-author,
  .comment-form-email {
    grid-column: 1 / -1 !important;
  }

  #comments .ast-comment-edit-reply-wrap,
  .comments-area .ast-comment-edit-reply-wrap,
  .ast-comments-area .ast-comment-edit-reply-wrap {
    justify-content: flex-start !important;
  }
}/* End custom CSS */