/* Alpine.js: skryje prvky do doby, než se načte Alpine */
[x-cloak] {
    display: none !important;
}

/* Pulzující tečka u upozornění na organizační info */
@keyframes softPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}
.notify-dot {
    animation: softPulse 2s ease-in-out infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #a1a594; /* Sage Green */
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6e7c49;
}

/* Animace pro Hero sekci */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 1.2s ease-out forwards;
}

/* Styl pro Countdown boxy */
.countdown-box {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    padding: 1rem;
    border-radius: 0.5rem;
    min-width: 80px;
    border: 1px solid rgba(255,255,255,0.3);
}

@media (min-width: 768px) {
    .countdown-box {
        min-width: 100px;
        padding: 1.5rem;
    }
}

.calendar-action {
    margin-top: 30px;
    text-align: center;
}
.cal-btn {
    /* Přidán prefix pro Safari */
    -webkit-backdrop-filter: blur(5px); 
    backdrop-filter: blur(5px);
    
    background: rgba(255, 255, 255, 0.2);
    padding: 1rem;
    border-radius: 0.5rem;
    min-width: 80px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    
    /* Oprava pro iOS Safari */
    -webkit-appearance: none;
    display: inline-flex;  /* Lepší pro centrování obsahu */
    align-items: center;
    justify-content: center;
    color: white;          /* Definujte barvu explicitně */
    text-decoration: none;
}

.cal-btn:hover {
    background-color: #a1a594;
    -webkit-backdrop-filter: none; /* Vypnutí blur při hoveru pro lepší výkon */
    backdrop-filter: none;
    color: white;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.cal-btn .icon {
    font-size: 1.4rem;
    /* Zabránění iOS, aby ikonu posunulo mimo střed */
    line-height: 1;
}

/* Výchozí stav: Skryto */
.calendar-action {
    display: none;
}

/* Zobrazit pouze na zařízeních s dotykovým ovládáním */
@media (pointer: coarse) {
    .calendar-action {
        display: block; /* nebo flex, podle tvého stylu */
    }
}