/* =====================================
   Review Manager Frontend CSS
   Divi Compatible Full Width Layout
===================================== */


body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
    padding: 0 !important;
}

.et_right_sidebar #main-content .container:before {
        display: none !important;
    }


/* ======== Entry Title ======== */
h1.entry-title.main_title{
    display: none;
}


body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
    padding: 0;
}

/* =====================================
   Main Wrapper
===================================== */


.rlm-full-width-page {

    width:100%;

    max-width:100%;

    margin:0 auto;

    /*padding:40px 20px;*/

    box-sizing:border-box;

}




.rlm-review-wrapper {

    width:100%;

    max-width:900px;

    margin:0 auto;

    text-align:center;

}



/* =====================================
   Divi Compatibility
===================================== */


body:has(.rlm-full-width-page) #main-content {

    width:100%;

}



body:has(.rlm-full-width-page) #left-area {

    width:100% !important;

    padding-right:0 !important;

}



body:has(.rlm-full-width-page) #sidebar {

    display:none !important;

}



body:has(.rlm-full-width-page) .container {

    width:100%;

    max-width:1200px;

}



body:has(.rlm-full-width-page) .et_pb_row {

    width:100%;

    max-width:100%;

}



/* Remove Divi post spacing */

.rlm-full-width-page .et_pb_post {

    margin-bottom:0 !important;

}




/* =====================================
   Client Name Heading
===================================== */


.rlm-client-heading {

    text-align:center;

    font-size:32px;

    font-weight:700;

    color:#333;

    margin:15px 0 0;

    line-height:1.3;

}



/* =====================================
   Star Rating
===================================== */


.rlm-stars-container {

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin:25px auto;

}



.rlm-star {

    display:inline-block;

    color:#dfdfdf;

    cursor:pointer;

    text-decoration:none !important;

    line-height:1;

    transition:all .2s ease;

}



.rlm-star:hover {

    transform:scale(1.1);

}



/* Remove anchor styling */

.rlm-star:focus,
.rlm-star:active {

    outline:none;

    text-decoration:none;

}



/* =====================================
   Rating Selected Text
===================================== */


.rlm-rating-text {

    text-align:center;

    font-size:18px;

    font-weight:600;

    color:#333;

    margin:15px 0;

    min-height:0px;

}



/* =====================================
   Error Message
===================================== */


.rlm-error-message {

    display:none;

    color:#dc3232;

    text-align:center;

    font-size:16px;

    font-weight:700;

    margin:20px auto;

}




/* =====================================
   WPForms Container
===================================== */


.rlm-review-wrapper .wpforms-container {

    width:100%;

    max-width:760px;

    margin:35px auto;

    text-align:left;

}



.rlm-review-wrapper .wpforms-form {

    width:100%;

    margin:0 auto;

}




/* WPForms Fields */


.rlm-review-wrapper 
.wpforms-field {

    text-align:left;

}


.rlm-review-wrapper 
.wpforms-submit {

    margin:0 auto;

}




/* Hide helper hidden fields */


.hidden-rating-field,
.hidden-client-field {

    display:none !important;

}





/* =====================================
   Mobile Responsive
===================================== */


@media(max-width:768px){


    .rlm-full-width-page {

        padding:25px 15px;

    }



    .rlm-client-heading {

        font-size:26px;

    }



    .rlm-stars-container {

        gap:4px;

    }



    .rlm-star {

        font-size:45px !important;

    }



    .rlm-review-wrapper .wpforms-container {

        margin-top:25px;

    }


}