/* assets/style.css - ZaktualizowanyDesign i Animacje */

/* 1. GŁÓWNA KARTA */
.miki-recruitment-card {
    position: relative; max-width: 1000px; margin: 40px auto; background: #ffffff;
    border: 2px solid #A8D5BA; border-radius: 35px; padding: 50px 40px 40px;
    font-family: 'Poppins', sans-serif; box-shadow: 0 15px 35px rgba(0,0,0,0.03);
}

/* 2. PLAKIETKA */
.miki-hit-badge {
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
    background-color: #F4A261; color: white; padding: 6px 25px; border-radius: 50px;
    font-size: 14px; font-weight: 700; text-transform: uppercase;
    z-index: 2;
}

/* 3. NAGŁÓWEK */
.miki-card-title { font-size: 26px; font-weight: 800; margin-bottom: 40px; color: #333; text-align: left; }

/* 4. SIATKA INFORMACJI */
.miki-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; }
.miki-info-item { display: flex; align-items: flex-start; gap: 12px; }
.miki-info-icon { font-size: 24px; line-height: 1; }
.miki-info-text { color: #555; font-size: 15px; line-height: 1.5; }
.miki-divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; }
.miki-deadline { text-align: center; color: #444; font-size: 16px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; gap: 8px;}
.miki-button-container { text-align: center; }

/* 5. POPRAWKA: ANIMOWANA KLEPSYDRA */
.miki-animated-hourglass {
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    transform-origin: 50% 50%; /* Punkt obrotu na środku emoji */
    animation: mikiHourglassSpin 4s linear infinite; /* Animacja co 4 sekundy w pętli */
}

@keyframes mikiHourglassSpin {
    0%, 75% { transform: rotate(0deg); }    /* Czeka prosto przez 3/4 czasu */
    85% { transform: rotate(180deg); }   /* Szybki obrót o 180 stopni */
    100% { transform: rotate(180deg); }  /* Zastyga obrócona na koniec pętli */
}

/* 6. PRZYCISKI - BAZA */
.miki-cta-button {
    display: inline-block;
    padding: 16px 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    border: none;
}

/* POPRAWKA: Aktywny Przycisk (Link istnieje) */
.miki-active-link {
    background-color: #3F7D6B;
    color: white;
    box-shadow: 0 8px 20px rgba(63, 125, 107, 0.2);
    cursor: pointer;
}
.miki-active-link:hover {
    background-color: #2c5a4d; transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(63, 125, 107, 0.3);
}

/* POPRAWKA: Wyłączony Przycisk (Link pusty) */
.miki-disabled-link {
    background-color: #e0e0e0; /* Szary */
    color: #888; /* Jasnoszary tekst */
    cursor: default; /* Zwykły kursor */
    box-shadow: none;
    pointer-events: none; /* Całkowite zablokowanie kliknięć w CSS */
}

/* RESPONSIVENESS */
@media (max-width: 900px) {
    .miki-info-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .miki-info-grid { grid-template-columns: 1fr; }
    .miki-recruitment-card { padding: 40px 25px 30px; }
    .miki-card-title { text-align: center; font-size: 22px; }
}