/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

/* Style the Submit Review button */
input[type="submit"][name="submit_review"] {
    background-color: #ff4d00 !important; /* Orange background */
    color: #ffffff !important; /* White text */
    border: none !important; /* Remove default border */
    padding: 10px 20px !important; /* Ensure consistent padding */
    font-size: 16px !important; /* Readable font size */
    cursor: pointer !important; /* Hand cursor on hover */
}
input[type="submit"][name="submit_review"]:hover {
    background-color: #ff4d00 !important; /* Slightly darker orange on hover */
    transition: background-color 0.3s ease !important; /* Smooth transition */
}

/* Existing responsive styles (if you added them earlier) */
@media (max-width: 768px) {
    form {
        width: 90%;
        margin: 0 auto;
    }
    textarea, input[type="text"] {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
    }
    input[type="submit"] {
        width: 100%;
        padding: 10px;
        font-size: 16px;
    }
}
.page-id-7 form input[type="submit"][name="submit_review"] {
    background-color: #ff4d00 !important;
    /* ... other styles ... */
}
.page-id-48 form input[type="submit"][name="submit_review"] {
    background-color: #ff4d00 !important;
    /* ... other styles ... */
}
/* Style the Validate button on the specific vendor page (ID 48) */
body.page-id-48 .et_pb_section form input[type="submit"][value="Validate"] {
    background-color: #ff4d00 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: inline-block !important;
}
body.page-id-48 .et_pb_section form input[type="submit"][value="Validate"]:hover {
    background-color: #ff4d00 !important;
    transition: background-color 0.3s ease !important;
}