/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

#commentform {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

#commentform p {
    width:100%;
    margin:0;
}

.comment-form-author,
.comment-form-email {
    width:calc(50% - 10px);
}

.grumstil-captcha-row {
    display:flex;
    gap:20px;
    width:100%;
}

.grumstil-captcha-left,
.grumstil-captcha-right {
    width:50%;
}

.grumstil-captcha-right {
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

/* кнопка */
#commentform .grumstil-btn {
    background: var(--wd-primary-color) !important;
    color:#fff !important;
    border-radius:30px !important;
    padding:12px 24px !important;

    opacity:0;
    transform:translateX(40px);
    pointer-events:none;

    transition:all 0.3s ease;
}

#commentform .grumstil-btn.show {
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
}

/* сообщение */
#grumstil-success {
    margin-top:20px;
    padding:20px;
    background:#e6f7e6;
    border-radius:10px;
}

/* адаптив */
@media(max-width:767px){
    .comment-form-author,
    .comment-form-email,
    .grumstil-captcha-left,
    .grumstil-captcha-right{
        width:100%;
    }

    .grumstil-captcha-row{
        flex-direction:column;
    }
}