/* =========================================================
   DUNEHOST — DOMAIN TRANSFER
   ========================================================= */

.dh-transfer-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:26px;
}

.dh-transfer-heading h1 {
    margin:3px 0 6px;
    color:#f7f4ed;
    font-size:clamp(1.9rem,3vw,2.55rem);
    font-weight:600;
}

.dh-transfer-heading p {
    margin:0;
    color:rgba(255,255,255,.42);
    font-size:.82rem;
}

.dh-transfer-back {
    padding:10px 14px;
    border:1px solid rgba(229,160,42,.35);
    border-radius:4px;
    color:#e5a02a;
    font-size:.72rem;
    text-decoration:none;
}


/* LAYOUT */

.dh-transfer-layout {
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:18px;
    align-items:start;
}


/* MAIN CARD */

.dh-transfer-card,
.dh-transfer-info {
    border:1px solid rgba(255,255,255,.10);
    border-radius:5px;
    background:rgba(10,11,10,.88);
}

.dh-transfer-card {
    overflow:hidden;
}

.dh-transfer-card-heading {
    display:flex;
    align-items:center;
    gap:11px;
    padding:15px 18px;
    border-bottom:1px solid rgba(229,160,42,.22);
    background:rgba(229,160,42,.025);
}

.dh-transfer-card-heading > i {
    color:#e5a02a;
    font-size:1rem;
}

.dh-transfer-card-heading strong {
    display:block;
    color:#f5f2eb;
    font-size:.88rem;
}

.dh-transfer-card-heading span {
    display:block;
    margin-top:2px;
    color:rgba(255,255,255,.36);
    font-size:.70rem;
}

.dh-transfer-card-body {
    padding:20px;
}


/* FIELDS */

.dh-transfer-field {
    margin-bottom:18px;
}

.dh-transfer-field:last-of-type {
    margin-bottom:0;
}

.dh-transfer-field label {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:7px;
    color:rgba(255,255,255,.58);
    font-size:.73rem;
    font-weight:600;
}

.dh-transfer-field small {
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.30);
    font-size:.65rem;
}

.dh-transfer-help {
    color:rgba(229,160,42,.72);
    font-size:.66rem;
    font-weight:400;
    cursor:help;
}

.dh-domain-transfer-body .form-control {
    width:100%;
    min-height:43px;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:4px !important;
    background:#080908 !important;
    color:#f4f1ea !important;
    box-shadow:none !important;
    color-scheme:dark;
}

.dh-domain-transfer-body .form-control:focus {
    border-color:rgba(229,160,42,.58) !important;
    outline:none;
    box-shadow:none !important;
}


/* ERRORS */

.dh-transfer-alert {
    margin-top:16px;
    padding:11px 13px;
    border:1px solid rgba(229,160,42,.28);
    border-radius:4px;
    background:rgba(229,160,42,.04);
    color:#dcc393;
    font-size:.71rem;
}


/* CAPTCHA */

.dh-transfer-captcha,
.dh-transfer-recaptcha {
    margin-top:18px;
    padding:15px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:4px;
    background:rgba(255,255,255,.012);
}

.dh-transfer-captcha label {
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.50);
    font-size:.70rem;
}

.dh-transfer-captcha-row {
    display:flex;
    align-items:center;
    gap:12px;
}

.dh-transfer-captcha-row img {
    max-height:42px;
}


/* SUBMIT */

.dh-transfer-submit {
    padding:16px 20px;
    border-top:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.008);
}

.dh-transfer-button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:47px;
    border:1px solid #e5a02a;
    border-radius:4px;
    background:#e5a02a;
    color:#080808;
    font-size:.76rem;
    font-weight:700;
    cursor:pointer;
}


/* INFO PANEL */

.dh-transfer-info {
    padding:18px;
}

.dh-transfer-info-label {
    display:block;
    margin-bottom:15px;
    color:rgba(229,160,42,.72);
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.11em;
}

.dh-transfer-info-row {
    display:flex;
    gap:11px;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.dh-transfer-info-row > i {
    width:18px;
    margin-top:2px;
    color:#e5a02a;
}

.dh-transfer-info-row strong {
    display:block;
    margin-bottom:3px;
    color:#f3efe8;
    font-size:.74rem;
}

.dh-transfer-info-row span {
    display:block;
    color:rgba(255,255,255,.34);
    font-size:.66rem;
    line-height:1.5;
}

.dh-transfer-footnote {
    margin:14px 0 0;
    color:rgba(255,255,255,.27);
    font-size:.62rem;
}


/* FOOTER */

.dh-domain-transfer-body .dh-client-page-footer {
    margin-top:48px;
    padding:18px 0 8px;
    color:rgba(255,255,255,.24);
    font-size:.65rem;
    text-align:center;
}


/* MOBILE */

@media(max-width:800px) {

    .dh-transfer-layout {
        grid-template-columns:1fr;
    }

}

@media(max-width:600px) {

    .dh-transfer-heading {
        display:block;
    }

    .dh-transfer-back {
        display:inline-block;
        margin-top:14px;
    }

    .dh-transfer-captcha-row {
        display:block;
    }

    .dh-transfer-captcha-row img {
        margin-bottom:8px;
    }

}