/* ===== HOME PREMIUM — reference layout (homepage only) ===== */

/* --- online counter row (above wheel) --- */
.home-online-row{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1100px;margin:2px auto 10px;padding:0 16px}
.hor-left{display:inline-flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
#kbActivitySlot{display:inline-flex;align-items:center}
.hor-txt{font-size:11px;font-weight:700;color:#8f9caf;white-space:nowrap}
.hor-right{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#9aa3b8;white-space:nowrap;flex:0 0 auto}
.hor-right i{color:#f5b942;font-size:11px}

/* --- wheel card: bigger, gold border, left ~43% / wheel ~57% --- */
.wpromo{max-width:1100px;margin:0 auto;padding:0 14px}
.wpromo-card{gap:10px;padding:22px 18px;border:1.5px solid rgba(245,185,66,.55);border-radius:20px}
.wpromo-txt{flex:0 0 43%}
.wpromo-wheel{flex:0 0 57%}
.wpromo-wheel svg{max-width:250px}
.wpromo-kick{font-size:19px;line-height:1.12}
.wpromo-amt{font-size:16px;line-height:1.28}
.wpromo-sub{font-size:11.5px}
.wpromo-cta .wbtn{font-size:14px;padding:12px 18px}

/* --- quick buttons: bigger boxes, icon top + label below --- */
.home-cats{gap:12px;margin:16px auto 0;padding:0 14px}
.home-cats a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;max-width:none;background:#131c2e;border:1px solid rgba(140,160,185,.22);color:#e8eef7;font-weight:800;font-size:12.5px;padding:16px 6px 14px;border-radius:14px;text-decoration:none;letter-spacing:.04em}
.home-cats a .hc-ic{font-style:normal;font-size:22px;line-height:1}
.home-cats a span{line-height:1}

/* --- bonus banner: premium + gift visual + breathing room --- */
.home-bonus-banner{position:relative;gap:14px;padding:19px 18px;margin:16px 14px 0;border-radius:15px;overflow:hidden}
.home-bonus-banner .hbb-txt{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.home-bonus-banner .hbb-k{font-size:10px;letter-spacing:1.5px;color:#f5b942;font-weight:800}
.home-bonus-banner strong{color:#fff;font-size:17px;font-weight:900;line-height:1.28;letter-spacing:.01em}
.home-bonus-banner em{color:#f5b942;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}
.home-bonus-banner .hbb-gift{flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(245,185,66,.28),rgba(245,185,66,.08));border:1px solid rgba(245,185,66,.4);border-radius:12px;color:#f5b942;font-size:23px}

/* --- featured head: FORCE row (override betting-slip column on mobile) --- */
.home-featured-head{display:flex !important;flex-direction:row !important;align-items:flex-end !important;justify-content:space-between !important;gap:12px;padding:0 2px;text-align:left}
.hfh-left{text-align:left}
.hfh-left .betting-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#f5b942;margin-bottom:5px;text-align:left}
.hfh-left h2{margin:0;font-size:23px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.1;text-align:left}
.hfh-leagues{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:#9aa3b8;text-decoration:none;white-space:nowrap;padding-bottom:4px;flex:0 0 auto}
.hfh-leagues i{font-size:9px;margin-left:4px}
.hfh-leagues:hover{color:#f5b942}

/* --- TÜM MAÇLAR / SONUÇLAR CTA row --- */
.hfh-ctas{display:flex;gap:10px;margin:16px 2px 18px}
.hfh-cta{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;font-size:13px;font-weight:800;letter-spacing:.05em;text-decoration:none;transition:transform .15s,box-shadow .15s}
.hfh-cta:active{transform:scale(.98)}
.hfh-cta-primary{flex:1.15;background:linear-gradient(135deg,#ffd76a,#f5b942);color:#14100a;box-shadow:0 4px 16px rgba(245,185,66,.22)}
.hfh-cta-secondary{flex:1;background:#161d33;color:#fff;border:1px solid rgba(245,185,66,.45)}
.hfh-cta-secondary:hover{border-color:#f5b942}

/* --- premium match card --- */
.home-featured-betting .match-grid{display:grid;gap:14px}
.pm-card{background:linear-gradient(160deg,#181f35,#121728);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 14px 14px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.pm-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.pm-league{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#8b93a7;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-league i{color:#f5b942;font-size:10px;flex:0 0 auto}
.pm-clock{font-size:11px;font-weight:700;color:#8b93a7;flex:0 0 auto;white-space:nowrap}

/* main row: home | center | away | chevron — symmetric, wider name area */
.pm-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:5px;margin-bottom:16px}
.pm-team{display:flex;align-items:center;gap:8px;min-width:0}
.pm-team .tl-wrap{line-height:0;flex:0 0 auto}
.pm-home{justify-content:flex-start}
.pm-home .pm-name{text-align:left}
.pm-away{justify-content:flex-end}
.pm-away .pm-name{text-align:right}
.pm-name{font-size:12.5px;font-weight:700;color:#eef1f7;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;word-break:normal;overflow-wrap:normal;text-overflow:ellipsis}

.pm-mid{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;text-align:center}
.pm-badge{font-size:9px;font-weight:800;letter-spacing:.1em;padding:3px 9px;border-radius:6px;text-transform:uppercase}
.pm-live{background:#e0344a;color:#fff;box-shadow:0 0 10px rgba(224,52,74,.4)}
.pm-ft{background:rgba(255,255,255,.14);color:#cfd4e0}
.pm-date{background:rgba(245,185,66,.16);color:#f5b942}
.pm-score{font-size:23px;font-weight:800;color:#fff;letter-spacing:.02em;line-height:1}
.pm-score.pm-time{font-size:18px}
.pm-min{font-size:9px;font-weight:600;color:#8b93a7;min-height:11px;white-space:nowrap}

.pm-chevron{color:#4d5670;font-size:11px;flex:0 0 auto;padding-left:1px}

/* odds — brighter gold values */
.pm-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pm-odd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 4px;background:#0f1526;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .1s}
.pm-odd span{font-size:10px;font-weight:700;color:#8b93a7;letter-spacing:.05em}
.pm-odd strong{font-size:16px;font-weight:800;color:#ffd76a;text-shadow:0 0 10px rgba(255,215,106,.28)}
.pm-odd:not(:disabled):hover{border-color:rgba(245,185,66,.6)}
.pm-odd:not(:disabled):active{transform:scale(.96)}
.pm-odd:disabled{opacity:.4;cursor:not-allowed}

/* breathing room for the featured section */
.home-featured-betting{padding:22px 14px 8px}

/* floating buttons: keep clear of card content, sit above bottom nav */
.zeusbet-support-launcher{right:12px !important}
.kb-call-btn,.call-fab,.phone-fab{left:12px !important}

@media (max-width:360px){
  .hfh-left h2{font-size:20px}
  .pm-score{font-size:20px}
  .pm-mid{min-width:50px}
  .pm-card{padding:14px 11px 12px}
  .pm-name{font-size:11px}
  .pm-team{gap:6px}
  .pm-min{font-size:8.5px}
  .hor-right{font-size:9px}
  .wpromo-kick{font-size:17px}
  .wpromo-amt{font-size:14px}
}