/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2026 | 21:23:24 */
/* ==========================================================
   NOTE.radio V2 — SINGLE POST / FINAL ELEMENTS
   Version: 1.1
   Scope:
   - Reading Time
   - Copy Link
   - Post Comments

   CHANGELOG v1.1:
   - stronger Pro.Radio/WordPress comment-form normalization
   - fixed dark-mode reply title
   - fixed white textarea/input fields in dark mode
   - normalized labels, placeholders, checkbox row and notices
   - preserves third-party anti-spam / "human" controls
   ========================================================== */


/* ==========================================================
   01. READING TIME
   ========================================================== */

.ntr-v2-single .ntr-v2-article-reading-time {
    width: auto;
    min-width: 0;
}

.ntr-v2-single .ntr-v2-reading-time {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    margin: 0;
    padding: 0;

    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;

    color: var(--ntr-text-muted);
}

.ntr-v2-single .ntr-v2-reading-time::before {
    content: "schedule";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: "Material Icons";
    font-size: 15px;
    font-weight: normal;
    line-height: 1;

    color: var(--ntr-text-muted);
}

.ntr-v2-single .ntr-v2-reading-time-value {
    font-weight: 700;
    color: var(--ntr-text-secondary);
}


/* ==========================================================
   02. COPY LINK
   ========================================================== */

.ntr-v2-single .ntr-v2-copy-link {
    width: auto;
    min-width: 0;
}

.ntr-v2-single .ntr-v2-copy-link .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 34px;
    width: auto;

    margin: 0;
    padding: 7px 11px;

    background: var(--ntr-surface-2) !important;
    color: var(--ntr-text-primary) !important;

    border: 1px solid var(--ntr-border-strong) !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    font-family: "Outfit", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        transform .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.ntr-v2-single .ntr-v2-copy-link .elementor-button:hover,
.ntr-v2-single .ntr-v2-copy-link .elementor-button:focus-visible {
    transform: translateY(-1px);

    background: var(--ntr-surface-3) !important;
    border-color: var(--ntr-accent) !important;
    color: var(--ntr-accent) !important;

    outline: none;
}

.ntr-v2-single .ntr-v2-copy-link.is-copied .elementor-button {
    background: var(--ntr-accent) !important;
    border-color: var(--ntr-accent) !important;
    color: #fff !important;
}

.ntr-v2-single .ntr-v2-copy-link .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
}

.ntr-v2-single .ntr-v2-copy-link .elementor-button-icon svg,
.ntr-v2-single .ntr-v2-copy-link .elementor-button-icon i {
    width: 14px;
    height: 14px;
    font-size: 14px;
}


/* ==========================================================
   03. COMMENTS — SECTION SHELL
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments {
    width: 100%;
    min-width: 0;

    margin-top: 10px;
    padding-top: 22px;

    border-top: 1px solid var(--ntr-border);

    color: var(--ntr-text-primary);
}

.ntr-v2-single .ntr-v2-article-comments > .elementor-element,
.ntr-v2-single .ntr-v2-article-comments .elementor-widget-container,
.ntr-v2-single .ntr-v2-article-comments .comments-area,
.ntr-v2-single .ntr-v2-article-comments #comments,
.ntr-v2-single .ntr-v2-article-comments #respond {
    width: 100%;
    min-width: 0;
}


/* ==========================================================
   04. COMMENTS — GLOBAL TYPOGRAPHY NORMALIZATION
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments,
.ntr-v2-single .ntr-v2-article-comments .comments-area,
.ntr-v2-single .ntr-v2-article-comments #comments,
.ntr-v2-single .ntr-v2-article-comments #respond,
.ntr-v2-single .ntr-v2-article-comments .comment-respond {
    font-family: "Outfit", sans-serif !important;
    color: var(--ntr-text-primary) !important;
}

.ntr-v2-single .ntr-v2-article-comments .comments-title,
.ntr-v2-single .ntr-v2-article-comments .comment-reply-title,
.ntr-v2-single .ntr-v2-article-comments #reply-title,
.ntr-v2-single .ntr-v2-article-comments #respond #reply-title,
.ntr-v2-single .ntr-v2-article-comments h2,
.ntr-v2-single .ntr-v2-article-comments h3 {
    margin: 0 0 14px !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;

    color: var(--ntr-text-primary) !important;
    text-shadow: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-notes,
.ntr-v2-single .ntr-v2-article-comments .logged-in-as,
.ntr-v2-single .ntr-v2-article-comments .comment-metadata,
.ntr-v2-single .ntr-v2-article-comments .comment-meta,
.ntr-v2-single .ntr-v2-article-comments #respond p,
.ntr-v2-single .ntr-v2-article-comments .comment-respond p {
    color: var(--ntr-text-secondary) !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-notes,
.ntr-v2-single .ntr-v2-article-comments .logged-in-as,
.ntr-v2-single .ntr-v2-article-comments .comment-metadata,
.ntr-v2-single .ntr-v2-article-comments .comment-meta {
    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* ==========================================================
   05. COMMENTS — COMMENT LIST
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments .comment-list,
.ntr-v2-single .ntr-v2-article-comments ol.comment-list {
    margin: 0 0 22px !important;
    padding: 0 !important;

    list-style: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-list .comment {
    list-style: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-body {
    position: relative;

    margin: 0 0 12px !important;
    padding: 16px !important;

    background: var(--ntr-surface) !important;
    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-md) !important;

    box-shadow: var(--ntr-shadow-soft) !important;

    color: var(--ntr-text-primary) !important;
}

.ntr-v2-single .ntr-v2-article-comments .children {
    margin: 10px 0 0 24px !important;
    padding: 0 !important;

    list-style: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-author {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 6px;
}

.ntr-v2-single .ntr-v2-article-comments .comment-author .avatar {
    width: 38px !important;
    height: 38px !important;

    object-fit: cover;

    border: 1px solid var(--ntr-border) !important;
    border-radius: 50% !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-author .fn,
.ntr-v2-single .ntr-v2-article-comments .comment-author .fn a {
    font-size: 14px !important;
    font-weight: 800 !important;

    color: var(--ntr-text-primary) !important;
    text-decoration: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-content,
.ntr-v2-single .ntr-v2-article-comments .comment-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;

    color: var(--ntr-text-secondary) !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-content p:last-child {
    margin-bottom: 0 !important;
}

.ntr-v2-single .ntr-v2-article-comments .reply {
    margin-top: 10px !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-reply-link {
    display: inline-flex;
    align-items: center;

    min-height: 30px;
    padding: 6px 9px;

    background: var(--ntr-surface-2) !important;
    border: 1px solid var(--ntr-border) !important;
    border-radius: 999px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: var(--ntr-text-secondary) !important;
    text-decoration: none !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-reply-link:hover {
    border-color: var(--ntr-accent) !important;
    color: var(--ntr-accent) !important;
}


/* ==========================================================
   06. COMMENTS — FORM CARD
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments .comment-respond,
.ntr-v2-single .ntr-v2-article-comments #respond {
    margin: 0 !important;
    padding: 18px !important;

    background: var(--ntr-surface) !important;
    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-md) !important;

    box-shadow: var(--ntr-shadow-soft) !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form-comment,
.ntr-v2-single .ntr-v2-article-comments .comment-notes,
.ntr-v2-single .ntr-v2-article-comments .logged-in-as,
.ntr-v2-single .ntr-v2-article-comments .comment-form-cookies-consent,
.ntr-v2-single .ntr-v2-article-comments .form-submit {
    grid-column: 1 / -1 !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form p {
    margin: 0 !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form label,
.ntr-v2-single .ntr-v2-article-comments #respond label {
    display: block !important;

    margin-bottom: 6px !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color: var(--ntr-text-secondary) !important;
}


/* ==========================================================
   07. COMMENTS — INPUTS
   Strong reset because Pro.Radio applies white native fields.
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments #comment,
.ntr-v2-single .ntr-v2-article-comments #author,
.ntr-v2-single .ntr-v2-article-comments #email,
.ntr-v2-single .ntr-v2-article-comments #url,
.ntr-v2-single .ntr-v2-article-comments textarea,
.ntr-v2-single .ntr-v2-article-comments input[type="text"],
.ntr-v2-single .ntr-v2-article-comments input[type="email"],
.ntr-v2-single .ntr-v2-article-comments input[type="url"] {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 11px 12px !important;

    background: var(--ntr-surface-2) !important;
    background-color: var(--ntr-surface-2) !important;

    color: var(--ntr-text-primary) !important;
    caret-color: var(--ntr-accent) !important;

    border: 1px solid var(--ntr-border-strong) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    outline: none !important;

    -webkit-text-fill-color: var(--ntr-text-primary) !important;
}

.ntr-v2-single .ntr-v2-article-comments #comment,
.ntr-v2-single .ntr-v2-article-comments textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

.ntr-v2-single .ntr-v2-article-comments #comment::placeholder,
.ntr-v2-single .ntr-v2-article-comments #author::placeholder,
.ntr-v2-single .ntr-v2-article-comments #email::placeholder,
.ntr-v2-single .ntr-v2-article-comments #url::placeholder,
.ntr-v2-single .ntr-v2-article-comments textarea::placeholder,
.ntr-v2-single .ntr-v2-article-comments input::placeholder {
    color: var(--ntr-text-muted) !important;
    opacity: 1 !important;
}

.ntr-v2-single .ntr-v2-article-comments #comment:focus,
.ntr-v2-single .ntr-v2-article-comments #author:focus,
.ntr-v2-single .ntr-v2-article-comments #email:focus,
.ntr-v2-single .ntr-v2-article-comments #url:focus,
.ntr-v2-single .ntr-v2-article-comments textarea:focus,
.ntr-v2-single .ntr-v2-article-comments input[type="text"]:focus,
.ntr-v2-single .ntr-v2-article-comments input[type="email"]:focus,
.ntr-v2-single .ntr-v2-article-comments input[type="url"]:focus {
    border-color: var(--ntr-accent) !important;

    box-shadow:
        0 0 0 2px color-mix(
            in srgb,
            var(--ntr-accent) 18%,
            transparent
        ) !important;
}


/* ==========================================================
   08. COOKIE CONSENT / CHECKBOX
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments .comment-form-cookies-consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;

    color: var(--ntr-text-secondary) !important;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form-cookies-consent input[type="checkbox"] {
    flex: 0 0 auto;

    width: 16px !important;
    height: 16px !important;

    margin: 2px 0 0 !important;

    accent-color: var(--ntr-accent);
}

.ntr-v2-single .ntr-v2-article-comments .comment-form-cookies-consent label {
    margin: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    color: var(--ntr-text-secondary) !important;
}


/* ==========================================================
   09. SUBMIT BUTTON
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments input[type="submit"],
.ntr-v2-single .ntr-v2-article-comments button[type="submit"],
.ntr-v2-single .ntr-v2-article-comments .submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 9px 15px !important;

    background: var(--ntr-accent) !important;
    color: #fff !important;

    border: 1px solid var(--ntr-accent) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    cursor: pointer;

    transition:
        transform .18s ease,
        background-color .18s ease,
        border-color .18s ease;
}

.ntr-v2-single .ntr-v2-article-comments input[type="submit"]:hover,
.ntr-v2-single .ntr-v2-article-comments button[type="submit"]:hover,
.ntr-v2-single .ntr-v2-article-comments .submit:hover {
    transform: translateY(-1px);

    background: var(--ntr-accent-hover) !important;
    border-color: var(--ntr-accent-hover) !important;
}


/* ==========================================================
   10. THIRD-PARTY ANTI-SPAM / HUMAN CHECK
   Do not restyle the control itself. Only normalize surrounding
   text so it remains readable in both themes.
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments .comment-form > div,
.ntr-v2-single .ntr-v2-article-comments .comment-form > p,
.ntr-v2-single .ntr-v2-article-comments .comment-form span {
    color: inherit;
}

.ntr-v2-single .ntr-v2-article-comments .comment-form > div > p,
.ntr-v2-single .ntr-v2-article-comments .comment-form > div > label {
    color: var(--ntr-text-secondary) !important;
}


/* ==========================================================
   11. COMMENT LINKS
   ========================================================== */

.ntr-v2-single .ntr-v2-article-comments a {
    color: var(--ntr-accent) !important;
}

.ntr-v2-single .ntr-v2-article-comments a:hover {
    color: var(--ntr-accent-hover) !important;
}


/* ==========================================================
   12. RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {

    .ntr-v2-single .ntr-v2-article-comments .comment-form {
        grid-template-columns: 1fr !important;
    }

    .ntr-v2-single .ntr-v2-article-comments .comment-form > * {
        grid-column: 1 / -1 !important;
    }

}

@media (max-width: 767px) {

    .ntr-v2-single .ntr-v2-reading-time {
        font-size: 11px;
    }

    .ntr-v2-single .ntr-v2-copy-link .elementor-button {
        min-height: 32px;
        padding: 6px 10px;
        font-size: 10px;
    }

    .ntr-v2-single .ntr-v2-article-comments {
        padding-top: 18px;
    }

    .ntr-v2-single .ntr-v2-article-comments .comments-title,
    .ntr-v2-single .ntr-v2-article-comments .comment-reply-title,
    .ntr-v2-single .ntr-v2-article-comments #reply-title,
    .ntr-v2-single .ntr-v2-article-comments #respond #reply-title {
        font-size: 20px !important;
    }

    .ntr-v2-single .ntr-v2-article-comments .comment-body,
    .ntr-v2-single .ntr-v2-article-comments .comment-respond,
    .ntr-v2-single .ntr-v2-article-comments #respond {
        padding: 14px !important;
    }

    .ntr-v2-single .ntr-v2-article-comments .children {
        margin-left: 12px !important;
    }

    .ntr-v2-single .ntr-v2-article-comments #comment,
    .ntr-v2-single .ntr-v2-article-comments textarea {
        min-height: 125px !important;
    }

}