.single-container {
  margin-top: 150px;
  padding-left: clamp(16px, 8vw, 120px);
  padding-right: clamp(16px, 6vw, 105px);
}



.single-container.content-grid {
  display: grid;
  grid-template-columns: 797.325px 320px;
  gap: 16px;
  align-items: start;
  justify-content: center;
}

.single-container .primary-content {
  min-width: 0;
}

.single-content-container {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  padding: 32px;
  width: 100%;
  max-width: 797.325px;
  font-family: "GorditaRegular", "Gordita", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

/* Align comments list and form with main content column */
.primary-content .blog-details {
  width: 100%;
  max-width: 797.325px;
}
.primary-content .blog-details .blog-comment-area,
.primary-content .blog-details .blog-comment-form {
  width: 100%;
  float: none;
}

.single-container .sidebar .widget-area {
  position: sticky;
  top: 24px;
  padding-left: 48px;
}

.single-post__header {
  margin-bottom: 24px;
}

.single-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.9rem;
  color: rgba(0,40,78,0.8);
  margin-bottom: 12px;
  font-family: "GorditaRegular", "Gordita", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

.single-post__category {
  background: transparent;
  color: #3f51b5;
  padding: 0;
  border-radius: 0;
  font-family: "GorditaRegular", "Gordita", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.single-post__category-wrap {
  margin-top: 12px;
  margin-bottom: 50px;
}

.single-post__readtime--below {
  margin-left: 12px;
  color: rgba(0,40,78,0.8);
  font-family: "GorditaRegular", "Gordita", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

.single-post__media img {

  width: 100%;
  max-width: 100%;
  height: 430px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

.single-post__content {
  font-size: 1.05rem;
  line-height: 34px;
  color:rgba(0,40,78,0.8);
  font-family:"gorditaregular";
  font-weight: 400;
  font-size: 17px;
  margin-block-end: 40px;
}

/* Headings color in single content */
.single-post__content h1,
.single-post__content h2,
.single-post__content h3,
.single-post__content h4,
.single-post__content h5,
.single-post__content h6 {
  color: #010d4c;

}



/* Ensure hero title on single post uses heading color */
#hero-section .hero-title {
  color: #010d4c;
}

.single-post__content > * + * {
  margin-top: 1rem;
}

.single-post__footer {
  margin-top: 2rem;
}

.single-post__tags .label {
  font-weight: 600;
  margin-right: 8px;
}

.single-post__footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.single-post__tags {
  color: rgba(0,40,78,0.8);
  font-family:"gorditamedium";
  font-size: 17px;
}

.single-post__tags a {
  color: rgba(0,40,78,0.5);
  text-decoration: none;
  margin-right: 10px;
  
}

.single-post__tags a:hover {
  color: #000;
  text-decoration: underline;
}

.single-post__share {
  display: inline-flex;
  align-items: center;
}

.single-post__share .label {
  font-family: "gorditamedium";
  color: #00284e;
  font-size: 17px;
}

.single-post__share .share-btn {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  border: 1px solid #e3e3e3;
  text-align: center;
  color: #d3d3d3;
  font-size: 15px;
  margin-left: 8px;
  transition: all .3s ease-in-out;
  display: inline-block;
}

.single-post__share .share-btn:hover {
  background: rgba(119,54,255,.15);
  color: var(--prime-three);
}

@media (max-width: 1024px) {
  .single-container.content-grid {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
  .single-container .sidebar .widget-area {
    position: static;
    padding-left: 0;
  }
}

/* Comments area aligned with main content */
.primary-content .comments-area,
.primary-content .comment-respond,
.primary-content #respond {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  padding: 30px 40px 15px;
  width: 100%;
  max-width: 797.325px;
  margin-top: 60px;
}

/* Sidebar category list styles */
/* Comments (blog-comment-area) */
.blog-details .blog-comment-area {
  padding: 30px 40px 15px;
  margin-top: 60px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0,73,140,.04);
}

/* Comment list wrapper */
.blog-comment-area .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-details .blog-inner-title {
  font-family: "gorditamedium";
  font-size: 42px;
  letter-spacing: -1px;
}

.blog-comment-area .comment .user-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.blog-comment-area .comment .comment-text {
  width: calc(100% - 60px);
  padding-left: 25px;
  padding-right: 90px;
  position: relative;
  line-height: 40px;
}

.blog-comment-area .comment .name {
  font-family: "gorditamedium";
  font-size: 20px;
  color: var(--heading);
  letter-spacing: -1px;
  font-size: 20px;
}

.blog-comment-area .comment .date {
  font-size: 15px;
  color: rgba(0,40,78,.5);
  margin-top: -9px;
}

.blog-comment-area .comment p,
.blog-comment-area .comment .comment-content {
  font-size: 16px;
  line-height: 28px;
  padding: 8px 50px 0 0;
}

.blog-comment-area .comment .reply-btn {
  font-family: "gorditamedium";
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  width: 65px;
  line-height: 27px;
  background: var(--prime-three);
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  transition: all .3s ease-in-out;
}
.blog-comment-area .comment a.comment-reply-link {
  font-family: "gorditamedium";
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  width: 65px;
  line-height: 27px;
  background: var(--prime-three);
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  transition: all .3s ease-in-out;
}

.blog-comment-area .comment .reply-btn:focus {
  outline: 2px solid var(--prime-three);
  outline-offset: 2px;
}
.blog-comment-area .comment a.comment-reply-link:hover {
  background: var(--prime-two);
}
.blog-comment-area .comment a.comment-reply-link:focus {
  outline: 2px solid var(--prime-three);
  outline-offset: 2px;
}

.blog-comment-area .comment .reply-btn:hover {
  background: var(--prime-two);
}

.blog-comment-area .comment {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

/* Nested replies */
.blog-comment-area .children {
  list-style: none;
  margin: 20px 0 0 60px;
  padding: 0;
}
.blog-comment-area .children .comment {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

/* Comment form */
.blog-comment-form {
  box-shadow: 0 20px 60px rgba(0, 73, 140, .04);
  padding: 30px 40px 50px;
  background: #fff;
}

.mt-60 {
  margin-top: 60px;
}

.blog-details .blog-inner-title {
  font-family: gorditamedium;
  font-size: 42px;
  letter-spacing: -1px;
}

.blog-comment-form p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: rgba(0,40,78,0.8);
  font-size: 16px;
  line-height: 1.6;
}

.blog-comment-form p a {
  color: var(--prime-three);
  text-decoration: underline;
}

.mt-25 {
  margin-top: 25px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-30 {
  margin-bottom: 30px;
}

/* Input wrapper styling */
.input-wrapper {
  position: relative;
}

.blog-comment-form form label {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 40, 78, .5);
  display: block;
  padding-bottom: 3px;
}

.blog-comment-form form input {
  display: block;
  font-size: 18px;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 8px;
  padding: 0 25px;
  background: rgba(241, 238, 246, .5);
  transition: all .3s ease-in-out;
}

.blog-comment-form form input:focus {
  outline: none;
  background: rgba(241, 238, 246, .8);
  box-shadow: 0 0 0 3px rgba(145, 59, 255, .1);
}

.blog-comment-form form textarea {
  display: block;
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  height: 190px;
  min-height: 190px;
  border: none;
  border-radius: 8px;
  padding: 20px 25px;
  background: rgba(241, 238, 246, .5);
  transition: all .3s ease-in-out;
  resize: vertical;
}

.blog-comment-form form textarea:focus {
  outline: none;
  background: rgba(241, 238, 246, .8);
  box-shadow: 0 0 0 3px rgba(145, 59, 255, .1);
}

/* Button styles */
body .btn-eight,
.blog-comment-form .btn-eight,
.form-submit .btn-eight,
input[type="submit"].btn-eight {
  font-family: gorditamedium !important;
  font-size: 17px !important;
  color: #ffffff !important; /* White text */
  line-height: 48px !important;
  border-radius: 5px !important;
  padding: 0 40px !important;
  background: #913BFF !important; /* Violet color */
  background: var(--prime-three) !important; /* CSS variable fallback */
  position: relative !important;
  z-index: 1 !important;
  transition: all .3s ease-in-out !important;
  text-decoration: none !important;
  display: inline-block !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 500 !important;
}

body .btn-eight:hover,
.blog-comment-form .btn-eight:hover,
.form-submit .btn-eight:hover,
input[type="submit"].btn-eight:hover {
  background: var(--prime-one) !important;
  background: #0066FF !important; /* Blue hover color */
}

.ripple-btn {
  position: relative;
}

.ripple-btn:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  transform: scale(0);
  border-radius: 50%;
  background: rgba(255,255,255,.5);
}

.ripple-btn:hover:before {
  transform: scale(1);
  opacity: 0;
  transition: all .5s ease-in-out;
}

/* Form submit button container */
.form-submit {
  margin: 0;
  padding: 0;
}

.form-submit input[type="submit"] {
  margin: 0;
}

/* Ensure submit button is visible and properly styled */
.form-submit input[type="submit"],
.blog-comment-form input[type="submit"],
.blog-comment-form .form-submit input[type="submit"],
.blog-comment-form .form-submit .btn-eight,
.blog-comment-form .form-submit .ripple-btn {
  background: #913BFF !important;
  background: var(--prime-three) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  font-family: gorditamedium !important;
  font-size: 17px !important;
  line-height: 48px !important;
  border-radius: 5px !important;
  padding: 0 40px !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: all .3s ease-in-out !important;
  min-height: 48px !important;
  min-width: 120px !important;
}

/* Ultra-specific button styling to override any conflicts */
.blog-comment-form .form-submit input[type="submit"].btn-eight.ripple-btn,
.blog-comment-form .form-submit input[type="submit"].btn-eight,
.blog-comment-form .form-submit input[type="submit"] {
  background: #913BFF !important;
  background: var(--prime-three) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  font-family: gorditamedium !important;
  font-size: 17px !important;
  line-height: 48px !important;
  border-radius: 5px !important;
  padding: 0 40px !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: all .3s ease-in-out !important;
  min-height: 48px !important;
  min-width: 120px !important;
  box-shadow: 0 2px 10px rgba(145, 59, 255, 0.3) !important;
}

/* Hide cookies consent checkbox */
.comment-form-cookies-consent,
.comment-form-cookies-consent *,
#wp-comment-cookies-consent,
label[for="wp-comment-cookies-consent"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive comment form */
@media (max-width: 767px) {
  .blog-comment-form {
    padding: 20px 25px 30px;
  }
  
  .blog-details .blog-inner-title {
    font-size: 32px;
  }
  
  .blog-comment-form form input,
  .blog-comment-form form textarea {
    font-size: 16px;
  }
  
  body .btn-eight {
    width: 100%;
    text-align: center;
  }
}
.widget.widget_categories {
  margin-bottom: 50px;
}
.widget.widget_categories .widget-title {
  color: #010d4c;
  font-family: "gorditamedium";
  font-size: 25px;
  margin-bottom: 16px;
}

.widget.widget_categories .category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget.widget_categories .category-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e5e7eb;
}

.widget.widget_categories .category-list li a {
  color: rgba(0,40,78,0.8);
  text-decoration: none;
  font-family: "gorditaregular";
  font-size: 20px;
}

.widget.widget_categories .category-list li a:hover {
  text-decoration: underline;
}

.widget.widget_categories .category-list li .count {
  color: rgba(0,40,78,0.6);
  font-family: "gorditaregular";
  font-size: 16px;
  margin-left: 8px;
}

/* Sidebar keywords */
.blog-sidebar .sidebar-keyword ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.blog-sidebar .sidebar-keyword ul li {
  padding: 0;
  margin: 0;
}

.blog-sidebar .sidebar-keyword ul li a {
  display: inline-block;
  font-family: "gorditamedium";
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--text-color);
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  line-height: 36px;
  height: 36px;
  padding: 0 18px;
  transition: all .3s ease-in-out;
  text-decoration: none;
  white-space: nowrap;
}

.blog-sidebar .sidebar-keyword ul li a:hover {
  background: var(--prime-three);
  border-color: var(--prime-three);
  color: #fff;
}

/* Keywords heading */
.widget-title {
  font-size: 25px;
  margin-bottom: 18px;
}