/* Sirona Checkbox & Checkbox Group */

/* ─── Single Checkbox ─────────────────────────────────────────────────────── */

.sirona-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.sirona-checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.sirona-checkbox__indicator {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--border-color, #9ca3af);
    border-radius: 0.25rem;
    background-color: var(--bg-secondary, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sirona-checkbox__indicator::after {
    content: "";
    display: none;
    width: 0.3rem;
    height: 0.55rem;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translate(-1px, -1px);
}

.sirona-checkbox:hover .sirona-checkbox__indicator {
    border-color: var(--blueteq-blue, #186fb5);
}

.sirona-checkbox__input:checked + .sirona-checkbox__indicator {
    background-color: var(--blueteq-blue, #186fb5);
    border-color: var(--blueteq-blue, #186fb5);
}

.sirona-checkbox__input:checked + .sirona-checkbox__indicator::after {
    display: block;
}

.sirona-checkbox__input:focus-visible + .sirona-checkbox__indicator {
    outline: 2px solid var(--blueteq-blue, #186fb5);
    outline-offset: 2px;
}

.sirona-checkbox__input:disabled + .sirona-checkbox__indicator {
    background-color: var(--bg-tertiary, #f3f4f6);
    border-color: var(--border-color, #e5e7eb);
    opacity: 0.7;
}

.sirona-checkbox__input:checked:disabled + .sirona-checkbox__indicator {
    background-color: var(--blueteq-blue, #186fb5);
    border-color: var(--blueteq-blue, #186fb5);
    opacity: 1;
}

.sirona-checkbox:has(.sirona-checkbox__input:disabled) {
    cursor: not-allowed;
    opacity: 0.7;
}

.sirona-checkbox__label {
    color: var(--text-primary, #1f2937);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* ─── Checkbox Group ──────────────────────────────────────────────────────── */

.sirona-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sirona-checkbox-group__item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.sirona-checkbox-group__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.sirona-checkbox-group__indicator {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--border-color, #9ca3af);
    border-radius: 0.25rem;
    background-color: var(--bg-secondary, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sirona-checkbox-group__indicator::after {
    content: "";
    display: none;
    width: 0.3rem;
    height: 0.55rem;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translate(-1px, -1px);
}

.sirona-checkbox-group__item:hover .sirona-checkbox-group__indicator {
    border-color: var(--blueteq-blue, #186fb5);
}

.sirona-checkbox-group__input:checked + .sirona-checkbox-group__indicator {
    background-color: var(--blueteq-blue, #186fb5);
    border-color: var(--blueteq-blue, #186fb5);
}

.sirona-checkbox-group__input:checked + .sirona-checkbox-group__indicator::after {
    display: block;
}

.sirona-checkbox-group__input:focus-visible + .sirona-checkbox-group__indicator {
    outline: 2px solid var(--blueteq-blue, #186fb5);
    outline-offset: 2px;
}

.sirona-checkbox-group__input:disabled + .sirona-checkbox-group__indicator {
    background-color: var(--bg-tertiary, #f3f4f6);
    border-color: var(--border-color, #e5e7eb);
    opacity: 0.7;
}

.sirona-checkbox-group__input:checked:disabled + .sirona-checkbox-group__indicator {
    background-color: var(--blueteq-blue, #186fb5);
    border-color: var(--blueteq-blue, #186fb5);
    opacity: 1;
}

.sirona-checkbox-group:has([data-disabled="true"]) .sirona-checkbox-group__item {
    cursor: not-allowed;
    opacity: 0.7;
}

.sirona-checkbox-group__label {
    color: var(--text-primary, #1f2937);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* ─── Dark mode ───────────────────────────────────────────────────────────── */

[data-theme="dark"] .sirona-checkbox__indicator,
[data-theme="dark"] .sirona-checkbox-group__indicator {
    background-color: var(--input-bg, #334155);
    border-color: var(--input-border, #475569);
}

[data-theme="dark"] .sirona-checkbox__label,
[data-theme="dark"] .sirona-checkbox-group__label {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .sirona-checkbox__input:disabled + .sirona-checkbox__indicator,
[data-theme="dark"] .sirona-checkbox-group__input:disabled + .sirona-checkbox-group__indicator {
    background-color: var(--bg-tertiary, #334155);
    border-color: var(--input-border, #475569);
}

[data-theme="dark"] .sirona-checkbox__input:checked:disabled + .sirona-checkbox__indicator,
[data-theme="dark"] .sirona-checkbox-group__input:checked:disabled + .sirona-checkbox-group__indicator {
    background-color: var(--blueteq-blue, #186fb5);
    border-color: var(--blueteq-blue, #186fb5);
    opacity: 1;
}

/* ─── High contrast ───────────────────────────────────────────────────────── */

[data-theme="high-contrast"] .sirona-checkbox__indicator,
[data-theme="high-contrast"] .sirona-checkbox-group__indicator {
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #000000;
}

[data-theme="high-contrast"] .sirona-checkbox__input:checked + .sirona-checkbox__indicator,
[data-theme="high-contrast"] .sirona-checkbox-group__input:checked + .sirona-checkbox-group__indicator {
    background-color: #ffffff;
    border-color: #ffffff;
}

[data-theme="high-contrast"] .sirona-checkbox__input:checked + .sirona-checkbox__indicator::after,
[data-theme="high-contrast"] .sirona-checkbox-group__input:checked + .sirona-checkbox-group__indicator::after {
    border-color: #000000;
}

[data-theme="high-contrast"] .sirona-checkbox__label,
[data-theme="high-contrast"] .sirona-checkbox-group__label {
    color: #ffffff;
}