/*
 * Shared v2 components loaded on every page for v2 visitors
 * (templates/default/content.php). Self-contained colours: no .dest-v2
 * variables here.
 */

/* Trustpilot row (templates/default/v2_trustpilot_row.php). Mirrors the
   app's TrustSection. Used on the v2 product and basket pages. */
.ss-tp-row {
   display: flex;
   align-items: center;
   gap: 12px;
   box-sizing: border-box;
   min-height: 56px;
   margin-top: 14px;
   padding: 10px 14px;
   border: 1px solid #E4E8F0;
   border-radius: 16px;
   background: #fff;
   color: #14183A;
   text-decoration: none;
   transition: border-color .15s ease;
}

.ss-tp-row:hover {
   border-color: #C9CFDB;
   color: #14183A;
   text-decoration: none;
}

.ss-tp-badge {
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 5px 10px;
   border-radius: 6px;
   background: #00B67A;
   font-size: 13px;
   font-weight: 700;
   line-height: 1.2;
   color: #fff;
}

.ss-tp-badge i {
   font-size: 12px;
}

.ss-tp-text {
   flex: 1 1 auto;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 2px;
   line-height: 1.3;
}

.ss-tp-text strong {
   font-size: 14px;
   font-weight: 600;
   color: #14183A;
}

.ss-tp-text span {
   font-size: 12.5px;
   color: #5B6178;
}

.ss-tp-chev {
   flex: 0 0 auto;
   font-size: 12px;
   color: #5B6178;
}