.bl-trending-meta{
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 10px 0 !important;
  font-weight:600 !important;
  opacity:.85 !important;
}

.betline-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  margin: 1.5rem 0 !important;
  align-items: stretch !important; /* force equal height rows */
}

.betline-card {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 1.25rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05) !important;
  text-align: left !important;
  position: relative !important;

  display: flex !important;           /* KEY */
  flex-direction: column !important;  /* KEY */
  height: 100% !important;            /* KEY */
  overflow: hidden !important;
}

.betline-card .logo {
  max-height: 60px !important;
  margin: 0 auto 6px auto !important;
  object-fit: contain !important;
}

.betline-card .star-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: #f6b900 !important;
  color: #000 !important;
  border-radius: 8px !important;
  font-size: .8rem !important;
  padding: 2px 8px !important;
}

/* Bonus badge */
.betline-card .bl-bonus-badge{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 5 !important;
  width: 135px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-34px, 20px) rotate(-45deg) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .40px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.16) !important;
  pointer-events: none !important;
}

.betline-card .bl-bonus-badge--freebet{ background:#d11f2a !important; }
.betline-card .bl-bonus-badge--depositmatch{ background:#1f5bd1 !important; }
.betline-card .bl-bonus-badge--featured{ background:#6b4fe3 !important; }
.betline-card .bl-bonus-badge--newlisting{ background:#1f9d55 !important; }

.betline-card p {
  margin: .35rem 0 !important;
  font-size: .9rem !important;
}

/* ===== THE IMPORTANT FIX ===== */
/* Push bottom section down consistently */
.betline-card .status{
  margin-top: auto !important;  /* THIS is what aligns everything */
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 500;
  opacity: 0.8;
  margin-bottom: 6px;
}

/*  */
.-wrap {
  margin-top: .4rem !important;
}

.-wrap button {
  background: #f1f1f1 !important;
  border: none !important;
  border-radius: 6px !important;
  margin: 0 .25rem !important;
  padding: .28rem .7rem !important;
  cursor: pointer !important;
  color: #000 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .25rem !important;
}

/* ================================
   BUTTON COLOURS (UPDATED)
   - Make Visit (affiliate) the primary
   - Make View profile the secondary
   ================================ */

/* Secondary: View Betting Site */
.info-btn {
  display: inline-block !important;
  margin-top: .6rem !important;
  background: transparent !important;
  color: #4e2fa8 !important;
  padding: .55rem 1.25rem !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  border: 2px solid rgba(78,47,168,.35) !important;
  transition: all 0.2s ease !important; /* smooth animation */
}

/* Hover effect */
.info-btn:hover {
  text-decoration: none !important;
  color: #4e2fa8 !important;
  border-color: rgba(78,47,168,.55) !important;
  box-shadow: 0 8px 20px rgba(78, 47, 168, 0.18) !important;
  transform: translateY(-2px) !important;
}

/* Active (click) feel */
.info-btn:active {
  transform: translateY(0px) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
}

/* Primary: Visit button (only shown for select operators) */
.visit-btn {
  display: inline-block !important;
  margin-top: .5rem !important;
  background: #4e2fa8 !important; /* primary purple */
  color: #fff !important;
  padding: .6rem 1.25rem !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  border: 2px solid transparent !important;
  transition: all 0.2s ease !important;
  letter-spacing: 0.3px;
}

.visit-btn:hover {
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(78, 47, 168, 0.35) !important;
  transform: translateY(-2px) !important;
}

.visit-btn:active {
  transform: translateY(0px) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.18) !important;
}

/* Optional affiliate note (only shown for select operators) */
.bl-affiliate-note {
  margin-top: .55rem !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  opacity: .75 !important;
}

/* Status styling */
.betline-card .bl-status{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 600 !important;
}

.betline-card .bl-status--online{ color:#16a34a !important; }
.betline-card .bl-status--maintenance{ color:#f59e0b !important; }
.betline-card .bl-status--offline{ color:#dc2626 !important; }

/* See more button - clearer continuation CTA */
#betline-see-more.betline-more {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 360px !important;
  max-width: calc(100% - 32px) !important;
  margin: 18px auto 36px auto !important;
  padding: 16px 28px !important;
  background: #4e2fa8 !important;
  color: #ffffff !important;
  border: 2px solid #4e2fa8 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  box-shadow: 0 10px 24px rgba(78, 47, 168, .24) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

#betline-see-more.betline-more:hover {
  background: #5b38be !important;
  border-color: #5b38be !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(78, 47, 168, .32) !important;
}

#betline-see-more.betline-more:active {
  transform: translateY(0) !important;
  box-shadow: 0 5px 12px rgba(0, 0, 0, .16) !important;
}

#betline-see-more.betline-more:focus {
  outline: 3px solid rgba(78, 47, 168, .28) !important;
  outline-offset: 3px !important;
}

#betline-see-more.betline-more.is-loading {
  opacity: .75 !important;
  cursor: wait !important;
}

/* Mobile */
@media(max-width:480px) {
  .betline-card {
    max-width: 330px !important;
    margin: 0 auto !important;
  }
}

.no-tel {
  user-select: text !important;
  pointer-events: none !important;
}

.betline-card .site-logo {
  width: 90px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 12px !important;
  border-radius: 8px !important;
}


/* ================================
   NEW: Compact licence + trust list layout
   ================================ */
.betline-card .bl-card-title{
  margin: 6px 0 10px 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.betline-card .bl-licence-line{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
}

.betline-card .bl-licence-left{
  font-weight: 700 !important;
}

.betline-card .bl-mid-dot{
  opacity: .55 !important;
}

.betline-card .bl-licence-link{
  font-weight: 800 !important;
  text-decoration: none !important;
}

.betline-card .bl-licence-link:hover{
  text-decoration: underline !important;
}

.betline-card .bl-trust{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

.betline-card .bl-trust li{
  position: relative !important;
  padding-left: 22px !important;
  margin: 6px 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.betline-card .bl-trust li:before{
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-weight: 900 !important;
}

.betline-card .bl-status-line{
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.betline-card .bl-status-label{
  font-weight: 800 !important;
}

.betline-card .bl-status-dot{
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  display: inline-block !important;
  background: #111827 !important; /* fallback */
}

.betline-card .bl-status-dot--online{ background:#16a34a !important; }
.betline-card .bl-status-dot--maintenance{ background:#f59e0b !important; }
.betline-card .bl-status-dot--offline{ background:#dc2626 !important; }

/* Keep logo centered even with left-aligned text */
.betline-card .logo{
  display: block !important;
  margin: 0 auto 8px auto !important;
}

/* ================================
   BETLINE FIX: Center button text (safe override)
   - Keeps existing styling intact
   - Only affects .info-btn and .visit-btn
   ================================ */
.info-btn,
.visit-btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

/* ================================
   BETLINE ALIGNMENT + LICENCE TWEAKS (safe overrides)
   Requested:
   - Center site name
   - Center affiliate note
   - Center thumbs up/down row
   - Licence number not clickable, smaller, not bold, same line as "Licensed"
   ================================ */

/* 1) Center the betting site name */
.betline-card .bl-card-title{
  text-align: center !important;
}

/* 2) Center affiliate partner note */
.betline-card .bl-affiliate-note{
  text-align: center !important;
}

/* 3) Center thumbs up/down */
.betline-card .-wrap{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .35rem !important;
}
.betline-card .-wrap button{
  margin: 0 !important; /* override earlier margin that can offset centering */
}

/* 4) Licence line: keep on one line + normal weight */
.betline-card .bl-licence-line{
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 8px !important;
  font-size: 13px !important;
}
.betline-card .bl-licence-left{
  font-weight: 500 !important; /* not bold */
}
.betline-card .bl-mid-dot{
  opacity: .55 !important;
}

/* Licence "number" should not look/act  a link */
.betline-card .bl-licence-link{
  font-weight: 500 !important;     /* not bold */
  font-size: 13px !important;      /* smaller */
  color: inherit !important;        /* not blue */
  text-decoration: none !important; /* no underline */
  pointer-events: none !important;  /* effectively not a link */
  cursor: default !important;
}

/* If any anchor styling leaks in from theme */
.betline-card .bl-licence-link:hover{
  text-decoration: none !important;
}

.betline-card .logo {
  width: auto !important;
  height: auto !important;
  contain: layout paint !important;
}

.betline-grid, .betline-card {
  contain: layout style paint !important;
}

.info-btn, .visit-btn, .-wrap button, #betline-see-more {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
  .info-btn, .visit-btn {
    transition: none !important;
  }
}


/* Betline Verified badge */
.betline-card .bl-verified-badge{
  margin: 10px 0 14px 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px;
}


/* Betline results count */
.betline-results-count{
  text-align:center !important;
  margin:10px 0 12px 0 !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
  opacity:.82 !important;
}

/* =========================================
   FORCE ALL MOBILE CARDS SAME WIDTH
   ========================================= */

@media (max-width: 480px) {

  .betline-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .betline-card {

    width: calc(100% - 32px) !important;

    max-width: calc(100% - 32px) !important;

    min-width: calc(100% - 32px) !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
  }

}