/**
 * CSS pro validaci formuláře
 */

/* Skrytí výchozích validačních tooltipů prohlížeče */
:invalid {
    box-shadow: none !important;
}

/* Odstranění všech výchozích stylů validace */
input:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none !important;
    outline: none !important;
    border-color: #ccc !important;  /* Původní barva okraje */
}

/* Kontrola specificky pro WebKit/Blink prohlížeče (Chrome, Safari) */
input::-webkit-validation-bubble-message,
input::-webkit-validation-bubble,
input::-webkit-validation-bubble-icon,
input::-webkit-validation-bubble-arrow,
select::-webkit-validation-bubble-message,
select::-webkit-validation-bubble,
select::-webkit-validation-bubble-icon,
select::-webkit-validation-bubble-arrow,
textarea::-webkit-validation-bubble-message,
textarea::-webkit-validation-bubble,
textarea::-webkit-validation-bubble-icon,
textarea::-webkit-validation-bubble-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Zprávy po odeslání formuláře */
.ak-forms-message {
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
    font-weight: bold;
}

.ak-forms-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.ak-forms-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Tippy.js styly */
.tippy-box[data-theme~='light-border'] {
    background-color: #fff;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 9999 !important;
}

.tippy-box[data-theme~='light-border'] .tippy-content {
    padding: 10px 15px;
    background-color: #f8d7da;
}

.tippy-box[data-theme~='light-border'] .tippy-arrow {
    color: #f8d7da;
}

.tippy-box[data-theme~='light-border'] .tippy-content::before {
    content: "⚠️";
    margin-right: 8px;
}

/* Zvýraznění chybných polí */
.validation-error {
    border: 2px solid #dc3545 !important;
    background-color: #fff8f8 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Skrytí formuláře po úspěšném odeslání */
.ak-forms-hidden {
    display: none !important;
}