/* Kronobiológia Plugin Stílusok */
.krono-container {
    max-width: 600px;
    margin: 0 auto;
    font-family: inherit;
}

/* Akadálymentesítés (Screen-reader text javítása) */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.krono-form {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin-bottom: 20px;
    transition: background 0.3s, border-color 0.3s;
}
.krono-fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.krono-legend {
    font-weight: bold;
    margin-bottom: 8px;
}
.krono-legend-sub {
    font-weight: normal;
}
.krono-form-group {
    margin-bottom: 15px;
}
.krono-form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}
span.required {
    color: #e60000;
    font-weight: bold;
    margin-left: 3px;
}
.krono-inputs-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.krono-inputs-row > div {
    flex: 1;
    min-width: 80px;
}
.krono-inputs-row input,
input#krono_nev {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.krono-inputs-row input:focus,
input#krono_nev:focus {
    border-color: #0d6efd;
    outline: none;
    box-shadow: 0 0 0 3px rgba(13,110,253,0.25);
}
.krono-btn {
    background-color: #0d6efd;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.1s, opacity 0.3s;
    width: 100%;
}
.krono-btn:hover {
    background-color: #0b5ed7;
}
.krono-btn:active {
    transform: scale(0.98);
}
.krono-btn-outline {
    background-color: transparent;
    color: #0d6efd;
    border: 2px solid #0d6efd;
    margin-top: 20px;
}
.krono-btn-outline:hover {
    background-color: #0d6efd;
    color: #fff;
}
.krono-result-wrapper {
    margin-top: 30px;
}
.krono-table-responsive {
    overflow-x: auto;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.krono-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    background: #fff;
}
.krono-table td, .krono-table th {
    padding: 10px 12px;
    border: 1px solid #ddd;
}
.text-right { text-align: right; }
.text-center { text-align: center; }

/* Csakra színek - Továbbfejlesztve olvashatóság szempontjából */
.krono-row-korona .krono-color-box { background-color: #eebbff; font-weight: bold; color: #333; }
.krono-row-homlok .krono-color-box { background-color: #cc66ff; font-weight: bold; color: #fff; }
.krono-row-torok .krono-color-box { background-color: #00b0f0; font-weight: bold; color: #fff; }
.krono-row-sziv .krono-color-box { background-color: #00b050; font-weight: bold; color: #fff; }
.krono-row-koldok .krono-color-box { background-color: #ffe600; font-weight: bold; color: #333; }
.krono-row-szakralis .krono-color-box { background-color: #ffaa00; font-weight: bold; color: #fff; }
.krono-row-gyoker .krono-color-box { background-color: #e60000; font-weight: bold; color: #fff; }

.krono-bg-light td {
    background-color: #f4f4f4;
}
.krono-footer-note {
    font-size: 0.9em;
    color: #555;
    margin-top: 15px;
    padding: 15px;
    background: #f1f1f1;
    border-left: 4px solid #0d6efd;
    border-radius: 4px;
}
.krono-error {
    color: #d32f2f;
    font-weight: bold;
    padding: 15px;
    border: 1px solid #d32f2f;
    background: #ffebee;
    border-radius: 4px;
}

/* --- Sötét Mód Támogatás --- */
@media (prefers-color-scheme: dark) {
    .krono-form {
        background: #1e1e1e;
        border-color: #333;
        color: #e0e0e0;
    }
    .krono-inputs-row input,
    input#krono_nev {
        background: #2d2d2d;
        color: #fff;
        border-color: #444;
    }
    .krono-table {
        background: #1e1e1e;
        color: #e0e0e0;
    }
    .krono-table td, .krono-table th {
        border-color: #333;
    }
    .krono-bg-light td {
        background-color: #2a2a2a;
    }
    .krono-footer-note {
        background: #2d2d2d;
        color: #ccc;
    }
    .krono-error {
        background: #4a0000;
        color: #ffb3b3;
        border-color: #ff6666;
    }
    span.required { color: #ff6666; }
    /* Csakra színek optimalizálása sötét környezetben a megfelelő kontrasztarány (A11y) érdekében */
    .krono-row-korona .krono-color-box { background-color: #9933cc; color: #fff; }
    .krono-row-homlok .krono-color-box { background-color: #7a1fa2; color: #fff; }
    .krono-row-torok .krono-color-box { background-color: #0288d1; color: #fff; }
    .krono-row-sziv .krono-color-box { background-color: #2e7d32; color: #fff; }
    .krono-row-koldok .krono-color-box { background-color: #fbc02d; color: #000; }
    .krono-row-szakralis .krono-color-box { background-color: #e65100; color: #fff; }
    .krono-row-gyoker .krono-color-box { background-color: #c62828; color: #fff; }
}