/* Rosi Fashion Carousel - estilos strict scoped */

/* Categoria title */
.rosi-category-title {
    font-family: "Playfair Display", serif;
    color: var(--rosi-category-title-color, #C6A667);
    font-size: 28px;
    margin: 0 0 6px;
}

/* Aux text */
.rosi-category-aux {
    font-family: "Montserrat", sans-serif;
    color: var(--rosi-text, #666);
    margin-top: 6px;
    margin-bottom: 18px;
    font-size: 14px;
}

/* wrapper */
.rosi-swiper-wrapper { position: relative; margin-bottom: 10px; }

/* card */
.rosi-card {
    background: #ffffff;
    border: 1px solid var(--rosi-border, #D4AF37);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch;
}

/* image wrap (sem aspect-ratio forçado) */
.rosi-image-wrap {
    width: 100%;
    overflow: hidden;
    background: #f8f6f3;
    position: relative;
    min-height: 1px;
}
.rosi-image-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* caption */
.rosi-card-caption {
    padding: 14px 16px;
    margin-top: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.rosi-card-title { font-family: "Montserrat", sans-serif; font-size: 16px; margin: 0; text-align: center; }
.rosi-card-sub { font-size: 13px; color: #666; margin: 0 0 10px; text-align: center; }

/* botão - utiliza variáveis CSS (definidas pelo widget) */
.rosi-whatsapp-btn {
    display:inline-block;
    padding: 10px 16px;
    border-top-left-radius: var(--rosi-btn-radius-top-left, 8px);
    border-top-right-radius: var(--rosi-btn-radius-top-right, 8px);
    border-bottom-right-radius: var(--rosi-btn-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--rosi-btn-radius-bottom-left, 8px);
    text-decoration:none;
    font-weight:600;
    background: var(--rosi-btn-bg, linear-gradient(180deg,#D4AF37,#C6A667));
    color: var(--rosi-btn-text, #fff);
    box-shadow: var(--rosi-btn-box-shadow, none);
    transition: background .18s ease, color .18s ease, transform .12s ease;
}

/* arrows wrap (centralizado abaixo do carrossel) */
.rosi-swiper-arrows-wrap {
    display:flex;
    gap: var(--rosi-arrows-gap, 12px);
    justify-content:center;
    margin-top:18px;
}
.rosi-swiper-arrow {
    width: var(--rosi-arrows-size, 36px);
    height: var(--rosi-arrows-size, 36px);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: var(--rosi-arrows-border-radius, 8px);
    background: var(--rosi-arrows-bg, transparent) !important;
    color: var(--rosi-arrows-color, #333) !important;
    border: var(--rosi-arrows-border, 0);
    box-shadow: var(--rosi-arrows-box-shadow, none);
    cursor: pointer;
    display: inline-flex;
}
.rosi-swiper-arrow svg { width: calc(var(--rosi-arrows-size, 36px) * 0.6); height: calc(var(--rosi-arrows-size, 36px) * 0.6); }

/* inner swiper scoping */
.rosi-swiper-inner.swiper { width:100%; }
.rosi-swiper-inner .swiper-slide { align-items: stretch; }

/* Responsividade */
@media (max-width: 1023px) { .rosi-category-title { font-size: 22px; } }
@media (max-width: 639px) { .rosi-category-title { font-size: 18px; } .rosi-whatsapp-btn { padding: 8px 12px; font-size: 14px; } }