/*
 * @package     VP Prime Framework
 * @author      Abhishek Das <info@virtueplanet.com>
 * @link        https://www.virtueplanet.com
 * @copyright   Copyright (C) 2023-2025 Virtueplanet Services LLP. All Rights Reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

.control-label>.spacer label {
    font-weight: bold;
}

.control-group.field-spacer .control-label {
    width: 100%;
}

.control-group.field-spacer .controls {
    display: none;
}

.control-group.primeadmin-group .control-label {
    display: none;
}

.control-group.primeadmin-group .controls {
    -webkit-box-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.version-error {
    display: none;
}

.has-error .version-error {
    display: block;
}

.has-error .version-loading {
    display: none;
}

.if-has-dlk {
    display: none !important;
}

[data-hasdlk="1"] .if-has-dlk {
    display: initial !important;
}

[data-hasdlk="1"] .btn.if-has-dlk {
    display: inline-block !important;
}

[data-hasdlk="1"] .if-has-no-dlk {
    display: none !important;
}

.form-control-hint {
    font-size: 0.85rem;
    margin: 0.5rem 0;
}

.form-control-hint a::before {
    display: none;
}

.if-has-access-0,
.if-has-access-1,
.if-has-access-2 {
    display: none;
}

[data-accesscode="0"] .if-has-access-0 {
    display: block;
}

[data-accesscode="1"] .if-has-access-1 {
    display: block;
}

[data-accesscode="2"] .if-has-access-2 {
    display: block;
}

.dlk-message:not(:empty) {
    margin-bottom: 2rem;
}

#dlkFormModal .modal-header {
    padding: 0.5rem 1.2rem;
}

#dlkFormModal .modal-body {
    padding: 2rem 1.2rem 3rem;
}

#dlkFormModal .modal-body .alert {
    --alert-padding-y: 0.7rem;
    margin: 0;
    font-size: 0.9rem;
}

#dlkFormModal .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.btn .dlk-btn-spinner {
    display: none;
}

.btn:disabled .dlk-btn-spinner {
    display: inline-block;
}

.preformatted-files {
    overflow: auto;
    word-wrap: normal;
    max-height: 15em;
    white-space: pre;
    background-color: #fafafa;
    border: solid 1px var(--template-bg-dark-20, #b8c9e0);
    border-radius: 0.25rem;
    width: 100% !important;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.text-small {
    font-size: 0.85rem;
}

.if-state-loaded,
.if-state-error,
.if-state-loading {
    display: none;
}

[data-state="loaded"] .if-state-loaded {
    display: block;
}

[data-state="error"] .if-state-error {
    display: block;
}

[data-state="loading"] .if-state-loading {
    display: block;
}

.if-found,
.if-not-found {
    display: none;
}

[data-found="0"] .if-not-found {
    display: block;
}

[data-found="1"] .if-found {
    display: block;
}

.if-haschange {
    display: none;
}

[data-haschange="1"] .if-haschange {
    display: block;
}

.if-hasnew {
    display: none;
}

[data-hasnew="1"] .if-hasnew {
    display: block;
}

.if-hasdeleted {
    display: none;
}

[data-hasdeleted="1"] .if-hasdeleted {
    display: block;
}

@media (min-width: 576px) {
    #dlkFormModal .modal-dialog {
        max-width: 400px;
    }
}

@media (min-width: 992px) {
    joomla-tab>joomla-tab-element.vp-admin-group[active] {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.6rem;
        justify-content: flex-start;
    }

    joomla-tab>joomla-tab-element.vp-admin-group[active] .options-form {
        -webkit-box-flex: 0 0 calc(50% - 0.8rem);
        -ms-flex: 0 0 calc(50% - 0.8rem);
        flex: 0 0 calc(50% - 0.8rem);
        margin-bottom: 1rem;
    }
}