/* =============================================================
   Betopick — "Bet Now" Inline Sponsor Strip
   /ads/css/betnow.css

   ONE upload (250×60 px) — CSS scales it to fit every device.
   Include on any page that uses show_betnow.php:
   <link rel="stylesheet" href="/ads/css/betnow.css">
   ============================================================= */

/* ── Container ───────────────────────────────────────────────── */
.betnow-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  /*padding: 10px 0 8px;*/
}

/* ── The clickable link row ───────────────────────────────────── */
.betnow-link {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .18s ease, transform .18s ease;
  max-width: 100%;
  border-radius: 50px;
    padding: 0 10px;
    border: 1px solid #ccc;
}

.betnow-link:hover {
  opacity: .85;
  transform: scale(1.02);
}

/* ── Sponsored logo image ─────────────────────────────────────── */
.betnow-logo {
  display: block;
  /*
   * Uploaded at 250x60 px.
   * Rendered at natural height; width scales proportionally.
   * max-width clamps it inside narrow card columns.
   */
  height: 27px;
  width: auto;
  max-width: min(160px, 60vw);
  object-fit: contain;
  object-position: left center;
  border: none;
  flex-shrink: 0;
  width: 60px;
}

/* ── "Bet Now" text label ─────────────────────────────────────── */
.betnow-text {
  display: inline-block;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 700;
  color: #1a1a2e;
  letter-spacing: .01em;
  white-space: nowrap;
  padding-left: 3px;
}

/* ── Default / fallback strip (no active sponsor) ────────────── */
.betnow-strip--default .betnow-link--placeholder {
  cursor: default;
  pointer-events: none;
}

.betnow-logo-placeholder {
  display: inline-block;
  width: 80px;
  height: 28px;
  background: #f0f0f5;
  border-radius: 4px;
  margin-right: 6px;
}

.betnow-strip--default .betnow-text {
  color: #888;
  font-weight: 600;
}

/* ── Mobile: shrink logo height slightly ─────────────────────── */
@media (max-width: 480px) {
  .betnow-logo {
    height: 26px;
    max-width: min(120px, 55vw);
  }
  .betnow-text { font-size: .78rem; }
}

/* ── Very small cards / narrow columns ───────────────────────── */
@media (max-width: 320px) {
  .betnow-logo {
    height: 22px;
    max-width: 90px;
  }
  .betnow-text { font-size: .72rem; }
}