/*
Theme Name: Cute Stuff 2.0 Child
Description: Tema hijo de Hello Elementor para personalizaciones seguras de Cute Stuff.
Author: Cute Stuff
Template: hello-elementor
Version: 1.0.0
Text Domain: cute-stuff-child
*/

/* Personalizaciones de Cute Stuff 2.0 */

/* =========================================================
   CUTE STUFF 2.0 — CUSREV / RESEÑAS DE PRODUCTO
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEDOR GENERAL
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews {
    --cs-purple: #A8149E;
    --cs-purple-dark: #741A7D;
    --cs-pink: #FFF7FB;
    --cs-border: #F0DFEA;
    --cs-text: #3A3A3A;
    --cs-muted: #6E6E6E;
}


/* ---------------------------------------------------------
   TÍTULO PRINCIPAL DEL BLOQUE
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews #comments > h2,
#reviews.cr-reviews-ajax-reviews .woocommerce-Reviews-title {
    color: var(--cs-purple-dark) !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}


/* ---------------------------------------------------------
   RESUMEN DE VALORACIONES
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews .cr-summaryBox-wrap {
    background: var(--cs-pink) !important;
    border: 1px solid var(--cs-border) !important;
    border-radius: 18px !important;
    padding: 20px !important;
    margin-bottom: 22px !important;
}

#reviews.cr-reviews-ajax-reviews .cr-average-rating,
#reviews.cr-reviews-ajax-reviews .cr-average-rating span {
    color: var(--cs-purple-dark) !important;
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   BOTÓN AÑADIR RESEÑA
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews button.cr-ajax-reviews-add-review,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add,
#reviews.cr-reviews-ajax-reviews button.cr-all-reviews-add-review {
    background: var(--cs-purple) !important;
    border: 1px solid var(--cs-purple) !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    padding: 11px 22px !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    transition: opacity .2s ease, transform .2s ease !important;
}

#reviews.cr-reviews-ajax-reviews button.cr-ajax-reviews-add-review:hover,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover,
#reviews.cr-reviews-ajax-reviews button.cr-all-reviews-add-review:hover {
    opacity: .88 !important;
    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   BUSCADOR
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews .cr-ajax-search input,
#reviews.cr-reviews-ajax-reviews input.cr-ajax-search {
    background: #FFFFFF !important;
    border: 1px solid var(--cs-border) !important;
    border-radius: 12px !important;
    color: var(--cs-text) !important;
    min-height: 42px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-shadow: none !important;
}

#reviews.cr-reviews-ajax-reviews .cr-ajax-search input:focus,
#reviews.cr-reviews-ajax-reviews input.cr-ajax-search:focus {
    border-color: var(--cs-purple) !important;
    outline: none !important;
}


/* ---------------------------------------------------------
   ORDENAR / FILTROS
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-sort {
    background-color: #FFFFFF !important;
    border: 1px solid var(--cs-border) !important;
    border-radius: 10px !important;
    color: var(--cs-text) !important;
    padding: 7px 30px 7px 10px !important;
}


/* ---------------------------------------------------------
   LISTA DE RESEÑAS
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews ol.commentlist {
    margin-top: 18px !important;
}

#reviews.cr-reviews-ajax-reviews ol.commentlist > li {
    background: #FFFFFF !important;
    border: 1px solid var(--cs-border) !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
    padding: 18px !important;
}

#reviews.cr-reviews-ajax-reviews ol.commentlist li .comment_container {
    background: transparent !important;
}


/* ---------------------------------------------------------
   TEXTO DE LA RESEÑA
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews .comment-text {
    color: var(--cs-text) !important;
}

#reviews.cr-reviews-ajax-reviews .woocommerce-review__author {
    color: var(--cs-purple-dark) !important;
    font-weight: 700 !important;
}

#reviews.cr-reviews-ajax-reviews .woocommerce-review__published-date {
    color: var(--cs-muted) !important;
}


/* ---------------------------------------------------------
   FOTOS DE CLIENTES
   --------------------------------------------------------- */

#reviews.cr-reviews-ajax-reviews img {
    border-radius: 10px;
}

#reviews.cr-reviews-ajax-reviews .cr-comment-images img,
#reviews.cr-reviews-ajax-reviews .cr-comment-video,
#reviews.cr-reviews-ajax-reviews .cr-comment-image {
    border: 1px solid var(--cs-border) !important;
    border-radius: 12px !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #reviews.cr-reviews-ajax-reviews .cr-summaryBox-wrap {
        padding: 16px !important;
        border-radius: 14px !important;
    }

    #reviews.cr-reviews-ajax-reviews ol.commentlist > li {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    #reviews.cr-reviews-ajax-reviews button.cr-ajax-reviews-add-review,
    #reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add,
    #reviews.cr-reviews-ajax-reviews button.cr-all-reviews-add-review {
        width: 100% !important;
        text-align: center !important;
    }
}