/* GLOBAL STYLES */
body {
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

/* POZADÍ */
#bg-fixed {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: -50;
    background-image: url('uluru.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#kangaroo-stage {
    position: fixed; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -45; pointer-events: none; overflow: hidden;
}

/* KLOKAN ANIMACE */
.roo-container { position: absolute; will-change: left, transform; }
.roo-img { width: 100%; height: 100%; object-fit: contain; }
@keyframes roo-move-l-to-r { from { left: -20%; } to { left: 120%; } }
@keyframes roo-move-r-to-l { from { left: 120%; } to { left: -20%; } }

/* --- KARTY - LOGIKA (TRANSPARENTNÍ MINULOST) --- */
.glass-card {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    margin-bottom: 1.5rem; 
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border-width: 2px;
    z-index: 1; 
}

/* Aktivní dnešní den - Vždy plná bílá */
.glass-card.active-day {
    transform: scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
    z-index: 10;
    background: rgba(255, 255, 255, 0.98) !important;
    border-left-width: 8px; 
}

/* --- MINULOST: DEFAULT STAV = SKLO --- */
.past-day {
    opacity: 1; 
    filter: grayscale(0); 
    transform: scale(1); 
}

/* --- MINULOST: HOVER STAV = PLNÁ BÍLÁ --- */
.past-day:hover {
    background: rgba(255, 255, 255, 0.96) !important;
    transform: scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    z-index: 40; 
}

/* RAZÍTKO */
.passport-stamp {
    position: absolute; 
    top: 20%; /* Default, ale bude přepsáno JS randomizerem */
    right: 8%;
    
    font-family: 'Playfair Display', serif; font-weight: 900; text-transform: uppercase;
    color: rgba(34, 197, 94, 0.65); 
    border-color: rgba(34, 197, 94, 0.45);
    pointer-events: none; z-index: 20; 
    opacity: 0.85;
    transition: all 0.3s ease;
    mix-blend-mode: multiply;
    display: flex; align-items: center; justify-content: center; text-align: center;
    white-space: nowrap;
}

.stamp-rect { border: 4px solid; padding: 0.2rem 1rem; border-radius: 6px; font-size: clamp(1.2rem, 3.5vw, 2.2rem); }
.stamp-double { border-top: 3px solid; border-bottom: 3px solid; padding: 0.3rem 0; font-size: clamp(1.3rem, 3.5vw, 2.2rem); letter-spacing: 1px; }
.stamp-box { border: 5px solid; padding: 0.5rem 1rem; font-size: clamp(1.2rem, 3vw, 2rem); background: rgba(34, 197, 94, 0.05); }
.stamp-circle { border: 4px solid; border-radius: 50%; width: clamp(90px, 18vw, 130px); height: clamp(90px, 18vw, 130px); font-size: clamp(0.8rem, 2.2vw, 1.2rem); line-height: 1.1; padding: 5px; }

.stamp-survived {
    border: 5px dashed rgba(34, 197, 94, 0.5); 
    color: rgba(34, 197, 94, 0.7);
    font-family: 'Black Ops One', cursive; 
    font-size: clamp(1.8rem, 5vw, 3rem);
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

.past-day:hover .passport-stamp { opacity: 1; }
.passport-stamp.home { border-color: rgba(194, 65, 12, 0.5); color: rgba(194, 65, 12, 0.7); }

/* LIVE BEACON */
.live-beacon {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: rgba(194, 65, 12, 0.1); padding: 0.25rem 0.75rem;
    border-radius: 9999px; border: 1px solid rgba(194, 65, 12, 0.2);
    margin-bottom: 0.5rem; margin-left: auto;
}
.live-dot { width: 8px; height: 8px; background-color: #c2410c; border-radius: 50%; }

.editorial-header { background: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #e2e8f0; z-index: 100 !important; }

.nav-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c2410c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat; background-position: right 1rem top 50%; background-size: 0.75rem auto;
    padding-right: 2.5rem; font-family: 'Playfair Display', serif;
}

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary ~ * { animation: slideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes slideDown { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.progress-pill-container {
    position: relative; height: 1.5rem; background-color: #f3f4f6;
    border-radius: 9999px; overflow: hidden; border: 1px solid #e5e7eb;
}
.progress-fill {
    position: absolute; top: 0; left: 0; bottom: 0; width: 0%;
    background-color: #22c55e; transition: width 1s ease-in-out; opacity: 0.3;
}
.progress-text {
    position: relative; z-index: 10; display: flex; align-items: center; justify-content: center;
    height: 100%; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; color: #374151;
}

#clock-home, #clock-local { font-size: 1.1rem !important; line-height: 1.2 !important; }
.banner-visible { transform: translateY(0) !important; }