/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* --- PREMENNÉ PRE JEDNODUCHÚ ÚDRŽBU --- */
:root {
    --accent-color: #e67e66;      /* Tehlová z vášho tlačidla */
    --accent-hover: #d16148;      /* Tmavší odtieň pre hover */
    --text-dark: #2d3748;        /* Tmavosivá pre text a popisky */
    --border-color: #718096;     /* Výraznejšia sivá pre ohraničenie (prístupnosť) */
    --input-bg: #ffffff;
    --focus-ring: rgba(230, 126, 102, 0.25);
}

/* 1. CELKOVÝ KONTAJNER FORMULÁRA */
.fluentform {
    background: var(--input-bg) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #edf2f7 !important;
}

/* 2. POPISKY POLÍ (LABELS) */
.ff-el-is-required.ff-el-group label,
.ff-el-group label {
    font-weight: 600 !important;
    color: var(--text-dark) !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
}

/* 3. JEDNOTNÝ ŠTÝL PRE VŠETKY VSTUPNÉ POLIA */
.ff-el-form-control {
    border: 1.5px solid var(--border-color) !important; /* Vyšší kontrast pre slabozrakých */
    color: var(--text-dark) !important;
    background-color: var(--input-bg) !important;
    border-radius: 6px !important;
    height: 50px !important;
    padding: 10px 15px !important;
    font-size: 16px !important; /* Prevencia zoomovania na iPhone */
    transition: all 0.2s ease-in-out !important;
}

/* 4. ŠPECIFICKÁ ÚPRAVA PRE TEXTOVÚ OBLASŤ (SPRÁVA) */
textarea.ff-el-form-control {
    height: auto !important;
    min-height: 140px !important;
    line-height: 1.6 !important;
}

/* 5. STAV PRI KLIKNUTÍ (FOCUS) - Kľúčové pre prístupnosť */
.ff-el-form-control:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 4px var(--focus-ring) !important;
    outline: none !important;
}

/* 6. ŠTÝLOVANIE TLAČIDLA (Zladenie s obrázkom) */
.ff-btn-submit {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    padding: 15px 30px !important;
    height: auto !important;
    width: 100% !important; /* Stabilnejšie na mobiloch */
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.ff-btn-submit:hover, 
.ff-btn-submit:focus {
    background-color: var(--accent-hover) !important;
    box-shadow: 0 4px 12px rgba(230, 126, 102, 0.3) !important;
}

/* 7. ÚPRAVA PRE SELECT / COMBOBOX (Choices.js) */
.fluentform .choices__inner {
    background-color: var(--input-bg) !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 6px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
}

.fluentform .choices__list--single .choices__item {
    color: var(--text-dark) !important;
    font-size: 16px !important;
}

/* Šípka v selecte */
.fluentform .choices[data-type*="select-one"]::after {
    border-color: var(--text-dark) transparent transparent transparent !important;
    right: 15px !important;
}

/* 8. CHECKBOX A GDPR TEXT */
.ff-el-group input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--accent-color);
    cursor: pointer !important;
}

.ff_en_wrapper .ff-el-group p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #4a5568 !important;
}