/**
 * wsc_tenderdisplay - Webstart Consulting
 *
 * A kepen TILOS: szuro, atlatszosag, arnyek, keret, raiott szoveg, torzitas.
 * A szelesseg mindig aranyos (width:auto). A max-width:none szandekos: a kep
 * nem zsugorodhat a beallitott magassag ala (64 px-en kb. 214 px szeles,
 * 100 px-en kb. 334 px, tehat 360 px-es telefonon is kifer).
 */
.wsc-infoblokk {
    background: #fff;
    padding: 8px 12px;
    display: flex;
    position: relative;
}

/* --- Felul, a lap tetejen --- */
.wsc-infoblokk--left {
    justify-content: flex-start;
}

.wsc-infoblokk--center {
    justify-content: center;
}

.wsc-infoblokk--right {
    justify-content: flex-end;
}

/* --- Lebego sav az ablak also sarkaban ---
   Az arnyek a DOBOZON van, nem a kepen (a kepre tilos). */
.wsc-infoblokk--floating {
    position: fixed;
    bottom: 12px;
    z-index: 999;
    padding: 6px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.wsc-infoblokk--bottom-left {
    left: 12px;
}

.wsc-infoblokk--bottom-right {
    right: 12px;
}

.wsc-infoblokk__link {
    display: block;
    line-height: 0;
}

.wsc-infoblokk .wsc-infoblokk__img {
    height: var(--wsc-ib-h-desktop, 100px);
    width: auto;
    max-width: none;
    display: block;
    filter: none;
    opacity: 1;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    .wsc-infoblokk .wsc-infoblokk__img {
        height: var(--wsc-ib-h-mobile, 64px);
    }

    .wsc-infoblokk--floating {
        bottom: 8px;
    }

    .wsc-infoblokk--bottom-left {
        left: 8px;
    }

    .wsc-infoblokk--bottom-right {
        right: 8px;
    }
}

/* A bezaro gomb a savban, a KEPEN KIVUL: a lebego dobozban helyet hagyunk neki. */
.wsc-infoblokk__close {
    position: absolute;
    top: 4px;
    right: 8px;
    background: none;
    border: 0;
    padding: 0 4px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #666;
}

.wsc-infoblokk--floating.wsc-infoblokk--closable {
    padding-right: 30px;
}

.wsc-infoblokk--floating .wsc-infoblokk__close {
    top: 2px;
    right: 4px;
}

.wsc-infoblokk-footer {
    padding: 8px 12px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.wsc-infoblokk-footer a {
    color: inherit;
}