/*
Theme Name: تم تولده
Theme URI: https://saeed-zamani.ir/
Author: Saeed Zamani
Author URI: https://saeed-zamani.ir/
Description: dedicated to Tavalode
Version: 1.0.0
*/  

@font-face {
    font-family: 'iransans';
    src: url('fonts/iransans.woff') format('woff'), url('fonts/iransans.ttf') format('truetype'), url('fonts/iransans.svg#Yekan') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iransans';
    src: url('fonts/iransans.eot');
    src: url('fonts/iransans.woff2') format('woff2'), url('fonts/iransans.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/* استایل عمومی برای کامنت‌ها در کل سایت */
/* استایل بخش نظرات - هم برای محصولات و هم برای بلاگ */
#blog_comments, 
#reviews.woocommerce-Reviews {
    background: #f7fbff;
    border-radius: 15px;
    padding: 25px;
    margin-top: 40px;
    box-shadow: 0 3px 10px rgba(1, 209, 178, 0.08);
    width: 100%;
}

/* حل مشکل عرض المان‌ها */
.ovh {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
}

.ovh .columns, 
.ovh .comment_list,
#comment_reveal .comment-respond,
#reviews #review_form {
 
    max-width: 100% !important;
}

/* اصلاح مشکل ستاره‌های تکراری */
#reviews .stars,
.comment-form-rating .stars {
    display: inline-block !important;
}

#reviews .stars:nth-child(2),
.comment-form-rating .stars:nth-child(2) {
    display: none !important;
}

.comments-title,
.woocommerce-Reviews-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--main-color);
}

.comment_list,
.commentlist {
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

#blog_comments .item,
#reviews .commentlist li {
    background: #fff;
    border: 1px solid #e5ebf8;
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

#blog_comments .item:hover,
#reviews .commentlist li:hover {
    box-shadow: 0 4px 12px rgba(1, 209, 178, 0.15);
    transform: translateY(-3px);
}

#blog_comments .item .top,
#reviews .comment-text .meta {
    border-bottom: 1px solid #f0f3f9;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#blog_comments .time_commented,
#reviews .comment-text .meta .woocommerce-review__author {
    font-weight: bold;
    font-size: 15px;
    color: #454545;
}

#blog_comments .date_commented,
#reviews .comment-text .meta .woocommerce-review__published-date {
    color: #959499;
    font-size: 12px;
    display: flex;
    align-items: center;
}

#blog_comments .item .content,
#reviews .description {
    font-size: 14px;
    line-height: 1.7;
    color: #454545;
}

/* استایل عنوان فرم ارسال نظر */
#comment_form_title {
    margin: 30px 0;
    font-weight: bold;
    font-size: 20px;
    color: var(--main-color);
    text-align: center;
    position: relative;
}

#comment_form_title:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background: var(--main-color);
    right: 0;
    left: 0;
    margin: auto;
    bottom: -10px;
}

/* استایل فرم ارسال نظر */
#blog_comments .comment-form,
#reviews #review_form,
#comment_reveal .comment-respond {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(1, 209, 178, 0.1);
}

#blog_comments .comment-form p,
#reviews #review_form p,
#comment_reveal .form_group {
    margin-bottom: 20px;
}

#blog_comments .comment-form label,
#reviews #review_form label,
#comment_reveal .form_group label {
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: #454545;
    margin-bottom: 8px;
}

#blog_comments textarea#comment,
#blog_comments #author,
#blog_comments #email,
#reviews #review_form textarea#comment,
#reviews #review_form #author,
#reviews #review_form #email,
#comment_reveal textarea#comment,
#comment_reveal #author {
    border-radius: 10px;
    box-shadow: none !important;
    border: 1px solid #d8d9e3;
    font-weight: 500;
    padding: 12px 15px;
    width: 100%;
    color: #454545;
    resize: none;
    transition: all 0.3s ease;
}

#blog_comments textarea#comment:focus,
#blog_comments #author:focus,
#blog_comments #email:focus,
#reviews #review_form textarea#comment:focus,
#reviews #review_form #author:focus,
#reviews #review_form #email:focus,
#comment_reveal textarea#comment:focus,
#comment_reveal #author:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 5px rgba(1, 209, 178, 0.2) !important;
}

#blog_comments #blog_comment_btn,
#reviews #blog_comment_btn,
#reviews #submit,
#comment_reveal #single_product_submission_btn {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 8px rgba(1, 209, 178, 0.3);
}

#blog_comments #blog_comment_btn:hover,
#reviews #blog_comment_btn:hover,
#reviews #submit:hover,
#comment_reveal #single_product_submission_btn:hover {
    background: #00b99c;
    box-shadow: 0 5px 15px rgba(1, 209, 178, 0.4);
    transform: translateY(-2px);
}

#blog_comments .form-submit,
#reviews .form-submit {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* استایل برای امتیازدهی */
#reviews .comment-form-rating {
    margin-bottom: 20px;
}

#reviews .comment-form-rating label {
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: #454545;
    margin-bottom: 8px;
}

#reviews .stars a,
.comment-form-rating .stars a {
    color: var(--main-color);
    font-size: 20px;
}

#reviews p.stars.selected a:not(.active),
.comment-form-rating p.stars.selected a:not(.active) {
    color: var(--main-color);
}

#reviews p.stars.selected a.active,
.comment-form-rating p.stars.selected a.active {
    color: var(--main-color);
}

#reviews p.stars a:hover ~ a,
.comment-form-rating p.stars a:hover ~ a {
    color: #d8d9e3;
}

#reviews p.stars:hover a,
.comment-form-rating p.stars:hover a {
    color: var(--main-color);
}

#reviews p.stars a:before,
.comment-form-rating p.stars a:before {
    color: var(--main-color);
}

#reviews select#rating,
.comment-form-rating select#rating {
    border-radius: 10px;
    border: 1px solid #d8d9e3;
    padding: 8px 12px;
    width: 200px;
    color: #454545;
    transition: all 0.3s ease;
}

#reviews select#rating:focus,
.comment-form-rating select#rating:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 5px rgba(1, 209, 178, 0.2);
}

/* اصلاح نمایش ستاره‌ها در همه سایزها */
.star-rating {
    position: relative !important;
    display: inline-block !important;
    color: #ddd !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome', Arial !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
}

.star-rating::before {
    content: "☆☆☆☆☆" !important;
    display: block !important;
    position: relative !important;
    color: #ddd !important;
    font-size: inherit !important;
}

.star-rating span {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: #ff9e00 !important;
}

.star-rating span::before {
    content: "★★★★★" !important;
    display: block !important;
    color: #ff9e00 !important;
    font-size: inherit !important;
}

/* استایل فرم موبایل */
#comment_reveal {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto;
}

/* استایل‌های واکنش‌گرا */
@media screen and (max-width: 640px) {
    #blog_comments,
    #reviews.woocommerce-Reviews {
        padding: 15px;
    }
    
    .comments-title,
    .woocommerce-Reviews-title {
        font-size: 20px;
    }
    
    #comment_form_title {
        font-size: 17px;
    }
    
    #blog_comments .comment-form,
    #reviews #review_form,
    #comment_reveal .comment-respond {
        padding: 15px;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    #blog_comments #blog_comment_btn,
    #reviews #blog_comment_btn,
    #reviews #submit,
    #comment_reveal #single_product_submission_btn {
        width: 100%;
    }
    
    /* اصلاح مشکل ستاره‌ها در موبایل */
    .star-rating {
        font-size: 18px !important;
        margin: 5px 0 !important;
        display: block !important;
        text-align: center !important;
        float: none !important;
    }
    
    .star-rating::before,
    .star-rating span::before {
        font-size: 18px !important;
    }
    
    /* اصلاح تداخل فیلدهای نام در موبایل */
    #blog_comments .comment-form p,
    #reviews #review_form p {
        margin-bottom: 15px !important;
        clear: both !important;
        width: 100% !important;
        float: none !important;
    }
    
    #blog_comments .comment-form input,
    #blog_comments .comment-form textarea,
    #reviews #review_form input,
    #reviews #review_form textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
        float: none !important;
    }
    
    #blog_comments .comment-form label,
    #reviews #review_form label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        text-align: right !important;
        float: none !important;
    }
    
    /* اصلاح نمایش نام کامنت‌گذار در موبایل */
    #blog_comments .time_commented {
        font-size: 14px !important;
        margin-bottom: 8px !important;
        display: block !important;
        text-align: right !important;
    }
    
    #blog_comments .item .top {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding-bottom: 15px !important;
    }
    
    #blog_comments .date_commented {
        align-self: flex-end !important;
        font-size: 12px !important;
    }
    
    /* جلوگیری از تداخل در layout */
    #blog_comments .display_flex {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    /* تنظیمات اضافی برای موبایل */
    .ovh .columns {
        float: none !important;
        width: 100% !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    }
    
    /* فرم‌های موبایل */
    .mobile_form {
        width: 100% !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        padding: 15px !important;
    }

    /* حذف پدینگ زوج/فرد برای نتایج جستجو در موبایل تا باکس‌ها تراز شوند */
    .product_list_wrapper.ovh > .columns {
        width: 50% !important;
        float: right !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-right: 20px !important;
        padding-left: 0 !important;
    }
}