.related.products h2 {
    color: #fff;
}
.cky-btn {
  background-color: #0e0e0e !important;
}
@media screen and (max-width: 1023px) {
  .grecaptcha-badge { 
    visibility: hidden; 
  }
}
/* FORCE ENTIRE PAGE TO BLACK (Overrides Theme Body Defaults) */
body.page-template-default, 
body:has(.mailpoet_page_container),
body:has(.mailpoet-manage-subscription) {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* TARGET THE DYNAMIC CONTENT CONTAINERS */
.mailpoet_page_container,
.mailpoet-page-template,
.mailpoet-manage-subscription-page,
div[class*="mailpoet"] {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* FORCE TEXT, LABELS, TITLES, &amp; LINKS TO WHITE */
.mailpoet_page_container *,
.mailpoet-manage-subscription-page *,
form.mailpoet-manage-subscription * {
    color: #ffffff !important;
}

/* INPUT FIELDS, CHECKBOX TEXT, &amp; DROPDOWNS */
form.mailpoet-manage-subscription input[type="text"],
form.mailpoet-manage-subscription select,
form.mailpoet-manage-subscription .mailpoet_select,
form.mailpoet-manage-subscription .mailpoet_text {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* STYLE THE PRIMARY CALL TO ACTION BUTTONS */
form.mailpoet-manage-subscription .mailpoet_submit,
form.mailpoet-manage-subscription input[type="submit"],
.mailpoet_page_container a.button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    font-weight: bold !important;
}

/* 1. TARGETS EMAIL &amp; MULTILINE/TEXTAREA FIELDS MISSED BY THE 'TEXT' SELECTOR */
form.mailpoet-manage-subscription input[type="email"],
form.mailpoet-manage-subscription textarea,
form.mailpoet-manage-subscription .mailpoet_email {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* 2. TARGETS SEGMENT LIST SELECTION CHECKBOXES &amp; LABELS */
form.mailpoet-manage-subscription input[type="checkbox"],
form.mailpoet-manage-subscription input[type="radio"],
.mailpoet-manage-subscription .mailpoet_checkbox_label {
    background-color: #111111 !important;
    color: #ffffff !important;
    accent-color: #ffffff !important; /* Modern browser fix to make checkbox markers white/dark */
}

/* 3. STYLES SUCCESS, ERROR, AND CONFIRMATION BANNER TEXT */
.mailpoet_page_container .mailpoet_success,
.mailpoet_page_container .mailpoet_error,
.mailpoet-manage-subscription-page .mailpoet_message {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* 4. PREVENTS BROWSER AUTOFILL FROM FORCING A WHITE BACKGROUND ON TARGET FIELDS */
form.mailpoet-manage-subscription input:-webkit-autofill,
form.mailpoet-manage-subscription input:-webkit-autofill:hover, 
form.mailpoet-manage-subscription input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0px 1000px #111111 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* FORCE THE EMAIL FIELD AND DISABLED STATES TO BLACK BACKGROUND &amp; WHITE TEXT */
.mailpoet-manage-subscription-page input.mailpoet_text[disabled],
.mailpoet-manage-subscription-page input[type="email"],
.mailpoet_page_container input[name="email"],
form.mailpoet-manage-subscription .mailpoet_text {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* Force text color visible even if disabled */
    opacity: 1 !important; /* Override theme fade on disabled fields */
}

/* TARGET STUBBORN P TAGS OR PARAGRAPH BLOCKS WITHIN MAILPOET CONTAINERS */
.mailpoet_page_container p,
.mailpoet-manage-subscription-page p,
form.mailpoet-manage-subscription p,
.mailpoet_page_container .mailpoet_message p {
    color: #ffffff !important;
    background-color: transparent !important;
}

.mailpoet-manage-subscription--modern .mailpoet-manage-subscription-email strong {
    background-color: #000000 !important;
}

/* FORCE ALL LINKS IN MAILPOET CONTAINERS TO RED */
.mailpoet_page_container a,
.mailpoet-manage-subscription-page a,
form.mailpoet-manage-subscription a,
.mailpoet-manage-subscription--modern a {
    color: #ff0000 !important;
    text-decoration: underline !important; /* Optional: keeps links easily identifiable */
}

/* LINK HOVER STATE */
.mailpoet_page_container a:hover,
.mailpoet-manage-subscription-page a:hover,
form.mailpoet-manage-subscription a:hover,
.mailpoet-manage-subscription--modern a:hover {
    color: #cc0000 !important; /* Slightly darker red on hover */
}

/* CHANGE SUBMIT BUTTON HOVER STATE TO GREEN */
form.mailpoet-manage-subscription .mailpoet_submit:hover,
form.mailpoet-manage-subscription input[type="submit"]:hover,
.mailpoet-manage-subscription--modern .mailpoet_submit:hover {
    background-color: #00cc66 !important; /* Vivid green background */
    color: #000000 !important;            /* Black text for contrast */
    border: none !important;
    cursor: pointer !important;
}

/* TARGET LINKS EXCLUSIVELY ON THE UNSUBSCRIBE PAGE */
body:has(.mailpoet_page_container) a,
body:has(div[class*="unsubscribe"]) a,
.mailpoet_page_container a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* FORCIBLY STRIP MASKS AND EMBED UNDERLINES ON THE UNSUBSCRIBE LINK AND ALL CHILD ELEMENTS */
.mailpoet_page_container a,
.mailpoet_page_container a *,
div[class*="mailpoet"] a,
div[class*="mailpoet"] a * {
    text-decoration: underline !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    -webkit-text-decoration: underline !important;
    background-image: none !important; /* Strips theme background link decoration overrides */
}

/* RED HOVER STATE FOR ALL HIGH-PRIORITY UNSUBSCRIBE PAGE LINKS */
.mailpoet_page_container a:hover,
.mailpoet_page_container a:hover *,
div[class*="mailpoet"] a:hover,
div[class*="mailpoet"] a:hover * {
    color: #ff0000 !important;
    text-decoration: underline !important;
    text-decoration-line: underline !important;
}
.mailpoet-manage-subscription-list-choice span {
  color: #000 !important;
}