/* =============================================================
   VALHALLA PEPTIDES — Blog Comments Styling
   Date: 2026-05-25
   Scope: Override pink/magenta WP/parent-theme defaults on the
   "Pridať komentár" submit button on blog post comment forms.
   Loaded ONLY on `is_singular('post')` via inc/comments-styling.php.

   Diagnosed source: parent Hello Elementor + WP core comment-form
   defaults render the button as outlined pink (text + border
   #cc3366, transparent background). The site-wide pink-nuke layer
   in style.css §FIX-5 targets WC notices / coming-soon / Complianz
   but does NOT cover .comment-form #submit specifically.
   ============================================================= */

.comment-form #submit,
.comment-form input[type="submit"],
.comment-form button[type="submit"],
#commentform #submit,
#commentform input[type="submit"],
.comment-respond #submit,
.comment-respond .submit,
.wp-block-button__link.comment-submit {
  background: #C9A055 !important;
  background-color: #C9A055 !important;
  color: #000 !important;
  border: none !important;
  border-color: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  min-height: 48px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  border-radius: 0 !important;
}

.comment-form #submit:hover,
.comment-form input[type="submit"]:hover,
.comment-form button[type="submit"]:hover,
#commentform #submit:hover,
.comment-respond #submit:hover {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
}

.comment-form #submit:focus-visible,
.comment-form input[type="submit"]:focus-visible {
  outline: 2px solid #D4AF37 !important;
  outline-offset: 2px !important;
}