/* Make the comment "Reply" link readable (and look intentional) */
.comment-reply-link,
.reply a {
  color: #111 !important;
  font-weight: 600;
  text-decoration: underline;
}

/* If your theme uses a faded/transparent style, force full opacity */
.reply,
.comment-reply-link {
  opacity: 1 !important;
}
input[type="email"] {
  border: 2px solid #111;
}

button {
  background: #111 !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: 0.5px;
}
/* Teal subscribe button */
button,
.wp-block-button__link,
input[type="submit"] {
  background: #1ea6a6 !important;
  color: #ffffff !important;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 14px 20px;
  transition: all 0.2s ease;
}

button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
  background: #148c8c !important;
}
/* Hashtag tag styling */
.wp-block-tag-cloud a,
.tagcloud a,
a[href*="tag"] {
  display: inline-block;
  background: #1ea6a6;
  color: #ffffff !important;
  padding: 8px 14px;
  margin: 6px 6px 0 0;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

/* Hover effect */
.wp-block-tag-cloud a:hover,
.tagcloud a:hover,
a[href*="tag"]:hover {
  background: #148c8c;
  transform: translateY(-1px);
}
/* Fix: homepage Blog Posts block cut off on the left (desktop only) */
@media (min-width: 782px){
  #posts-section{
    max-width: 100%;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}
//* Tighten spacing ONLY for the Blog Posts block we tagged */
.tight-posts{
  row-gap: 24px !important;
  gap: 24px !important;
}

/* If posts are list items */
.tight-posts li{
  margin: 0 !important;
  padding: 0 !important;
}
.tight-posts li + li{
  margin-top: 24px !important;
}
/* If posts are articles/divs instead of li */
.tight-posts article,
.tight-posts .wp-block-post,
.tight-posts .post,
.tight-posts .entry{
  margin: 0 !important;
  padding: 0 !important;
}
.tight-posts article + article,
.tight-posts .wp-block-post + .wp-block-post,
.tight-posts .post + .post,
.tight-posts .entry + .entry{
  margin-top: 24px !important;
}
/* Reduce vertical spacing between Advanced Blog Posts items */
.wp-block-blog-posts .post,
.wp-block-blog-posts .wp-block-post,
.wp-block-blog-posts article {
  margin-bottom: 24px !important;
  padding-bottom: 0 !important;
}

/* Remove any extra spacing below the whole block */
.wp-block-blog-posts {
  row-gap: 24px !important;
  gap: 24px !important;
}
.wp-block-blog-posts > *{
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
}
/* Tighten the Advanced Blog Posts layout by limiting the featured image box */
.blog-tight .wp-block-post-featured-image,
.blog-tight figure,
.blog-tight .featured-image,
.blog-tight .post-thumbnail {
  height: 220px !important;      /* try 180–260 */
  overflow: hidden !important;
  margin-bottom: 0 !important;
}
/* Darken comment textarea border */
.comment-form textarea {
  border: 2px solid #4f6f73 !important;   /* adjust color if needed */
}

/* Darken placeholder text ("Comment *") */
.comment-form textarea::placeholder {
  color: #4f6f73 !important;
  opacity: 1;
}

/* Darker border when clicked */
.comment-form textarea:focus {
  border-color: #2a9d8f !important;   /* matches your subscribe button tone */
  outline: none;
}
/* Hide the "Comment *" label that overlaps the placeholder */
.comment-form-comment > label {
  position: absolute !important;
  left: -9999px !important;
}
/* Fix: About page sections cut off on the left (desktop only) */
@media (min-width: 782px){
  #getting-started,
  #photo-gallery{
    max-width: 100%;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;

    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
}/* Fix: Nudims intro columns cut off on the left (desktop only) */
@media (min-width: 782px){
  #nudims-intro{
    max-width: 100%;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;

    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
}
/* Fix: Nudims gallery section cut off on the left (desktop only) */
@media (min-width: 782px){
  #nudims-gallery{
    max-width: 100%;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;

    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
}
@media (min-width: 782px){
  #nudims-custom-products .wp-block-column{
    align-self: flex-start !important;
  }
}
/* Style WordPress comment form fields to match textarea */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
  border: 2px solid #3b4f52 !important;
  padding: 12px !important;
  background-color: #ffffff !important;
  color: #333 !important;
  border-radius: 6px !important;
}
/* Focus state */
.comment-form input:focus{
  outline: none !important;
  border-color: #1ca6a6 !important;
  box-shadow: 0 0 0 2px rgba(28,166,166,0.2);
}
/* Darken actual typed text inside comment form fields */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  color: #2f3f42 !important;
}
/* Force readable text inside the WP comment form fields (Chrome/Android safe) */
.comment-form input,
.comment-form textarea{
  color: #111 !important;
  -webkit-text-fill-color: #111 !important; /* THIS is often the missing piece */
  opacity: 1 !important;
}
/* NUCLEAR: force readable text inside WP comment form inputs */
#respond #commentform input,
#respond #commentform textarea,
#comments #respond #commentform input,
#comments #respond #commentform textarea{
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  caret-color: #111 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Also force placeholder (just in case what you're seeing is still placeholder) */
#respond #commentform input::placeholder,
#respond #commentform textarea::placeholder{
  color: #555 !important;
  opacity: 1 !important;
}
/* Hide the "Name * / Email * / Website" labels that are being drawn inside fields */
#respond #commentform .comment-form-author > label,
#respond #commentform .comment-form-email > label,
#respond #commentform .comment-form-url > label{
  position: absolute !important;
  left: -9999px !important;
}

/* Some themes draw the label text with pseudo-elements — kill those too */
#respond #commentform .comment-form-author::before,
#respond #commentform .comment-form-email::before,
#respond #commentform .comment-form-url::before,
#respond #commentform .comment-form-author::after,
#respond #commentform .comment-form-email::after,
#respond #commentform .comment-form-url::after{
  content: none !important;
  display: none !important;
}

/* Also ensure no background “watermark text” is being used */
#respond #commentform input{
  background-image: none !important;
  text-shadow: none !important;
}