/* /reviews/msport/ content blocks (rvms- prefix). Loaded only there by mu-plugins/betadvisor-page-review-msport.php. Mobile first. */

/* Pros and cons */
.rvms-pc { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); margin: 0 0 16px; }
@media (min-width: 640px) { .rvms-pc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rvms-pc__col { padding: 14px; border-radius: var(--radius-sm); border-top: 4px solid var(--green-2); background: #f4f9f1; }
.rvms-pc__col--con { border-top-color: var(--red-line); background: var(--red-soft); }
.rvms-pc__t { margin: 0 0 6px !important; font-weight: 800; color: var(--green); }
.rvms-pc__col--con .rvms-pc__t { color: #8a4415; }
.rvms-pc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; font-size: .92rem; }
.rvms-pc li { margin: 0; position: relative; padding-left: 24px; }
.rvms-pc li::before { position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; font-size: .68rem; font-weight: 800; }
.rvms-pc__col--pro li::before { content: "\2713"; background: var(--green-2); color: #fff; }
.rvms-pc__col--con li::before { content: "!"; background: #fff; color: #a4511b; border: 1px solid var(--red-line); }

/* Who it suits */
.rvms-fit { margin: 0 0 20px; padding: 14px; border-radius: var(--radius); background: var(--green); }
.rvms-fit__t { margin: 0 0 10px !important; font-weight: 800; color: var(--lime); font-family: var(--font-head); }
.rvms-fit__grid { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rvms-fit__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rvms-fit__i { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .15); color: #dbe9e2; font-size: .88rem; }
.rvms-fit__i b { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.rvms-fit__i--yes b { color: var(--lime); }
.rvms-fit__i--no b { color: #f4b183; }

/* Slip limits */
.rvms-limits { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 16px; }
.rvms-limits div { padding: 12px 8px; border-radius: var(--radius-sm); background: var(--green-soft); text-align: center; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rvms-limits b { font-family: var(--font-head); font-size: 1.25rem; color: var(--green); overflow-wrap: anywhere; }
.rvms-limits span { font-size: .76rem; color: var(--ink-soft); line-height: 1.3; }

/* Voucher flow */
.rvms-voucher { display: flex; flex-direction: column; gap: 6px; align-items: stretch; margin: 0 0 16px; }
@media (min-width: 640px) { .rvms-voucher { flex-direction: row; align-items: center; } }
.rvms-voucher__step { flex: 1; display: flex; flex-direction: column; gap: 2px; padding: 12px; border-radius: var(--radius-sm); border: 1px solid var(--line); background: #fbfaf6; }
.rvms-voucher__step b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--lime); color: var(--green); font-weight: 800; }
.rvms-voucher__step span { font-weight: 800; color: var(--ink); }
.rvms-voucher__step small { font-size: .78rem; color: var(--ink-soft); }
.rvms-voucher__step--win { border-color: var(--green-2); background: #f4f9f1; }
.rvms-voucher__arrow { align-self: center; width: 16px; height: 16px; background: var(--green-2); clip-path: polygon(30% 0, 70% 0, 70% 55%, 100% 55%, 50% 100%, 0 55%, 30% 55%); }
@media (min-width: 640px) { .rvms-voucher__arrow { clip-path: polygon(0 30%, 55% 30%, 55% 0, 100% 50%, 55% 100%, 55% 70%, 0 70%); } }

/* Promotions grid */
.rvms-promos { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); margin: 0 0 16px; }
@media (min-width: 640px) { .rvms-promos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rvms-promo { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: var(--radius-sm); border: 1px solid var(--line); border-left: 4px solid var(--gold); background: #fff; }
.rvms-promo b { color: var(--ink); font-size: .92rem; }
.rvms-promo span { color: var(--ink-soft); font-size: .8rem; }

/* Payment steps */
.rvms-pay { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); margin: 0 0 16px; }
@media (min-width: 640px) { .rvms-pay { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rvms-pay__step { padding: 12px 14px; border-radius: var(--radius-sm); background: #fbfaf6; border: 1px solid var(--line); }
.rvms-pay__step b { display: block; margin-bottom: 4px; color: var(--green); font-family: var(--font-head); }
.rvms-pay__step ol { margin: 0; padding-left: 1.2em; font-size: .9rem; }

/* Contact cards */
.rvms-contact { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); margin: 0 0 14px; }
@media (min-width: 640px) { .rvms-contact { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rvms-contact div { display: flex; flex-direction: column; gap: 2px; padding: 12px; border-radius: var(--radius-sm); background: var(--green-soft); min-width: 0; }
.rvms-contact b { color: var(--green); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.rvms-contact span { font-weight: 700; color: var(--ink); overflow-wrap: anywhere; font-size: .92rem; }

/* Versus table */
.rvms-vs { overflow-x: auto; margin: 0 0 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.rvms-vs table { margin: 0; }
.rvms-vs td:first-child { font-weight: 700; color: var(--green); white-space: nowrap; }
@media (max-width: 480px) { .rvms-vs th, .rvms-vs td { padding: 8px; font-size: .84rem; } }