/* ==========================================================================
   ProgressPlay - review offer cards, sister sites section, logo strips (12 Nov 2026)
   Same card style as the A-Z directory (pp-directory.css): white ground, hairline
   border, 8px radius. Text is #222 or #17487a on white or pale blue, all above 4.5:1.
   ========================================================================== */

/* Offer cards (themes/progressplay-ltd/site-offers-cards.php) */
.wm-bx{margin:8px 0 26px}
.wm-bx .wm-bx-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wm-bx .wm-bx-list>li{margin:0;padding:14px 16px;background:#fff;color:#222;
  border:1px solid rgba(0,0,0,.14);border-radius:8px;
  display:grid;grid-template-columns:180px minmax(0,1fr) auto;grid-template-areas:"step body act" "terms terms terms";gap:8px 18px;align-items:center}
.wm-bx .wm-bx-list>li::before{content:none}
.wm-bx-step{grid-area:step;justify-self:start;background:#e8f1fa;color:#17487a;border-radius:20px;
  padding:3px 12px;font-size:13px;font-weight:700;line-height:1.4}
.wm-bx-body{grid-area:body;min-width:0}
.wm-bx-offer{font-size:18px;font-weight:700;line-height:1.3;color:#222;overflow-wrap:anywhere}
.wm-bx-offer p{margin:0}
.wm-bx-code{margin-top:4px;font-size:14px;color:#555}
.wm-bx-code code{font-size:14px;font-weight:700;color:#222;background:#f4f8fc;border:1px dashed #17487a;border-radius:5px;padding:1px 8px}
.wm-bx-act{grid-area:act}
.wm-bx a.button.wm-bx-cta{display:inline-block;width:auto;min-width:140px;margin:0;padding:6px 18px;box-sizing:border-box;white-space:nowrap;
  background:#17599c;border:1px solid #124a82;color:#fff;font-weight:700;text-shadow:none;box-shadow:none;filter:none}
.wm-bx a.button.wm-bx-cta:hover,.wm-bx a.button.wm-bx-cta:focus{background:#124a82;color:#fff}
.wm-bx a.button.wm-bx-cta:focus-visible{outline:2px solid #222;outline-offset:2px}
.wm-bx-terms{grid-area:terms;border-top:1px solid rgba(0,0,0,.1);margin-top:4px;padding-top:8px}
.wm-bx-terms summary{cursor:pointer;font-size:14px;font-weight:700;color:#17487a;text-decoration:underline;width:max-content;max-width:100%}
.wm-bx-terms summary:focus-visible{outline:2px solid #222;outline-offset:2px}
.wm-bx-terms-text{margin-top:8px;font-size:14px;line-height:1.55;color:#222;overflow-wrap:anywhere}
.wm-bx-terms-text p{margin:0 0 6px}
.wm-bx-terms-text a{color:#17487a;font-weight:700;text-decoration:underline}
@media (max-width:700px){
  .wm-bx .wm-bx-list>li{grid-template-columns:minmax(0,1fr);grid-template-areas:"step" "body" "act" "terms";gap:10px;padding:14px}
  .wm-bx .wm-bx-act,.wm-bx a.button.wm-bx-cta{display:block;width:100%;text-align:center}
}

/* Sister sites section (mu-plugins/pp-review-offers.php) */
.wm-sis{margin:28px 0}
.wm-sis h2{margin:0 0 4px}
.wm-sis .wm-sis-sub{margin:0 0 14px;color:#222;font-size:15px}
.wm-sis .wm-sis-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.wm-sis .wm-sis-grid>li{margin:0;padding:0;min-width:0}
.wm-sis .wm-sis-grid>li::before{content:none}
.wm-sis-card a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"logo name score" "logo go go";gap:2px 10px;align-items:center;
  padding:10px 12px;background:#fff;color:#222;text-decoration:none;border:1px solid rgba(0,0,0,.14);border-radius:8px;height:100%;box-sizing:border-box}
.wm-sis-card a:hover{background:#f4f8fc;border-color:#17599c}
.wm-sis-card a:focus-visible{outline:2px solid #222;outline-offset:2px}
.wm-sis-card img,.wm-sis-ph{grid-area:logo;width:56px;height:56px;border-radius:6px;object-fit:contain;background:#f4f4f4;display:block;margin:0}
.wm-sis-name{grid-area:name;font-weight:700;font-size:15px;line-height:1.25;color:#222;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wm-sis-score{grid-area:score;font-weight:700;font-size:15px;color:#1f7a4d;font-variant-numeric:tabular-nums}
.wm-sis-score small{font-size:11px;color:#555;font-weight:600}
.wm-sis-go{grid-area:go;font-size:13px;font-weight:700;color:#17487a;text-decoration:underline}
.wm-sis .wm-sis-more{margin:14px 0 0;font-size:14px;line-height:1.6}
@media (max-width:560px){
  .wm-sis .wm-sis-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wm-sis-card a{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "name" "score" "go";justify-items:start;gap:4px}
  .wm-sis-card img,.wm-sis-ph{width:48px;height:48px}
  .wm-sis-name{font-size:14px}
}

/* Logo strips above the provider and deposit method lists. Tile ground = Pods logo_background_colour, set inline. */
.wm-logos{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.wm-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid rgba(0,0,0,.14);border-radius:8px;overflow:hidden;box-sizing:border-box}
.wm-logo img{width:100%;height:100%;object-fit:contain;display:block;margin:0}
.wm-more summary{cursor:pointer;font-weight:700;color:#17487a;text-decoration:underline;font-size:14px;margin:2px 0 6px;width:max-content;max-width:100%}
.wm-more summary:focus-visible{outline:2px solid #222;outline-offset:2px}
@media (max-width:640px){.wm-logo{width:52px;height:52px}}