/* =========================
   FORM ONLINE SELL
   ========================= */

/* form narrowing and centering */
div[id*=wt-form-wrapper-] {
    max-width: 1000px; /* Maximální šířka formuláře */
    margin: auto; /* Zarovnání formuláře na střed */
}

/* input field */
div[id*=wt-form-wrapper-] input,
div[id*=wt-form-wrapper-] textarea {
    border: 1px solid #e60000; /* Barva okraje */
    background-color: #ffebeb; /* Barva pozadí */
    padding: 10px; /* Vnitřní odsazení */
}

/* submit button align center */
div[id*=wt-form-wrapper-] .f-btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* button submit */
div[id*=wt-form-wrapper-] button[type="submit"] {
    color: #ffffff !important;
    text-transform: uppercase;
    background-color: #c60000;
}
div[id*=wt-form-wrapper-] button[type="submit"]:hover {
    background-color: red; /* Barva pozadí při najetí myší */
    color: #ffffff !important; /* Barva textu při najetí myší */
    transform: scale(1.05); /* Mírné zvětšení tlačítka */
}

/* radio&checkbox */
div[id*=wt-form-wrapper-] .f-radio label,
div[id*=wt-form-wrapper-] .f-checkbox label {
    padding-left: 40px;
}

div[id*=wt-form-wrapper-] .f-radio label::before {
    content: "";
    left: 0;
    top: 12px;

    border: 1px solid #e60000;
    border-radius: 50%;
    background: #ffebeb;
}
div[id*=wt-form-wrapper-] .f-checkbox label::before  {
    content: "";
    left: 0;
    top: 12px;

    justify-content: center; 
    border: 1px solid #e60000;
    background: #ffebeb;
}
div[id*=wt-form-wrapper-] .f-radio input:checked + label::before {
    border-color: #e60000;
    background: radial-gradient(#e60000 45%, transparent 45%);
}
div[id*=wt-form-wrapper-] .f-checkbox input:checked + label::before {
    border-color: #e60000;
    background: radial-gradient(#e60000 45%, transparent 45%);
    justify-content: center;
}

/* =========================
   FORM ONLINE SELL END
   ========================= */