/**
 * Formularz weryfikacji przedstawiciela (fundraisera).
 *
 * Style przeniesione z motywu clv_fundraiser (sass/_base.scss) - formularz nie
 * jest już ładowany w <iframe>, tylko renderowany tutaj przez
 * template-parts/fundraiser-check.php.
 *
 * Plik celowo stoi poza pipeline'em SASS (sass/style.scss -> css/style.css),
 * żeby rekompilacja motywu go nie nadpisała.
 *
 * Uwaga: z oryginału NIE przenosimy reguły `.check_right, body, html { background: transparent }` -
 * była potrzebna tylko po to, żeby podstrona w iframie była przezroczysta.
 */

.check_right {
    text-align: right;
    width: 310px;
    max-width: 100%;
    float: right;
}

.check_right h3 {
    font-size: 1.1rem;
    color: #fff;
}

.check_right p {
    color: #fff;
    font-size: 0.9rem;
}

.check_right.cr_left {
    text-align: left;
    float: none;
}

.check_right.cr_left .fund_id {
    padding: 0.7rem 1.2rem;
    border-radius: 6px;
}

.check_right.white p,
.check_right.white h3,
.check_right.white h4,
.check_right.white h2,
.check_right.white .display_fund {
    color: #333;
}

.check_fund_form .fund_id {
    padding: 5px;
    border: 1px solid #e6e6e6;
    width: 100%;
}

/* W oryginale komunikat był pozycjonowany absolutnie, bo iframe miał sztywną
   wysokość. W normalnym przepływie rezerwujemy na niego wiersz, żeby pojawienie
   się tekstu nie przesuwało przycisku. */
.check_fund_form .display_fund {
    display: block;
    float: left;
    margin-top: 5px;
    min-height: 1.4em;
    color: #fff;
}

.check_fund_form .display_fund.df_dark {
    color: #000;
}

.check_fund_form .submit_fund {
    background: #E84361;
    color: #fff;
    padding: 5px 20px;
    float: right;
    margin-top: 15px;
    border: none;
}

.check_fund_form .submit_fund.sf_primary {
    float: none;
    background: #009DE0;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 1.8rem;
    padding: 0.5rem 2rem;
}

.check_fund_form .submit_fund.sf_primary:hover {
    background: #E84361;
}

.check_fund_form .submit_fund[disabled] {
    opacity: 0.6;
    cursor: default;
}

/* Etykieta pola - potrzebna dla czytników ekranu, wizualnie zastępuje ją placeholder. */
.check_fund_form .cff_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}