/* Webstart Consulting – wsc_provision: a termékoldali domain-mező. */

.wsc-domain {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 6px;
    background: rgba(0, 0, 0, .02);
}

/* A Kosárba gomb fölé áttett doboz: szorosabb, hogy a gombbal egy egységnek
   látsszon, és ne tolja le a gombot a hajtás alá. */
.wsc-domain--above-cart {
    margin: 0 0 1rem;
}

.wsc-domain__label {
    display: block;
    margin-bottom: .35rem;
    font-weight: 600;
}

.wsc-domain__input {
    width: 100%;
    max-width: 22rem;
    padding: .5rem .65rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 1rem;
}

.wsc-domain__help {
    margin: .4rem 0 0;
    font-size: .875rem;
    opacity: .75;
}

.wsc-domain__msg {
    margin: .4rem 0 0;
    min-height: 1.2em;
    font-size: .875rem;
}

.wsc-domain__msg--error {
    color: #c0392b;
    font-weight: 600;
}

/* Kosár oldal: SZÁNDÉKOSAN minimális – egy címke, egy mező, egy kicsi gomb,
   egy sorban. Se keret, se háttér, se doboz: a kosár a pénztár felé vezető
   út, nem űrlapoldal. Ami itt helyet foglal, az a „Tovább a fizetésre”
   gombtól veszi el.

   A `!important` nem hanyagság: a mező a téma saját terméksorába kerül be, és
   ott örökölné a középre igazítást meg a dobozos stílust. */
.wsc-domain--cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin: .35rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: left !important;
}

.wsc-domain--cart .wsc-domain__label {
    margin: 0;
    font-size: .875rem;
    font-weight: 600;
}

.wsc-domain--cart .wsc-domain__input {
    flex: 0 1 11rem;
    max-width: 11rem;
    height: auto;
    padding: .25rem .45rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    font-size: .875rem;
    line-height: 1.4;
}

.wsc-domain--cart .wsc-domain__save {
    padding: .25rem .6rem;
    font-size: .8125rem;
    line-height: 1.4;
}

.wsc-domain--cart .wsc-domain__msg {
    flex: 1 1 100%;
    margin: 0;
    font-size: .8125rem;
}

/* Csak szöveg (pénztár): nem űrlap, nem doboz – egy sor. */
.wsc-domain-text {
    margin: .35rem 0;
    font-size: .875rem;
}

.wsc-domain-text__label {
    font-weight: 600;
}

.wsc-domain-text__missing {
    color: #c0392b;
    font-weight: 600;
}

.wsc-domain-text__for {
    opacity: .7;
}


/* A licenc-táblázat: rendelés részletei és a „Licenceim” oldal. */
.wsc-licenses {
    margin-top: 1.5rem;
}

.wsc-licenses__title {
    margin-bottom: 1rem;
}

.wsc-licenses__table code {
    white-space: nowrap;
}

.wsc-licenses__note {
    margin: 1rem 0 .5rem;
}

.wsc-licenses__note .btn {
    margin-right: 1rem;
}

.wsc-licenses__help {
    font-size: .875rem;
    opacity: .75;
}

.wsc-licenses__downloads {
    margin-top: 2rem;
}

/* Új kulcs kérése: a figyelmeztetés legyen az, ami – nem díszítés. */
.wsc-regen__form {
    padding: .5rem 0;
}

.wsc-regen__warning ul {
    margin: .5rem 0 .5rem 1.25rem;
}

.wsc-regen__warning li {
    margin-bottom: .35rem;
}

.wsc-regen__confirm {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    font-weight: 600;
}

.wsc-regen__confirm input {
    margin-top: .25rem;
}

/* A licenc állapota: a lejárat közelében ez a sor a fő üzenet. */
.wsc-state .badge {
    margin-right: .35rem;
    display: inline-block;
    padding: .25em .5em;
    border-radius: .25rem;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}

/* A téma (Warehouse) a Bootstrap-jelvények színeit nem hozza magával: a
   szöveg fehér maradt, háttér nélkül – olvashatatlanul. Ezért itt adjuk. */
.wsc-state .badge-danger {
    background: #c0392b;
}

.wsc-state .badge-warning {
    background: #f0ad4e;
    color: #222;
}

.wsc-state .badge-success {
    background: #2e8b57;
}

.wsc-state .badge-info {
    background: #1f7a8c;
}

.wsc-state__hint {
    display: inline-block;
    max-width: 22rem;
    margin-top: .25rem;
    line-height: 1.3;
}

.wsc-state--expired .wsc-state__hint {
    color: #c0392b;
}

.wsc-state--soon .wsc-state__hint {
    color: #8a6d00;
}

.wsc-renew__form {
    margin-top: .5rem;
}

/* Fizetés előtt kötelező, és még hiányzik (1.0.34): a mező pirosan jelez. */
.wsc-domain--required .wsc-domain__input {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 1px #c0392b;
}

.wsc-domain__required {
    color: #c0392b;
    font-weight: 600;
}

/* „Telepítést is kérek” a termékoldali dobozban (1.0.35). */
.wsc-domain__install {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .75rem 0 0;
    font-weight: 400;
    cursor: pointer;
}

.wsc-domain__install input {
    margin: 0;
}

/* Egy darab = egy bolt (1.0.41): a licences modul termékoldalán a mennyiség
   mindig 1, a mennyiség-választó rejtve (a mező értéke 1 marad, a kosárba
   tétellel együtt megy). */
.wsc-qty-locked {
    display: none !important;
}

/* A vevő boltjai (belépett vevőnél): kattintásra a mezőbe kerül. */
.wsc-domain__shops {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 13px;
}
.wsc-domain__shops-label {
    color: #6b7784;
}
.wsc-domain__shop {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #c9d3de;
    border-radius: 99px;
    background: #fff;
    color: #24323f;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
}
.wsc-domain__shop:hover,
.wsc-domain__shop:focus {
    border-color: #2160af;
    color: #2160af;
}
/* Tipp: elírás-gyanú vagy már meglévő modul. */
.wsc-domain__hint {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin: 6px 0 0;
    padding: 7px 10px;
    border-left: 3px solid #e0a106;
    border-radius: 4px;
    background: #fdf3e2;
    color: #6b4a07;
    font-size: 13px;
    line-height: 1.45;
}
.wsc-domain__hint[hidden] {
    display: none;
}
/* A kosár sorában a boltlista és a tipp új sorba kerül, teljes szélességben. */
.wsc-domain--cart .wsc-domain__shops,
.wsc-domain--cart .wsc-domain__hint {
    flex-basis: 100%;
}

/* 1.3.0 – az elállási nyilatkozat a pénztárban. */
.wsc-waiver {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #d6dde6;
    border-radius: 6px;
    background: #f7f9fb;
}
.wsc-waiver__title {
    margin: 0 0 6px;
}
.wsc-waiver__row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.wsc-waiver__row input {
    flex: 0 0 auto;
    margin-top: 4px;
}
.wsc-waiver__row label {
    margin: 0;
    font-weight: 600;
    text-align: left;
}
.wsc-waiver__help {
    margin: 6px 0 0 24px;
    color: #555;
    font-size: 13px;
}
.wsc-waiver__status {
    margin: 6px 0 0 24px;
    font-size: 13px;
}
.wsc-waiver__status:empty {
    display: none;
}
.wsc-waiver__status--ok {
    color: #1d7a3a;
}
.wsc-waiver__status--error {
    color: #b3261e;
}

/* Váró licenc: mire vár, „kérem most”. */
.wsc-held__line {
    margin: 0 0 6px;
}
.wsc-held__form {
    margin: 6px 0 0;
}
.wsc-held__confirm {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 8px;
    font-weight: normal;
    text-align: left;
}
.wsc-held__confirm input {
    flex: 0 0 auto;
    margin-top: 4px;
}
.wsc-licenses__held {
    margin: 0 0 20px;
}
.wsc-licenses__held-item {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid #e0a106;
    background: #fdf8ee;
}