/* Kebab Vans: single suggest update styles. */

.kebabvans-suggest-update {
    margin: 24px 0;
    padding: 18px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    background: #fff
}

.kebabvans-suggest-update summary {
    font-weight: 800;
    cursor: pointer;
    font-size: 1.05rem
}

.kebabvans-suggest-update form {
    margin-top: 16px
}

.kebabvans-update-types {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px 16px;
    margin: 10px 0 18px
}

.kebabvans-update-types label {
    display: flex;
    gap: 7px;
    align-items: flex-start
}

.kebabvans-update-field,.kebabvans-update-contact label {
    display: block;
    margin: 12px 0
}

.kebabvans-update-field textarea,.kebabvans-update-contact input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 8px;
    font: inherit
}

.kebabvans-update-contact {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

.kebabvans-update-contact span {
    font-size: .85em;
    font-weight: 400
}

.kebabvans-update-submit {
    width: 100%;
    min-height: 46px;
    margin-top: 8px;
    border: 0;
    border-radius: 999px;
    background: #222;
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer
}

.kebabvans-update-message {
    padding: 10px 12px;
    margin: 12px 0;
    border-radius: 8px
}

.kebabvans-update-message.success {
    background: #edf8ef
}

.kebabvans-update-message.error {
    background: #fff1f1
}

.kebabvans-update-hp {
    position: absolute!important;
    left: -10000px!important;
    width: 1px!important;
    height: 1px!important;
    overflow: hidden!important
}

@media(max-width:600px) {
    .kebabvans-update-types,.kebabvans-update-contact {
        grid-template-columns: 1fr
    }
}