/* =====================================================================
 * Wepet Reviews Destaque — folha de estilos do carousel
 * ---------------------------------------------------------------------
 * Este é o ficheiro que deves editar para mudar o aspeto do carousel.
 * Localização: wp-content/plugins/wepet-reviews-destaque/assets/css/
 *
 * Cor da marca: muda a variável --wepet-brand (linha abaixo).
 * Tudo está "scoped" sob .wepet-reviews-carousel e usa !important para
 * ganhar ao tema/Elementor sem precisares do Microthemer.
 * ===================================================================== */

.wepet-reviews-carousel {
    --wepet-brand: #FE6B00;  /* cor da marca Wepet (nome das reviews + setas + dots) */
    --wepet-stars: #f5a623;  /* cor das estrelas */
    --wepet-text:  #555555;  /* cor do texto da review */
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.wepet-reviews-carousel *,
.wepet-reviews-carousel *::before,
.wepet-reviews-carousel *::after { box-sizing: border-box !important; }

/* Pista / slides ---------------------------------------------------- */
.wepet-reviews-carousel .wepet-rc-track-wrap {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}
.wepet-reviews-carousel .wepet-rc-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}
.wepet-reviews-carousel .wepet-rc-slide {
    min-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wepet-reviews-carousel .wepet-rc-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--wepet-cols, 3), minmax(0, 1fr)) !important;
    gap: 28px !important;
    padding: 8px 4px 28px !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Cartão de review -------------------------------------------------- */
.wepet-reviews-carousel .wepet-rc-item {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.wepet-reviews-carousel .wepet-rc-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}
.wepet-reviews-carousel .wepet-rc-avatar {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}
.wepet-reviews-carousel .wepet-rc-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}
.wepet-reviews-carousel .wepet-rc-name {
    font-weight: 600 !important;
    color: var(--wepet-brand) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
.wepet-reviews-carousel .wepet-rc-stars {
    color: var(--wepet-stars) !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
}
.wepet-reviews-carousel .wepet-rc-text {
    color: var(--wepet-text) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

/* Setas (prev/next) ------------------------------------------------- */
.wepet-reviews-carousel .wepet-rc-arrow {
    position: absolute !important;
    top: 38px !important;               /* alinhado ao avatar */
    width: 38px !important;
    height: 38px !important;
    border: none !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--wepet-brand) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 !important;
    z-index: 2 !important;
    transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.wepet-reviews-carousel .wepet-rc-arrow:hover { background: var(--wepet-brand) !important; color: #fff !important; }
.wepet-reviews-carousel .wepet-rc-arrow.prev { left: -6px !important; }
.wepet-reviews-carousel .wepet-rc-arrow.next { right: -6px !important; }
.wepet-reviews-carousel .wepet-rc-arrow[disabled] { opacity: 0.35 !important; cursor: default !important; }

/* Bolinhas (dots) --------------------------------------------------- */
/* Círculos preto e branco com contorno (estilo testemunhos Elementor Pro).
   Dimensões fixas + appearance:none para o tema não as transformar em ovais. */
.wepet-reviews-carousel .wepet-rc-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 6px !important;
    margin: 0 !important;
    list-style: none !important;
}
.wepet-reviews-carousel .wepet-rc-dot {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #333 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
    flex: 0 0 auto !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}
.wepet-reviews-carousel .wepet-rc-dot:hover { border-color: #000 !important; }
.wepet-reviews-carousel .wepet-rc-dot.active {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    transform: none !important;
}

/* Responsivo -------------------------------------------------------- */
@media (max-width: 767px) {
    .wepet-reviews-carousel .wepet-rc-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .wepet-reviews-carousel .wepet-rc-arrow { display: none !important; } /* em mobile usa-se swipe */
}
@media (min-width: 768px) and (max-width: 1023px) {
    .wepet-reviews-carousel .wepet-rc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}