/* ================================================================================= */
/* SINGLE CANDID RECORD — STANDALONE PAGE STYLES                                     */
/* ================================================================================= */
/* These styles mirror the modal styles from candid-records/style-candid-records.css  */
/* so the standalone page looks and behaves the same as the search filter modal.      */
/* ================================================================================= */


/* ================================================================================= */
/* LEFT COLUMN — STICKY + VERTICALLY CENTERED (desktop only)                         */
/* ================================================================================= */
/* On screens >= 960px the details column stays locked in the vertical center of the */
/* viewport while the user scrolls through the questions on the right.               */
/* The wrapper is viewport-height with flexbox centering, and position: sticky keeps  */
/* it pinned as the right column scrolls past.                                        */

@media (min-width: 1200px) {
    .hhs-single-candid-record .hh-details-sticky {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


/* ================================================================================= */
/* SOURCE / MEDIA LINKS                                                              */
/* ================================================================================= */

.hhs-single-candid-record .hh-source-link {
    text-decoration: none;
    color: #fff;
}

.hhs-single-candid-record .hh-source-link:hover {
    text-decoration: none;
    color: #dcad61;
}

/* Nudge the external-link icon up to align with the text baseline */
.hhs-single-candid-record .hh-source-icon {
    top: -2px;
}


/* ================================================================================= */
/* DEATH RECORDS / STATE REPORTS DOWNLOAD BUTTONS                                    */
/* ================================================================================= */

/* Scoped overrides for the download buttons only — does not affect global uk-button */
.hhs-single-candid-record .hh-download-btn {
    letter-spacing: 1px;
    font-size: 0.9rem;
    padding: 6px 15px;
    line-height: 1.6;
    min-height: 0;
}


/* ================================================================================= */
/* SHARE LINK / STATE INFO / CANDID ID (below child's name)                          */
/* ================================================================================= */

/* Links — gray, no underline, gold on hover */
.hh-record-meta .hh-link {
    text-decoration: none;
    color: #999;
}

.hh-record-meta .hh-link:hover {
    text-decoration: none;
    color: #dcad61;
}

/* Custom copy icon — vertically centered with adjacent text */
.hh-record-meta .hh-copy-icon {
    vertical-align: -2px;
    margin-right: 2px;
}

/* Copy-to-clipboard button — pointer cursor + relative for tooltip positioning */
.hh-record-meta .hh-copy-btn {
    cursor: pointer;
    position: relative;
}

/* Brief tooltip that appears below the item after a successful copy */
.hh-record-meta .hh-copy-tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #dcad61;
    color: #222;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 10;
}

/* Fade-out state added by JS after a delay */
.hh-record-meta .hh-copy-tooltip-fade {
    opacity: 0;
}

/* Slightly smaller text for all three items */
.hh-record-meta .uk-h6 {
    font-size: 0.75rem;
    margin-bottom: 0;
}

/* Remove vertical gutter when items wrap on small screens */
.hh-record-meta > * {
    margin-top: 0 !important;
}


/* ================================================================================= */
/* INCIDENT FACTOR QUESTIONS & RATIONALE                                             */
/* ================================================================================= */

/* Individual question row */
.hhs-single-candid-record .hh-question-row {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.hhs-single-candid-record .hh-question-row:last-child {
    border-bottom: none;
}

/* Question text — base style */
.hhs-single-candid-record .hh-question-text {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
}

/* True/found state — highlighted */
.hhs-single-candid-record .hh-question-found .hh-question-text {
    color: #fff;
}

.hhs-single-candid-record .hh-question-icon-true {
    color: #dcad61;
}

/* False/not-found state — grayed out */
.hhs-single-candid-record .hh-question-not-found .hh-question-text {
    color: #666;
}

.hhs-single-candid-record .hh-question-icon-false {
    color: #555;
}

/* Expand/shrink toggle buttons — forced to perfect squares */
.hhs-single-candid-record .hh-toggle-unanswered {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
}

.hhs-single-candid-record .hh-toggle-unanswered svg {
    display: block;
}

/* Compact mode: hide not-found question rows */
.hhs-single-candid-record .hh-questions-compact .hh-question-not-found {
    display: none;
}

/* "None found" placeholder shown under empty categories in compact mode */
.hhs-single-candid-record .hh-question-none-found {
    color: #555;
    font-style: italic;
    padding: 8px 0;
}

/* Category heading inserted between question groups (matches attribute modal column titles) */
.hhs-single-candid-record .hh-question-category-heading {
    padding-top: 20px;
}

/* Remove extra top padding on the first category heading */
.hhs-single-candid-record .hh-question-category-heading:first-child {
    padding-top: 0;
}

.hhs-single-candid-record .hh-question-category-title {
    color: #dcad61;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Rationale text shown below true questions */
.hhs-single-candid-record .hh-rationale {
    color: #eee;
    font-size: 0.9rem;
    line-height: 1.5;
}