@charset "UTF-8";

/**
 * Review List Customization
 * 1. Hide avatar
 * 2. Remove margins/padding to center content
 */

/* Hide user avatar in review list */
.woocommerce-Reviews .commentlist li .avatar {
    display: none !important;
}

/* Adjust comment text container */
.woocommerce-Reviews .commentlist li .comment-text {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    text-align: left; /* Ensure text is left-aligned, but container takes full width */
    border: 1px solid #e5e5e5;
    padding: 1.5em !important; /* Add some padding inside the box */
    border-radius: 4px;
}

/* Ensure the star rating is correctly positioned */
.woocommerce-Reviews .commentlist li .comment-text .star-rating {
    float: right;
}

/* Make meta (author, date) visible clearly */
.woocommerce-Reviews .commentlist li .comment-text .meta {
    margin-bottom: 1em;
}

/* Accordion Styles */
.review-content-wrapper {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.review-content-wrapper.collapsed {
    /* Max height will be set by JS or fixed here as fallback */
    max-height: 150px; 
}

.review-content-wrapper.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

.review-accordion-toggle {
    display: block;
    margin-top: 10px;
    background: none;
    border: none;
    color: #0073aa; /* WordPress default link color */
    cursor: pointer;
    padding: 5px 0;
    font-size: 0.9em;
    text-decoration: underline;
}

.review-accordion-toggle:hover {
    color: #005177;
}

/* Spacing between reviews */
.woocommerce-Reviews .commentlist li {
    margin-bottom: 20px;
}