/* Ankety. Vzhled prevzaty z pluginu falcon-surveys (assets/css/frontend.css), jen bez !important
   a s vyssi vahou selektoru, aby ho neprebily styly clanku. */

.falcon-survey { margin: 40px auto; max-width: 900px; padding: 0; text-align: left; scroll-margin-top: 130px; }
.falcon-survey *, .falcon-survey *::before, .falcon-survey *::after { box-sizing: border-box; }
.falcon-survey .falcon-survey-container { background: rgba(26, 26, 26, 0.98); border: 2px solid rgba(0, 255, 136, 0.3); border-radius: 16px; padding: 50px; box-shadow: 0 8px 40px rgba(0, 255, 136, 0.15); }

/* hlavicka */
.falcon-survey .falcon-survey-header { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 2px solid rgba(0, 255, 136, 0.2); }
.falcon-survey .falcon-survey-header:empty { display: none; }
.falcon-survey .falcon-survey-title { color: #00ff88; font-size: 36px; font-weight: 800; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 2px; line-height: 1.2; }
.falcon-survey .falcon-survey-description { color: rgba(255, 255, 255, 0.9); font-size: 18px; line-height: 1.8; margin-bottom: 25px; }
.falcon-survey .falcon-survey-count { display: inline-flex; align-items: center; gap: 10px; background: rgba(0, 255, 136, 0.15); border: 2px solid rgba(0, 255, 136, 0.4); border-radius: 25px; padding: 10px 25px; color: #00ff88; font-size: 15px; font-weight: 700; }
.falcon-survey .falcon-survey-count i { font-size: 20px; }
.falcon-survey .falcon-survey-hlaska { color: rgba(255, 255, 255, 0.9); font-size: 18px; margin: 0; }

/* formular */
.falcon-survey .falcon-survey-form { margin-bottom: 0; }
.falcon-survey .falcon-loading { opacity: 0.6; pointer-events: none; }
.falcon-survey .falcon-past { position: absolute; left: -9999px; top: -9999px; opacity: 0; height: 0; overflow: hidden; }
.falcon-survey .falcon-survey-chyba { margin: 0 0 30px 0; padding: 16px 22px; background: rgba(255, 68, 68, 0.12); border: 2px solid rgba(255, 68, 68, 0.5); border-radius: 10px; color: #ff8a8a; font-size: 16px; font-weight: 600; line-height: 1.5; }
.falcon-survey .falcon-survey-chyba:empty { display: none; }

/* otazka */
.falcon-survey .falcon-survey-question { margin: 0 0 45px 0; padding: 0; background: transparent; border: none; min-width: 0; }
.falcon-survey .falcon-question-label { display: block; width: 100%; color: #ffffff; font-size: 20px; font-weight: 700; margin-bottom: 20px; line-height: 1.5; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.falcon-survey .falcon-required { color: #ff4444; margin-left: 5px; font-size: 18px; }

/* jedna odpoved a vice odpovedi */
.falcon-survey .falcon-radio-label, .falcon-survey .falcon-checkbox-label { display: flex; align-items: center; gap: 15px; padding: 16px 22px; margin-bottom: 10px; background: rgba(42, 42, 42, 0.6); border: 2px solid rgba(255, 255, 255, 0.15); border-radius: 10px; cursor: pointer; transition: all 0.2s ease; position: relative; }
.falcon-survey .falcon-radio-label:hover, .falcon-survey .falcon-checkbox-label:hover { background: rgba(42, 42, 42, 0.9); border-color: rgba(0, 255, 136, 0.6); transform: translateX(3px); }
.falcon-survey .falcon-radio-label input, .falcon-survey .falcon-checkbox-label input { position: absolute; opacity: 0; cursor: pointer; width: 22px; height: 22px; margin: 0; }
.falcon-survey .falcon-radio-custom, .falcon-survey .falcon-checkbox-custom { width: 22px; height: 22px; border: 3px solid rgba(255, 255, 255, 0.4); position: relative; flex-shrink: 0; transition: all 0.2s ease; background: rgba(10, 10, 10, 0.5); }
.falcon-survey .falcon-radio-custom { border-radius: 50%; }
.falcon-survey .falcon-checkbox-custom { border-radius: 6px; }
.falcon-survey input:checked ~ .falcon-radio-custom, .falcon-survey input:checked ~ .falcon-checkbox-custom { border-color: #00ff88; background: #00ff88; box-shadow: 0 0 10px rgba(0, 255, 136, 0.5); }
.falcon-survey input:focus-visible ~ .falcon-radio-custom, .falcon-survey input:focus-visible ~ .falcon-checkbox-custom { outline: 2px solid #ffffff; outline-offset: 3px; }
.falcon-survey input:checked ~ .falcon-radio-custom::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #0a0a0a; border-radius: 50%; }
.falcon-survey input:checked ~ .falcon-checkbox-custom::after { content: ''; position: absolute; top: 44%; left: 50%; width: 6px; height: 11px; border: solid #0a0a0a; border-width: 0 3px 3px 0; transform: translate(-50%, -50%) rotate(45deg); }
.falcon-survey .falcon-radio-text, .falcon-survey .falcon-checkbox-text { color: rgba(255, 255, 255, 0.95); font-size: 17px; flex: 1; line-height: 1.4; }
.falcon-survey input:checked ~ .falcon-radio-text, .falcon-survey input:checked ~ .falcon-checkbox-text { color: #00ff88; font-weight: 600; }

/* vlastni odpoved: bez skriptu, pole se ukaze, az kdyz je zaskrtnute Jine (starsi prohlizec ho ukazuje porad) */
.falcon-survey .falcon-other-input { padding: 0 0 10px 15px; }
.falcon-survey .falcon-survey-question:not(:has(.falcon-other-trigger:checked)) .falcon-other-input { display: none; }

/* seznam a texty */
.falcon-survey .falcon-select, .falcon-survey .falcon-text-input, .falcon-survey .falcon-email-input, .falcon-survey .falcon-textarea { width: 100%; padding: 16px 22px; background: rgba(42, 42, 42, 0.8); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 10px; color: #ffffff; font-size: 17px; font-family: inherit; transition: all 0.2s ease; }
.falcon-survey .falcon-select { cursor: pointer; }
.falcon-survey .falcon-textarea { resize: vertical; line-height: 1.6; }
.falcon-survey .falcon-select:hover, .falcon-survey .falcon-select:focus, .falcon-survey .falcon-text-input:hover, .falcon-survey .falcon-text-input:focus,
.falcon-survey .falcon-email-input:hover, .falcon-survey .falcon-email-input:focus, .falcon-survey .falcon-textarea:hover, .falcon-survey .falcon-textarea:focus { border-color: rgba(0, 255, 136, 0.6); outline: none; background: rgba(42, 42, 42, 1); box-shadow: 0 0 10px rgba(0, 255, 136, 0.2); }
.falcon-survey .falcon-select option { background: #1a1a1a; color: #ffffff; }
.falcon-survey ::placeholder { color: rgba(255, 255, 255, 0.4); }

/* e-mail a odber */
.falcon-survey .falcon-survey-email { margin: 50px 0 40px 0; padding: 35px; background: rgba(0, 255, 136, 0.08); border: 2px solid rgba(0, 255, 136, 0.3); border-radius: 12px; }
.falcon-survey .falcon-email-note { color: rgba(255, 255, 255, 0.7); font-size: 15px; margin: 12px 0 0 0; line-height: 1.5; }
.falcon-survey .falcon-odber { margin: 20px 0 0 0; }

/* odeslani */
.falcon-survey .falcon-survey-submit { text-align: center; margin-top: 40px; padding-top: 30px; border-top: 2px solid rgba(0, 255, 136, 0.2); }
.falcon-survey .falcon-submit-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 20px 60px; background: linear-gradient(135deg, #00ff88, #00cc6a); border: none; border-radius: 12px; color: #0a0a0a; font-size: 20px; font-weight: 800; font-family: inherit; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 6px 20px rgba(0, 255, 136, 0.4); }
.falcon-survey .falcon-submit-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0, 255, 136, 0.6); }
.falcon-survey .falcon-submit-btn:active { transform: translateY(-1px); }
.falcon-survey .falcon-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

/* podekovani a vysledky */
.falcon-survey .falcon-survey-thank-you { margin-bottom: 40px; text-align: center; }
.falcon-survey .falcon-success-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: linear-gradient(135deg, #00ff88, #00cc6a); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 44px; color: #0a0a0a; animation: falconAnketaHotovo 0.5s ease; }
@keyframes falconAnketaHotovo { 0% { transform: scale(0); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.falcon-survey .falcon-thank-you-title { color: #00ff88; font-size: 24px; font-weight: 700; line-height: 1.4; margin: 0; }
.falcon-survey .falcon-survey-statistics { text-align: left; margin-top: 40px; }
.falcon-survey .falcon-survey-statistics > p { color: rgba(255, 255, 255, 0.7); margin: 0; }
.falcon-survey .falcon-stat-question { margin-bottom: 30px; padding: 25px; background: rgba(42, 42, 42, 0.5); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; }
.falcon-survey .falcon-stat-question:last-child { margin-bottom: 0; }
.falcon-survey .falcon-stat-question-title { color: #00ff88; font-size: 18px; font-weight: 600; margin: 0 0 20px 0; }
.falcon-survey .falcon-stat-answer { margin-bottom: 15px; }
.falcon-survey .falcon-stat-answer:last-child { margin-bottom: 0; }
.falcon-survey .falcon-stat-answer-label { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; color: rgba(255, 255, 255, 0.9); font-size: 15px; line-height: 1.4; margin-bottom: 8px; }
.falcon-survey .falcon-stat-bar-text { color: #00ff88; font-weight: 700; font-size: 14px; white-space: nowrap; }
.falcon-survey .falcon-stat-bar-container { background: rgba(10, 10, 10, 0.5); height: 14px; border-radius: 5px; overflow: hidden; }
.falcon-survey .falcon-stat-bar-fill { height: 100%; background: linear-gradient(90deg, #00ff88, #00cc6a); border-radius: 5px; }

@media (max-width: 768px) {
    .falcon-survey .falcon-survey-container { padding: 30px 20px; }
    .falcon-survey .falcon-survey-title { font-size: 28px; letter-spacing: 1px; }
    .falcon-survey .falcon-survey-description { font-size: 16px; }
    .falcon-survey .falcon-question-label { font-size: 18px; }
    .falcon-survey .falcon-radio-label, .falcon-survey .falcon-checkbox-label { padding: 14px 18px; }
    .falcon-survey .falcon-radio-text, .falcon-survey .falcon-checkbox-text { font-size: 16px; }
    .falcon-survey .falcon-submit-btn { width: 100%; padding: 18px 40px; font-size: 18px; }
    .falcon-survey .falcon-survey-email { padding: 25px 20px; }
    .falcon-survey .falcon-stat-question { padding: 18px 16px; }
    .falcon-survey .falcon-stat-answer-label { flex-direction: column; gap: 2px; }
}
@media (prefers-reduced-motion: reduce) {
    .falcon-survey * { transition: none !important; animation: none !important; }
}