/**
 * Pileh Product UI
 * Professional WooCommerce Reviews
 *
 * File: assets/css/reviews.css
 * Version: 1.0.0
 */

/* =========================================================
   متغیرهای ظاهری
========================================================= */

:root {
    --pileh-review-green: #064a31;
    --pileh-review-green-hover: #006837;
    --pileh-review-green-light: #f1f8f4;
    --pileh-review-gold: #e8a317;
    --pileh-review-text: #27312d;
    --pileh-review-muted: #7a817e;
    --pileh-review-border: #e4eae7;
    --pileh-review-background: #ffffff;
    --pileh-review-page-background: #fffdfa;
    --pileh-review-danger: #d92d20;
    --pileh-review-radius: 18px;
    --pileh-review-small-radius: 12px;
    --pileh-review-shadow:
        0 10px 35px rgba(6, 74, 49, 0.07);
}


/* =========================================================
   ساختار کلی بخش نظرات
========================================================= */

.single-product .pileh-reviews {
    width: 100%;
    color: var(--pileh-review-text);
    direction: rtl;
}

.single-product .pileh-reviews * {
    box-sizing: border-box;
}


/* =========================================================
   عنوان اصلی دیدگاه کاربران
========================================================= */

.single-product .pileh-reviews-main-heading {
    margin-bottom: 24px;
}

.single-product .pileh-reviews-title-row {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 7px;
}

.single-product .pileh-reviews-title {
    margin: 0 !important;
    color: var(--pileh-review-green);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.5;
}

.single-product .pileh-reviews-subtitle {
    margin: 0;
    color: var(--pileh-review-muted);
    font-size: 14px;
    line-height: 1.9;
}

.single-product .pileh-reviews-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--pileh-review-green);
    background: var(--pileh-review-green-light);
    border-radius: 11px;
}

.single-product .pileh-reviews-title-icon::before {
    content: "\f0e6";
    font-family: FontAwesome;
    font-size: 19px;
    font-weight: normal;
}


/* =========================================================
   مخفی‌کردن عنوان و پیام قدیمی وودمارت
========================================================= */

.single-product .pileh-original-reviews-heading {
    display: none !important;
}

.single-product .pileh-original-empty-message {
    display: none !important;
}


/* =========================================================
   کارت خلاصه امتیازها
========================================================= */

.single-product .pileh-reviews-summary {
    display: grid;
    grid-template-columns:
        minmax(190px, 230px)
        minmax(280px, 1fr)
        minmax(230px, 290px);

    align-items: stretch;
    gap: 0;

    width: 100%;
    margin-bottom: 24px;

    background: var(--pileh-review-background);
    border: 1px solid var(--pileh-review-border);
    border-radius: var(--pileh-review-radius);

    box-shadow: var(--pileh-review-shadow);

    overflow: hidden;
}


/* =========================================================
   میانگین امتیاز
========================================================= */

.single-product .pileh-review-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 225px;
    padding: 26px 22px;

    text-align: center;

    border-left: 1px solid var(--pileh-review-border);
}

.single-product .pileh-review-score-label {
    margin-bottom: 8px;
    color: var(--pileh-review-muted);
    font-size: 13px;
    font-weight: 500;
}

.single-product .pileh-review-average {
    margin-bottom: 8px;

    color: var(--pileh-review-green);
    font-size: 45px;
    font-weight: 800;
    line-height: 1.15;
}

.single-product .pileh-review-stars {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 4px;

    margin-bottom: 10px;
}

.single-product .pileh-summary-star {
    color: #d9dedb;
    font-size: 23px;
    line-height: 1;
}

.single-product .pileh-summary-star.is-filled {
    color: var(--pileh-review-green);
}

.single-product .pileh-review-total {
    color: var(--pileh-review-muted);
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   نمودار توزیع ستاره‌ها
========================================================= */

.single-product .pileh-review-distribution {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 13px;

    min-height: 225px;
    padding: 28px 35px;

    border-left: 1px solid var(--pileh-review-border);
}

.single-product .pileh-rating-row {
    display: grid;
    grid-template-columns: 62px minmax(100px, 1fr) 28px;
    align-items: center;
    gap: 11px;
}

.single-product .pileh-rating-label {
    color: var(--pileh-review-muted);
    font-size: 12px;
    white-space: nowrap;
}

.single-product .pileh-rating-track {
    position: relative;

    width: 100%;
    height: 7px;

    background: #f0f2f1;
    border-radius: 20px;

    overflow: hidden;
}

.single-product .pileh-rating-progress {
    position: absolute;
    top: 0;
    right: 0;

    width: var(--pileh-rating-width);
    height: 100%;

    background: var(--pileh-review-green);
    border-radius: inherit;

    transition: width 0.45s ease;
}

.single-product .pileh-rating-count {
    color: var(--pileh-review-muted);
    font-size: 12px;
    text-align: left;
}


/* =========================================================
   کارت دعوت به ثبت دیدگاه
========================================================= */

.single-product .pileh-review-callout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 225px;
    padding: 25px 24px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbf9 100%
        );
}

.single-product .pileh-review-callout-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;
    margin-bottom: 14px;

    color: var(--pileh-review-green);

    background: #ffffff;
    border: 1px dashed #b8cdc3;
    border-radius: 50%;
}

.single-product .pileh-review-callout-icon::before {
    content: "\f075";
    font-family: FontAwesome;
    font-size: 25px;
    font-weight: normal;
}

.single-product .pileh-review-callout-title {
    margin-bottom: 7px;

    color: var(--pileh-review-green);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}

.single-product .pileh-review-callout-text {
    margin: 0 0 15px !important;

    color: var(--pileh-review-muted);
    font-size: 12px;
    line-height: 1.9;
}

.single-product .pileh-review-scroll-button {
    min-height: 39px;
    padding: 7px 23px;

    color: var(--pileh-review-green);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;

    background: #ffffff;
    border: 1px solid var(--pileh-review-green);
    border-radius: 9px;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

.single-product .pileh-review-scroll-button:hover {
    color: #ffffff;
    background: var(--pileh-review-green);
    transform: translateY(-2px);
}


/* =========================================================
   لیست دیدگاه‌های ثبت‌شده
========================================================= */

.single-product .pileh-reviews #comments {
    margin: 0;
}

.single-product .pileh-reviews .commentlist {
    display: grid;
    gap: 15px;

    margin: 0 0 25px !important;
    padding: 0 !important;

    list-style: none;
}

.single-product .pileh-reviews .commentlist > li {
    margin: 0 !important;
    padding: 20px !important;

    background: var(--pileh-review-background);
    border: 1px solid var(--pileh-review-border);
    border-radius: 14px;

    box-shadow: 0 5px 18px rgba(6, 74, 49, 0.04);
}

.single-product .pileh-reviews .comment_container {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 15px;
}

.single-product .pileh-reviews .avatar {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;

    border: 2px solid var(--pileh-review-green-light);
    border-radius: 50%;
}

.single-product .pileh-reviews .comment-text {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

.single-product .pileh-reviews .meta {
    margin-bottom: 8px !important;
}

.single-product .pileh-reviews .woocommerce-review__author {
    color: var(--pileh-review-text);
    font-weight: 800;
}

.single-product .pileh-reviews .woocommerce-review__published-date {
    color: var(--pileh-review-muted);
    font-size: 12px;
}


/* =========================================================
   کارت فرم ثبت دیدگاه
========================================================= */

.single-product .pileh-reviews #review_form_wrapper {
    margin-top: 24px;
    padding: 31px 33px;

    background: var(--pileh-review-background);
    border: 1px solid var(--pileh-review-border);
    border-radius: var(--pileh-review-radius);

    box-shadow: var(--pileh-review-shadow);

    scroll-margin-top: 120px;
}

.single-product .pileh-review-form-heading {
    margin-bottom: 25px;
    padding-bottom: 20px;

    border-bottom: 1px solid var(--pileh-review-border);
}

.single-product .pileh-review-form-title-row {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 6px;
}

.single-product .pileh-review-form-title {
    margin: 0 !important;

    color: var(--pileh-review-text);
    font-size: 19px;
    font-weight: 800;
}

.single-product .pileh-review-form-description {
    margin: 0 !important;

    color: var(--pileh-review-muted);
    font-size: 13px;
    line-height: 1.9;
}

.single-product .pileh-review-form-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    color: var(--pileh-review-green);

    background: var(--pileh-review-green-light);
    border-radius: 9px;
}

.single-product .pileh-review-form-title-icon::before {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: normal;
}


/* عنوان قدیمی فرم */

.single-product .pileh-original-reply-title {
    display: block;

    margin: 0 0 19px !important;

    color: var(--pileh-review-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9;
}

.single-product .pileh-review-owner-notice {
    padding: 15px 18px;

    color: #805800;

    background: #fff8e6;
    border: 1px solid #f3dfac;
    border-radius: 10px;
}


/* =========================================================
   چیدمان فرم
========================================================= */

.single-product .pileh-review-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 20px;

    margin: 0 !important;
}

.single-product .pileh-review-form > p {
    margin: 0 !important;
}

.single-product .pileh-review-form
    > p:not(
        .pileh-form-rating,
        .pileh-form-comment,
        .pileh-form-pros,
        .pileh-form-cons,
        .pileh-form-author,
        .pileh-form-email,
        .pileh-form-cookies,
        .pileh-form-submit
    ) {
    grid-column: 1 / -1;
}

.single-product .pileh-form-rating {
    grid-column: 1 / 2;
}

.single-product .pileh-form-comment {
    position: relative;
    grid-column: 1 / -1;
}

.single-product .pileh-form-pros {
    grid-column: 1 / 2;
}

.single-product .pileh-form-cons {
    grid-column: 2 / 3;
}

.single-product .pileh-form-author {
    grid-column: 1 / 2;
}

.single-product .pileh-form-email {
    grid-column: 2 / 3;
}

.single-product .pileh-form-cookies,
.single-product .pileh-form-submit {
    grid-column: 1 / -1;
}


/* =========================================================
   لیبل‌های فرم
========================================================= */

.single-product .pileh-review-form label {
    display: block;

    margin-bottom: 7px;

    color: var(--pileh-review-text);
    font-size: 13px;
    font-weight: 700;
}

.single-product .pileh-review-form .required {
    color: var(--pileh-review-danger);
}

.single-product .pileh-review-form-pros label::before,
.single-product .pileh-form-pros label::before {
    content: "\f087";
    margin-left: 7px;

    color: var(--pileh-review-green);
    font-family: FontAwesome;
    font-weight: normal;
}

.single-product .pileh-form-cons label::before {
    content: "\f088";
    margin-left: 7px;

    color: #8c6d5a;
    font-family: FontAwesome;
    font-weight: normal;
}

.single-product .pileh-form-author label::before {
    content: "\f007";
    margin-left: 7px;

    color: var(--pileh-review-muted);
    font-family: FontAwesome;
    font-weight: normal;
}

.single-product .pileh-form-email label::before {
    content: "\f0e0";
    margin-left: 7px;

    color: var(--pileh-review-muted);
    font-family: FontAwesome;
    font-weight: normal;
}


/* =========================================================
   ورودی‌ها و Textarea
========================================================= */

.single-product .pileh-review-form input[type="text"],
.single-product .pileh-review-form input[type="email"],
.single-product .pileh-review-form input[type="url"],
.single-product .pileh-review-form textarea {
    width: 100%;

    color: var(--pileh-review-text);
    font-family: inherit;
    font-size: 13px;

    background: #ffffff;
    border: 1px solid #dce4e0;
    border-radius: var(--pileh-review-small-radius);

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.single-product .pileh-review-form input[type="text"],
.single-product .pileh-review-form input[type="email"],
.single-product .pileh-review-form input[type="url"] {
    min-height: 53px;
    padding: 11px 15px;
}

.single-product .pileh-review-form textarea {
    min-height: 145px;
    padding: 15px 16px 35px;

    line-height: 1.9;
    resize: vertical;
}

.single-product .pileh-review-form input::placeholder,
.single-product .pileh-review-form textarea::placeholder {
    color: #a3aaa7;
    opacity: 1;
}

.single-product .pileh-review-form input:focus,
.single-product .pileh-review-form textarea:focus {
    outline: none;

    background: #ffffff;
    border-color: var(--pileh-review-green);

    box-shadow:
        0 0 0 3px rgba(6, 74, 49, 0.09);
}


/* شمارنده متن */

.single-product .pileh-comment-counter {
    position: absolute;
    bottom: 11px;
    left: 14px;

    color: var(--pileh-review-muted);
    font-size: 10px;
    direction: rtl;

    pointer-events: none;
}


/* =========================================================
   ستاره‌های امتیازدهی ووکامرس
========================================================= */

.single-product .pileh-form-rating {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-height: 120px;
    padding: 17px 20px;

    background: #fbfcfb;
    border: 1px solid var(--pileh-review-border);
    border-radius: var(--pileh-review-small-radius);
}

.single-product .pileh-form-rating label {
    margin-bottom: 12px;
}

.single-product .pileh-form-rating .stars {
    margin: 0 0 8px !important;
}

.single-product .pileh-form-rating .stars span {
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.single-product .pileh-form-rating .stars a {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;

    color: var(--pileh-review-gold) !important;
    font-size: 0 !important;

    background: transparent !important;
}

.single-product .pileh-form-rating .stars a::before {
    font-size: 27px !important;
}

.single-product .pileh-form-rating .stars:hover a::before,
.single-product .pileh-form-rating .stars.selected a::before {
    color: var(--pileh-review-gold) !important;
}

.single-product .pileh-rating-help {
    display: block;

    color: var(--pileh-review-muted);
    font-size: 11px;
    line-height: 1.8;
}


/* =========================================================
   گزینه ذخیره اطلاعات
========================================================= */

.single-product .pileh-form-cookies {
    display: flex;
    align-items: center;
    gap: 9px;

    min-height: 45px;
    padding: 10px 14px;

    background: #fafbfa;
    border: 1px solid var(--pileh-review-border);
    border-radius: 10px;
}

.single-product .pileh-form-cookies input[type="checkbox"] {
    flex: 0 0 auto;

    width: 17px;
    height: 17px;
    margin: 0;

    accent-color: var(--pileh-review-green);
}

.single-product .pileh-form-cookies label {
    margin: 0;

    color: var(--pileh-review-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;

    cursor: pointer;
}


/* =========================================================
   دکمه ارسال دیدگاه
========================================================= */

.single-product .pileh-form-submit {
    display: flex;
    justify-content: flex-start;

    margin-top: 3px !important;
}

.single-product .pileh-review-submit-button {
    min-width: 175px;
    min-height: 49px;

    padding: 11px 23px 11px 52px !important;

    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;

    background-color: var(--pileh-review-green) !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L6 12Zm0 0h7.5'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: left 19px center !important;
    background-size: 20px 20px !important;

    border: 0 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 20px rgba(6, 74, 49, 0.17) !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.single-product .pileh-review-submit-button:hover {
    background-color:
        var(--pileh-review-green-hover) !important;

    box-shadow:
        0 11px 23px rgba(6, 74, 49, 0.23) !important;

    transform: translateY(-2px);
}


/* =========================================================
   تبلت
========================================================= */

@media (max-width: 1100px) {

    .single-product .pileh-reviews-summary {
        grid-template-columns:
            minmax(175px, 210px)
            minmax(250px, 1fr);
    }

    .single-product .pileh-review-callout {
        grid-column: 1 / -1;

        min-height: auto;
        padding: 23px;

        border-top: 1px solid var(--pileh-review-border);
    }

    .single-product .pileh-review-score {
        border-left: 1px solid var(--pileh-review-border);
    }

    .single-product .pileh-review-distribution {
        border-left: 0;
    }
}


/* =========================================================
   موبایل و تبلت کوچک
========================================================= */

@media (max-width: 767px) {

    .single-product .pileh-reviews-title {
        font-size: 21px;
    }

    .single-product .pileh-reviews-summary {
        display: block;
    }

    .single-product .pileh-review-score,
    .single-product .pileh-review-distribution,
    .single-product .pileh-review-callout {
        min-height: auto;
        padding: 24px 19px;

        border-left: 0;
        border-bottom: 1px solid var(--pileh-review-border);
    }

    .single-product .pileh-review-callout {
        border-bottom: 0;
    }

    .single-product .pileh-review-distribution {
        gap: 11px;
    }

    .single-product .pileh-rating-row {
        grid-template-columns: 55px minmax(80px, 1fr) 25px;
    }

    .single-product .pileh-reviews #review_form_wrapper {
        padding: 24px 18px;
    }

    .single-product .pileh-review-form {
        display: block;
    }

    .single-product .pileh-review-form > p {
        margin-bottom: 16px !important;
    }

    .single-product .pileh-form-submit {
        margin-bottom: 0 !important;
    }

    .single-product .pileh-form-rating {
        min-height: auto;
    }

    .single-product .pileh-review-submit-button {
        width: 100%;
    }

    .single-product .pileh-reviews .comment_container {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .single-product .pileh-reviews .avatar {
        width: 40px !important;
        height: 40px !important;
    }
}


/* =========================================================
   موبایل کوچک
========================================================= */

@media (max-width: 480px) {

    .single-product .pileh-reviews-title-row {
        align-items: flex-start;
    }

    .single-product .pileh-review-average {
        font-size: 39px;
    }

    .single-product .pileh-form-rating .stars a {
        width: 27px !important;
        height: 27px !important;
    }

    .single-product .pileh-form-rating .stars a::before {
        font-size: 24px !important;
    }
}


/* =========================================================
   دسترس‌پذیری
========================================================= */

.single-product .pileh-review-scroll-button:focus-visible,
.single-product .pileh-review-submit-button:focus-visible,
.single-product .pileh-review-form input:focus-visible,
.single-product .pileh-review-form textarea:focus-visible {
    outline: 3px solid rgba(6, 74, 49, 0.2);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {

    .single-product .pileh-review-scroll-button,
    .single-product .pileh-review-submit-button,
    .single-product .pileh-review-form input,
    .single-product .pileh-review-form textarea,
    .single-product .pileh-rating-progress {
        transition: none;
    }
}