/**
 * ==========================================================================
 * SINGLE TEMPLATE STYLES
 * ==========================================================================
 * 
 * Styles for document template single views.
 * Moved from css/single-templates.css during 2026-02-05 reorganization.
 * 
 * @package Verimus
 * @since 2.0.0
 * ==========================================================================
 */

.template-contaier {
    padding: 2.5rem;
}

/* Contract creation pages: full width, left-aligned */
.template-contaier:has(#contract-fields-container) {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.template-content {
    padding: 0;
}

.template-label {
    background-color: var(--main);
    border-radius: var(--radius-sm);
    line-height: var(--spacing-5);
    padding: var(--spacing-1) var(--spacing-1);
    margin-bottom: var(--spacing-2-5);
}

.entry-meta-category {
    border-radius: var(--radius-full);
    padding: var(--spacing-1) var(--spacing-2-5);
    background-color: var(--white-950);
    text-align: center;
    font-size: var(--font-size-xs);
}

.entry-meta-category>span>strong {
    font-weight: var(--font-weight-extrabold);
}

.entry-meta-category>span.posted-on {
    font-weight: var(--font-weight-medium);
}

.entry-meta-category span {
    color: var(--grayscale-500);
}

.entry-meta-category a {
    color: var(--grayscale-500);
}

.template-left-content {
    padding-top: var(--spacing-10);
    gap: 21px;
    padding-left: 1.25rem;
}

#view-document-btn {
    height: 45px;
    width: 100%;
    padding: var(--spacing-2-5);
    gap: var(--spacing-2-5);
}

#use-document-btn {
    padding: var(--spacing-4) var(--spacing-8);
    border-radius: var(--radius-sm);
    font-weight: var(--font-weight-bold);
    width: 100%
}

.document-view-txt {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
    transition: all var(--transition-base) var(--ease-in-out);
    display: table;
}

.document-view-txt span {
    display: table-cell;
    vertical-align: middle;
}

.document-view-txt:hover {
    text-decoration: none;
    color: var(--main);
}

.template-content #createDocumentModel .modal-body form .form-group label {
    text-transform: capitalize;
}

#createDocumentModel .close-document-modal,
#createDocumentModel #send-after-create-document {
    font-size: var(--font-size-sm);
    padding: var(--spacing-3) var(--spacing-4);
    border: 0;
}

#createDocumentModel #send-after-create-document {
    padding-left: var(--spacing-4-5);
    padding-right: var(--spacing-4-5);
}

.template-content header.entry-header .entry-title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-extrabold);
}

.template-content .entry-content .describer-send-license p {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
}

.user_task_lists table.table-user_task thead tr {
    background-color: var(--white);
}

.user_task_lists table.table-user_task thead tr th {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--grayscale-900);
}

.user_task_lists table.table-user_task thead tr th .dt-column-order {
    display: none;
}

.user_task_lists table.table-user_task tbody tr td span.incomplete {
    margin-left: var(--spacing-2);
}

table.table-user_task>thead>tr>th {
    background-color: var(--white) !important;
}

table.table-user_task input.dt-select-checkbox {
    pointer-events: auto !important;
}

table.table-user_task input.dt-select-checkbox:checked {
    border-color: var(--color-success) !important;
    background-color: var(--color-success) !important;
    color: var(--white);
    box-shadow: none !important;
}

@media screen and (min-width: 768px) {
    .success-btn {
        min-width: 200px;
        font-size: var(--font-size-base) !important;
    }
}

@media screen and (min-width: 1024px) {
    .success-btn {
        min-width: 229px;
    }
}

.success-btn {
    min-height: 50px;
}

.document-file-wrap {
    max-width: 673px;
    width: 70%;
    border-radius: var(--radius-2xl);
    background: var(--gray-100);
    padding: var(--spacing-10);
}

.document-file-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width:767px) {
    .document-file-wrap {
        width: 80%;
    }
}

.hrc-radio-option {
    position: relative;
    padding-left: 20px;
}

.hrc-radio-option input {
    position: absolute;
    top: 4px;
    left: 0;
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid var(--text-primary);
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    transition: border-color 0.2s;
}

.hrc-radio-option input:checked {
    border-color: var(--color-primary);
    background: radial-gradient(circle, var(--color-primary) 40%, transparent 41%);
}

.hrc-radio-option label .hrc-radio-title {
    display: block;
    font-weight: 600;
    margin-bottom: 1px;
}