.elementor-2269 .elementor-element.elementor-element-08b3973{--display:flex;}.elementor-2269 .elementor-element.elementor-element-223619e > .elementor-widget-container{margin:12% 0% 0% 0%;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-223619e *//* =========================================
   DAVIO AGENCY | CF7 BRIEF STYLES (BIG TEXT VERZIA)
   ========================================= */

/* --- 1. KONTAJNER & RESET --- */
.davio-brief-container {
    max-width: 900px;
    margin: 40px auto;
    font-family: 'Inter', 'Segoe UI', sans-serif; /* Tu si doplňte váš font */
    color: #141414;
    font-size: 16px; /* Základná veľkosť */
    line-height: 1.6;
}

.davio-brief-container p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 2. SEKCIE (KARTY) --- */
.davio-section {
    background: #ffffff;
    border: 1px solid #F3F4F6;
    border-radius: 24px;
    padding: 40px; /* Veľké odsadenie vnútri */
    margin-bottom: 40px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
}

.davio-section:hover {
    border-color: #A7E545;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* --- 3. HLAVIČKY (Zväčšené) --- */
.davio-header {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #F3F4F6;
}

.davio-header h2 {
    font-size: 26px !important; /* Výrazný nadpis */
    font-weight: 800;
    color: #141414;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.davio-header h2 i {
    font-size: 24px;
    background: #141414;
    color: #A7E545;
    padding: 10px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}

/* Vysvetľujúci text pod nadpisom */
.davio-hint {
    color: #555; /* Tmavšia šedá pre lepšiu čitateľnosť */
    font-size: 16px !important; /* Zväčšené */
    font-style: normal;
    margin-top: 15px !important;
    line-height: 1.6;
}

/* --- 4. LABELY A POMOCNÉ TEXTY (Kritická oprava veľkosti) --- */
.davio-brief-container label {
    font-size: 13px !important; /* Už nie mini text */
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #6B7280;
    margin-bottom: 12px;
    margin-top: 25px;
    display: block;
}

/* Vysvetlivky <small> - tu bol problém */
.davio-brief-container label small {
    display: block;
    text-transform: none;
    color: #5d6675; /* Tmavšia šedá, čitateľnejšia */
    font-weight: 400;
    font-size: 14px !important; /* Zväčšené na 14px! */
    margin-top: 5px;
    line-height: 1.5;
}

/* --- 5. INPUTY (Pre pohodlné písanie) --- */
.davio-brief-container input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.davio-brief-container textarea,
.davio-brief-container select {
    width: 100%;
    background: #F9FAFB;
    border: 2px solid #E5E7EB; /* Trochu hrubší rám */
    border-radius: 12px;
    padding: 18px 22px; /* Väčšie vnútro poľa */
    font-size: 17px !important; /* Veľké písmo pri písaní */
    color: #141414;
    font-family: inherit;
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-top: 5px;
}

.davio-brief-container input:focus,
.davio-brief-container textarea:focus {
    background: #FFFFFF;
    border-color: #141414;
    outline: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.davio-brief-container textarea {
    height: 140px; /* Vyššie okno na písanie */
    min-height: 100px;
}

.davio-brief-container ::placeholder {
    color: #b0b8c4;
    font-size: 16px;
}

/* --- 6. GRID (Dva stĺpce) --- */
.davio-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Väčšia medzera medzi stĺpcami */
    margin-top: 10px;
}
.davio-col-half {
    width: 100%;
}
@media (min-width: 768px) {
    .davio-col-half { width: calc(50% - 15px); }
}

/* --- 7. VERTIKÁLNE KARTY (Checkbox List) - FINAL FIX --- */
.davio-cards-vertical {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

/* Toto je rodič karty - musí mať relative, aby sme vnútri vedeli pozicovať */
.davio-cards-vertical .wpcf7-list-item { 
    margin: 0 !important; 
    width: 100%; 
    display: block !important; 
    position: relative !important; /* Dôležité pre klikaciu plochu */
}

/* TOTO JE KĽÚČ K OPRAVE: */
/* Input roztiahneme na 100% šírky a výšky karty a dáme ho navrch */
.davio-cards-vertical input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;     /* Celá šírka karty */
    height: 100%;    /* Celá výška karty */
    opacity: 0;      /* Neviditeľný */
    z-index: 10;     /* NAJVYŠŠIE (nad textom aj rámčekom) */
    cursor: pointer; /* Zmení kurzor na ruku */
    display: block !important; /* Vynútime zobrazenie */
    margin: 0;
}

/* Dizajn karty (to čo vidíte) */
.davio-cards-vertical .wpcf7-list-item-label {
    display: flex;
    align-items: center;
    padding: 22px 25px;
    background: #ffffff;
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    font-size: 17px;
    font-weight: 600;
    color: #4B5563;
    transition: all 0.2s;
    width: 100%;         
    box-sizing: border-box;
    position: relative; /* Aby to ostalo na mieste */
    z-index: 1;         /* Pod inputom */
}

/* Falošný štvorček (krúžok) */
.davio-cards-vertical .wpcf7-list-item-label::before {
    content: '';
    width: 24px;
    height: 24px;
    border: 2px solid #D1D5DB;
    border-radius: 8px;
    margin-right: 20px;
    background: #fff;
    flex-shrink: 0;
    transition: all 0.2s;
}

/* Hover efekt */
.davio-cards-vertical label:hover .wpcf7-list-item-label {
    border-color: #A7E545;
    background: #fbfdf9;
    color: #000;
    transform: translateY(-2px);
}

/* --- STAV ZAŠKRTNUTIA --- */

/* Keď je neviditeľný input checked, zafarbíme susednú label */
.davio-cards-vertical input[type="checkbox"]:checked + .wpcf7-list-item-label {
    background: #f4fccf;
    border-color: #A7E545;
    color: #141414;
    font-weight: 700;
}

/* Zafarbenie štvorčeka */
.davio-cards-vertical input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background: #A7E545;
    border-color: #A7E545;
    box-shadow: inset 0 0 0 4px #ffffff;
}

/* --- 8. DARK MODE (Test jasnosti) --- */
.davio-section.dark-mode {
    background: #111;
    border: 1px solid #333;
    padding: 45px;
}

.davio-section.dark-mode::before {
    /* Glow efekt */
    content: ''; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px;
    background: #A7E545; filter: blur(120px); opacity: 0.12; pointer-events: none;
}

.davio-section.dark-mode h2 { color: #fff; }
.davio-section.dark-mode p { color: #ccc; font-size: 17px; }

.davio-section.dark-mode label { color: #aaa; margin-top: 30px; font-size: 13px !important; }

.davio-section.dark-mode input[type="text"] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 17px !important;
}

.davio-section.dark-mode input:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: #A7E545;
}

/* --- 9. TLAČIDLO --- */
.davio-submit-area {
    text-align: center;
    padding-bottom: 80px;
    margin-top: 50px;
}

.davio-btn {
    background-color: #A7E545 !important;
    color: #000 !important;
    font-size: 18px !important; /* Väčšie tlačidlo */
    padding: 22px 65px;
    border-radius: 60px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(167, 229, 69, 0.3);
    width: 100%;
}
@media (min-width: 768px) { .davio-btn { width: auto; } }

.davio-btn:hover {
    transform: translateY(-4px);
    background-color: #bbf062 !important;
    box-shadow: 0 15px 40px rgba(167, 229, 69, 0.5);
}/* End custom CSS */