/* Základní vzhled stolu a font psacího stroje */
body {
    background-color: #1c1511; /* Temná barva starého stolu */
    background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.1) 0px, rgba(0,0,0,0.1) 2px, transparent 2px, transparent 4px);
    color: #e0e0e0;
    font-family: 'Special Elite', cursive, monospace;
    margin: 0;
    padding: 50px 20px;
    display: flex;
    justify-content: center;
}

.desk {
    max-width: 1000px;
    width: 100%;
}

.desk-header {
    text-align: center;
    margin-bottom: 60px;
    border-bottom: 2px dashed #444;
    padding-bottom: 20px;
}

.desk-header h1 {
    font-size: 3em;
    color: #d4b872;
    margin: 0 0 10px 0;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    letter-spacing: 2px;
}

.case-files {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

/* --- TVAR A VZHLED SLOŽEK --- */
.folder {
    width: 280px;
    text-decoration: none;
    color: #111;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Horní "ouško" složky */
.folder-tab {
    background-color: #d4b872;
    width: 110px;
    padding: 8px 10px;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid #b3985a;
    border-bottom: none;
}

/* Hlavní tělo složky */
.folder-body {
    background-color: #e3c988; /* Barva zažloutlého papíru/kartonu */
    padding: 25px;
    border-radius: 0 8px 8px 8px;
    height: 200px;
    box-shadow: 8px 8px 20px rgba(0,0,0,0.6);
    border: 1px solid #b3985a;
    position: relative;
    overflow: hidden;
}

/* Efekt při najetí myší (pouze pro hratelné složky) */
.active-folder:hover {
    transform: translateY(-10px) rotate(-2deg);
    box-shadow: 12px 15px 25px rgba(0,0,0,0.8);
    cursor: pointer;
}

.active-folder .folder-body {
    background-color: #efdca3;
}

/* Vzhled zamčených složek (zašedlé a zaprášené) */
.locked-folder {
    opacity: 0.6;
    cursor: not-allowed;
    transform: rotate(1deg);
}

.locked-folder .folder-body, .locked-folder .folder-tab {
    background-color: #8c8577; 
    color: #222;
    border-color: #555;
}

/* --- TEXTY UVNITŘ SLOŽKY --- */
h2 {
    margin-top: 0;
    font-size: 1.5em;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    padding-bottom: 10px;
}

.status {
    font-size: 1em;
    color: #333;
    margin: 5px 0;
    font-weight: bold;
}

/* --- RAZÍTKA --- */
.stamp {
    position: absolute;
    bottom: 20px;
    right: -10px;
    font-size: 1.6em;
    font-weight: bold;
    border: 4px solid;
    padding: 5px 15px;
    transform: rotate(-15deg);
    border-radius: 5px;
    opacity: 0.85;
    pointer-events: none;
}

.stamp.open {
    color: #27ae60;
    border-color: #27ae60;
}

.stamp.secret {
    color: #c0392b;
    border-color: #c0392b;
    transform: rotate(10deg);
    right: 10px;
}