/* ============================================================
   CASINO HUB — BANNERE
   Lim inn i: Customize → Additional CSS
   Klasser: .ch-* (kolliderer ikke med eksisterende CSS)
   ============================================================ */

.ch-wrap{font-family:-apple-system,BlinkMacSystemFont,sans-serif;width:100%;margin:0 auto;padding:8px 0}

.ch-row{
  background:#fff;
  border:2px solid #e8e8e8;
  border-radius:8px;
  display:grid;
  grid-template-columns:28% 26% 1fr 200px;
  align-items:stretch;
  margin-bottom:14px;
  overflow:hidden;
  min-height:140px;
  transition:border-color 0.25s, box-shadow 0.25s;
}
.ch-row:hover{
  border-color:#1e8c3a;
  box-shadow:0 6px 24px rgba(30,140,58,0.12);
}

.ch-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  border-right:1px solid #f0f0f0;
  background:#f9f9f9;
}
.ch-logo-inner{
  width:100%;
  height:100px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:18px;
  color:#fff;
  overflow:hidden;
}
.ch-logo-inner img{max-width:100%;max-height:100%;object-fit:contain}

.ch-name{
  padding:20px 22px;
  border-right:1px solid #f0f0f0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.ch-badge{
  font-size:11px;
  background:#E6F1FB;
  color:#0C447C;
  padding:3px 10px;
  border-radius:4px;
  font-weight:700;
  display:inline-block;
  margin-bottom:8px;
  width:fit-content;
  letter-spacing:0.03em;
  text-transform:uppercase;
}
.ch-name-main{font-size:18px;font-weight:800;color:#1a1a2e;margin-bottom:6px;line-height:1.2}
.ch-name-tagline{font-size:13px;color:#888;line-height:1.5}

.ch-bonus{
  padding:20px 24px;
  border-right:1px solid #f0f0f0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  background:#fafffe;
}
.ch-bonus-main{font-size:18px;color:#1a1a2e;font-weight:800;margin-bottom:6px;white-space:nowrap}
.ch-bonus-extra{font-size:13px;color:#1e8c3a;font-weight:600;white-space:nowrap}

.ch-cta{
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f9fff9;
}
.ch-btn{
  background:#1e8c3a;
  color:#fff !important;
  border:none;
  border-radius:6px;
  padding:14px 0;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  width:100%;
  text-align:center;
  text-decoration:none !important;
  display:block;
  white-space:nowrap;
  transition:background 0.15s, transform 0.1s;
  letter-spacing:0.02em;
}
.ch-btn:hover{background:#166d2d !important;color:#fff !important;transform:scale(1.02)}

@media(max-width:700px){
  .ch-row{grid-template-columns:1fr;min-height:auto}
  .ch-logo{height:100px;border-right:none;border-bottom:1px solid #f0f0f0;justify-content:center;padding:16px;background:#f9f9f9}
  .ch-logo-inner{width:160px;height:72px;font-size:14px}
  .ch-name,.ch-bonus{padding:14px 16px;border-right:none;border-bottom:1px solid #f0f0f0}
  .ch-bonus-main,.ch-bonus-extra{white-space:normal}
  .ch-cta{padding:14px 16px;background:#fff}
  .ch-btn{padding:14px 0;font-size:16px}
}