<?php /** * Template Name: Страница отзывов */ get_header(); ?> 
<div class="container"> 
    <div class="feedback-page"> 
        <h1>Оставить отзыв о нашем блоге</h1> 
        <div class="feedback-form"> 
            <?php echo do_shortcode('[contact-form-7 id="123" title="Форма отзывов о блоге"]'); ?> 
        </div> 
    </div> 
</div> 
<?php get_footer(); ?> 

<style>
/* Стили для формы и кнопки CF7 */
/* Текстовые поля и textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background-color: rgba(244, 54, 118, 0.08) !important;
    border: 1px solid #f43676 !important;
    padding: 10px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
    width: 100% !important;
}

/* Поле textarea */
.wpcf7 textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

/* Изменение рамки при ошибке */
.wpcf7-not-valid {
    border-color: #f43676 !important;
    background-color: #fff0f6 !important;
}

/* Изменение рамки при фокусе */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #bbb !important;
    outline: none !important;
}

/* Кнопка отправки */
.wpcf7-submit {
    display: block !important;
    margin: 20px auto 0 auto !important;
    background-color: #f43676 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 30px !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: background-color 0.3s ease !important;
}

/* Цвет кнопки при наведении и фокусе */
.wpcf7-submit:hover,
.wpcf7-submit:focus {
    background-color: #63153B !important;
    outline: none !important;
}
</style>
/* Базовые стили полей с высокой специфичностью */
form.wpcf7-form input.wpcf7-form-control[style] {
    border: 2px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    transition: all 0.3s ease !important;
}

/* Состояние при правильном заполнении */
form.wpcf7-form input.wpcf7-form-control.wpcf7-valid[style] {
    border-color: #4CAF50 !important;
    background-color: #f8fff8 !important;
}

/* Состояние при неправильном заполнении */
form.wpcf7-form input.wpcf7-form-control.wpcf7-not-valid[style] {
    border-color: #f43676 !important;
    background-color: #fff0f5 !important;
}

/* Фокус на поле */
form.wpcf7-form input.wpcf7-form-control[style]:focus {
    outline: none !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3) !important;
}