/* ==========================================================
   BSGMAG - PAGINA RECENZII
   Ruta: /page/marturii
   ========================================================== */

.page--info.page--aside-head-only {
    --reviews-title: #3a4258;
    --reviews-body: #565d6c;
    --reviews-blue: #0371fe;
    --reviews-green: #26a662;
    --reviews-muted: #9da2ab;
    --reviews-line: #dce4ee;
    --reviews-background: #f7f8fa;
    --reviews-card: #ffffff;

    width: 100% !important;
    padding: 40px 0 70px !important;
}

.page--info.page--aside-head-only .page__content-wrapper {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.page--info .testimonial__custom--header {
    display: none !important;
}

/* ==========================================================
   LAYOUT GENERAL
   ========================================================== */

.page--info .testimonial__custom--content {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 68px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   SISTEM UNIC DE STELE SVG
   Folosim exclusiv imaginile SVG BSGMAG, fara recolorare CSS.
   Dimensiunea stelelor este aceeasi cu inaltimea notei: 20px.
   ========================================================== */

.page--info .reviews-stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex: 0 0 auto !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.page--info .reviews-star {
    --star-fill: 0%;

    position: relative !important;
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.page--info .reviews-star__empty,
.page--info .reviews-star__full {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.page--info .reviews-star__empty {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}

.page--info .reviews-star__fill {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: var(--star-fill) !important;
    height: 20px !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.page--info .reviews-star__full {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.page--info .reviews-stars--summary,
.page--info .reviews-stars--review {
    height: 20px !important;
}

/* Dezactivam complet vechiul sistem MerchantPro pe aceasta pagina */
.page--info .testimonial__rating,
.page--info .testimonial__rating-fill,
.page--info .testimonial__rating::before,
.page--info .testimonial__rating::after,
.page--info .testimonial__rating-fill::before,
.page--info .testimonial__rating-fill::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   CARD SUMAR STANGA
   ========================================================== */

.page--info .reviews-summary {
    position: sticky !important;
    top: 180px !important;
    width: 100% !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(36, 45, 70, 0.08) !important;
}

.page--info .reviews-summary__title {
    margin: 0 0 26px !important;
    padding: 0 !important;
    color: var(--reviews-title) !important;
    font-size: 29px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
}

.page--info .reviews-summary__rating-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--info .reviews-summary__score {
    color: var(--reviews-title) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.page--info .reviews-summary__based-on {
    margin: 7px 0 0 !important;
    padding: 0 !important;
    color: var(--reviews-title) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

/* ==========================================================
   LISTA RECENZII
   ========================================================== */

.page--info .testimonials-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   CARD RECENZIE
   ========================================================== */

.page--info .testimonial__custom--outer {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title footer"
        "action footer"
        "rating rating"
        "text text" !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 22px 28px 24px !important;
    background: var(--reviews-card) !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 28px rgba(36, 45, 70, 0.07) !important;
}

.page--info .testimonial__custom--title {
    grid-area: title !important;
    display: flex !important;
    align-items: flex-start !important;
    width: min(100%, 615px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--reviews-line) !important;
}

.page--info .testimonial__custom--image {
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f2f4f7 !important;
    border: 0 !important;
    border-radius: 4px !important;
}

.page--info .testimonial__custom--image img {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
}

.page--info .testimonial__custom--acronym {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    color: #ffffff !important;
    background: #0035be !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.page--info .testimonial__custom--title-inside {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--info .testimonial__custom--title-inside h3 {
    max-width: 100% !important;
    margin: 1px 0 4px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--reviews-title) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.page--info .testimonial__custom--action {
    grid-area: action !important;
    width: min(100%, 540px) !important;
    min-width: 0 !important;
    margin: -36px 0 0 64px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--reviews-blue) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ==========================================================
   RAND RATING RECENZIE
   ========================================================== */

.page--info .review-rating-row {
    grid-area: rating !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.page--info .review-rating-row__score {
    color: var(--reviews-title) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.page--info .review-rating-row__verified {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 16px !important;
    color: var(--reviews-green) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.page--info .review-rating-row__verified::before {
    content: "";

    display: inline-block !important;

    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;

    margin-right: 6px !important;

    background: url("https://c.cdnmp.net/584882451/content/iconBSGMAG_teste/bsgmag-recenzieverificata.svg?rv=1784634018")
        center center / contain no-repeat !important;
}

/* ==========================================================
   FOOTER CARD
   ========================================================== */

.page--info .testimonial__custom--footer {
    grid-area: footer !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    min-width: 130px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--info .testimonial__custom--date {
    color: var(--reviews-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

.page--info .testimonial__custom--verified {
    display: flex !important;
    align-items: center !important;
    color: var(--reviews-green) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.page--info .testimonial__custom--verified img {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

/* ==========================================================
   TEXT RECENZIE
   ========================================================== */

.page--info .testimonial__custom--text {
    grid-area: text !important;
    min-width: 0 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    color: var(--reviews-body) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.page--info .testimonial__custom--text > div,
.page--info .testimonial__custom--text p,
.page--info .testimonial__custom--text div,
.page--info .testimonial__custom--text span {
    display: block !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
    color: var(--reviews-body) !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
}

.page--info .testimonial__custom--text::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   PAGINARE
   ========================================================== */

.page--info .testimonials-grid > .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 18px 20px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 24px rgba(36, 45, 70, 0.06) !important;
}

.page--info .pagination__summary {
    color: #747b8b !important;
    font-size: 14px !important;
}

.page--info .pagination__links,
.page--info .pagination__pages {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.page--info .pagination__pages {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page--info .pagination__page-item a,
.page--info .pagination__page-item span,
.page--info .pagination__arrow a,
.page--info .pagination__arrow span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    color: var(--reviews-title) !important;
    background: #ffffff !important;
    border: 1px solid #e2e6ed !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.page--info .pagination__page-item--active span {
    color: #ffffff !important;
    background: #0035be !important;
    border-color: #0035be !important;
}

/* ==========================================================
   TABLETA
   ========================================================== */

@media (max-width: 1100px) {
    .page--info.page--aside-head-only .page__content-wrapper {
        width: calc(100% - 40px) !important;
    }

    .page--info .testimonial__custom--content {
        grid-template-columns: 270px minmax(0, 1fr) !important;
        gap: 32px !important;
    }

    .page--info .reviews-summary {
        padding: 24px 22px !important;
    }

    .page--info .reviews-summary__title {
        font-size: 25px !important;
    }

    .page--info .testimonial__custom--outer {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767.98px) {
    .page--info.page--aside-head-only {
        padding: 18px 0 40px !important;
    }

    .page--info.page--aside-head-only .page__content-wrapper {
        width: calc(100% - 24px) !important;
    }

    .page--info .testimonial__custom--content {
        display: block !important;
    }

    .page--info .reviews-summary {
        position: relative !important;
        top: auto !important;
        min-height: auto !important;
        margin-bottom: 18px !important;
        padding: 22px 20px !important;
        border-radius: 14px !important;
    }

    .page--info .reviews-summary__title {
        margin-bottom: 21px !important;
        font-size: 24px !important;
    }

    .page--info .testimonials-grid {
        gap: 16px !important;
    }

    .page--info .testimonial__custom--outer {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "title footer"
            "action footer"
            "rating rating"
            "text text" !important;
        min-height: 185px !important;
        padding: 16px 16px 20px !important;
        border-radius: 12px !important;
    }

    .page--info .testimonial__custom--title {
        width: 100% !important;
        padding-right: 6px !important;
    }

    .page--info .testimonial__custom--image {
        margin-right: 10px !important;
    }

    .page--info .testimonial__custom--action {
        width: calc(100vw - 165px) !important;
        margin: -36px 0 0 60px !important;
        font-size: 12px !important;
    }

    .page--info .testimonial__custom--footer {
        align-items: flex-start !important;
        gap: 8px !important;
        min-width: 72px !important;
    }

    .page--info .testimonial__custom--date {
        font-size: 12px !important;
    }

    .page--info .testimonial__custom--verified img {
        width: 21px !important;
        height: 21px !important;
    }

    .page--info .review-rating-row {
        margin-top: 12px !important;
        gap: 7px !important;
    }

    .page--info .review-rating-row__verified {
        margin-left: 10px !important;
        font-size: 13px !important;
    }

    .page--info .testimonial__custom--text {
        margin-top: 16px !important;
    }

    .page--info .testimonials-grid > .pagination {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
        padding: 16px !important;
    }

    .page--info .pagination__summary {
        text-align: center !important;
    }

    .page--info .pagination__links {
        justify-content: center !important;
    }
}

@media (max-width: 390px) {
    .page--info.page--aside-head-only .page__content-wrapper {
        width: calc(100% - 20px) !important;
    }

    .page--info .testimonial__custom--outer {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .page--info .review-rating-row__verified {
        margin-left: 4px !important;
        font-size: 12px !important;
    }
}

/* ==========================================================
   SISTEM STELE SVG
   ========================================================== */

.page--info .reviews-stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}

.page--info .reviews-star-image {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

/* Stea cu umplere parțială, folosită doar pentru media magazinului */
.page--info .reviews-star-partial {
    position: relative !important;

    display: block !important;

    width: 20px !important;
    height: 20px !important;

    flex: 0 0 20px !important;

    overflow: hidden !important;
}

.page--info .reviews-star-partial > .reviews-star-image--empty {
    position: absolute !important;
    inset: 0 !important;

    width: 20px !important;
    height: 20px !important;
}

.page--info .reviews-star-partial__fill {
    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    height: 20px !important;
    overflow: hidden !important;
}

.page--info .reviews-star-partial__fill .reviews-star-image--full {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    max-width: none !important;
}

/* Nota și stelele au aceeași înălțime */
.page--info .reviews-summary__score,
.page--info .review-rating-row__score {
    font-size: 20px !important;
    line-height: 20px !important;
}

.page--info .reviews-stars--summary,
.page--info .reviews-stars--review {
    height: 20px !important;
}

/* Dezactivăm orice urmă din sistemul vechi */
.page--info .testimonial__rating,
.page--info .testimonial__rating-fill,
.page--info .testimonial__rating::before,
.page--info .testimonial__rating::after,
.page--info .testimonial__rating-fill::before,
.page--info .testimonial__rating-fill::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   BANNER PAGINA RECENZII
   ========================================================== */

.page--info .reviews-page-banner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 40px;

	width: 100%;
	margin: 0 0 34px;
	padding: 34px 38px;

	overflow: hidden;

	border-radius: 18px;

	background: #0371FE;

	box-shadow: 0 16px 40px rgba(3, 113, 254, 0.22);
}

.page--info .reviews-page-banner::before {
	position: absolute;
	top: -90px;
	right: -70px;

	width: 250px;
	height: 250px;

	border: 46px solid rgba(255, 255, 255, 0.08);
	border-radius: 50%;

	content: "";
	pointer-events: none;
}

.page--info .reviews-page-banner::after {
	position: absolute;
	right: 160px;
	bottom: -85px;

	width: 180px;
	height: 180px;

	border-radius: 50%;

	background: rgba(255, 237, 81, 0.12);

	content: "";
	pointer-events: none;
}

.page--info .reviews-page-banner__content {
	position: relative;
	z-index: 1;
	max-width: 760px;
}

.page--info .reviews-page-banner__eyebrow {
	display: inline-flex;
	align-items: center;

	margin: 0 0 12px;
	padding: 7px 12px;

	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;

	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);

	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.page--info .reviews-page-banner__eyebrow::before {
	width: 7px;
	height: 7px;
	margin-right: 7px;

	border-radius: 50%;

	background: #ffed51;
	box-shadow: 0 0 0 4px rgba(255, 237, 81, 0.14);

	content: "";
}

.page--info .reviews-page-banner__title {
	margin: 0 0 10px;

	color: #ffffff;

	font-size: clamp(28px, 3vw, 40px);
	font-weight: 750;
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.page--info .reviews-page-banner__description {
	max-width: 680px;
	margin: 0;

	color: rgba(255, 255, 255, 0.82);

	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

.page--info .reviews-page-banner__visual {
	position: relative;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: center;
}

.page--info .reviews-page-banner__score {
	display: flex;
	min-width: 185px;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	padding: 20px 22px;

	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 15px;

	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0 10px 28px rgba(0, 53, 190, 0.16);

	backdrop-filter: blur(8px);
}

.page--info .reviews-page-banner__score-value {
	color: #ffffff;

	font-size: 28px;
	font-weight: 750;
	line-height: 1;
}

.page--info .reviews-page-banner__stars {
	display: flex;
	align-items: center;
	gap: 2px;

	margin-top: 9px;

	color: #ffed51;

	font-size: 19px;
	line-height: 1;
	letter-spacing: -1px;
}

.page--info .reviews-page-banner__score-label {
	margin-top: 9px;

	color: rgba(255, 255, 255, 0.78);

	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
}
@media (max-width: 767.98px) {
	.page--info .reviews-page-banner {
		grid-template-columns: 1fr;
		gap: 20px;

		margin-bottom: 20px;
		padding: 25px 20px;

		border-radius: 15px;
	}

	.page--info .reviews-page-banner__title {
		font-size: 28px;
	}

	.page--info .reviews-page-banner__description {
		font-size: 14px;
		line-height: 1.55;
	}

	.page--info .reviews-page-banner__visual {
		justify-content: flex-start;
	}

	.page--info .reviews-page-banner__score {
		width: 100%;
		min-width: 0;
		align-items: flex-start;
		padding: 16px 18px;
	}

	.page--info .reviews-page-banner__stars {
		font-size: 17px;
	}
}