/* same CSS as before (not changed) */
            #bonanza-widget .pick, 
            #bonanza-widget .picks-2 .pick {
                display: inline-block;
                margin: 2px;
                padding: 8px;
                border-radius: 4px;
                font-weight: bold;
            }
				  /* Container full width */  
    #bonanza-widget {  
      box-sizing: border-box;  
      width: 100%;  
      font-family: 'Roboto', sans-serif !important;  
      color: #111;  
      background: #f7f7f7;  
margin-bottom: 40px !important; 
    }  

    #bonanza-widget .card {  
      background: #fff;  
      border: 1px solid #ddd;  
      border-radius: 6px;  
      padding: 8px;  
    }  

    /* Header with background */  
    #bonanza-widget .title {  
      font-size: 17px;  
      font-weight: 900;  
      text-align: center;  
      margin-bottom: 10px;  
      padding: 20px 10px;  
      border-radius: 6px;  
      background: linear-gradient(90deg, #e63946, #2ecc71, #ff9800);  
      color: #fff;  
    }  
    #bonanza-widget .title span {  
      display: inline-block;  
      margin: 0 4px;  
    }  
    #bonanza-widget .title .one {  
      color: #fff176;  
    }  
    #bonanza-widget .title .two {  
      color: #f1f1f1;  
    }  
    #bonanza-widget .title .three {  
      color: #ffe082;  
    }  

    /* Countdown (compact) */  
    #bonanza-countdown {  
      text-align:center;  
      margin: 8px auto;  
    }  
    #bonanza-countdown .label {  
      font-weight: 900 !important;  
      font-size: 12px;  
      color: #e63946;  
      margin-bottom: 4px;  
      text-transform: uppercase;  
      letter-spacing: 0.5px;  
    }  
    #bonanza-countdown .timer {  
      display:inline-flex;  
      align-items:center;  
      background: #222;  
      border-radius: 6px;  
      padding: 4px 6px;  
    }  
    #bonanza-countdown .time-box {  
      display:flex;  
      flex-direction:column;  
      align-items:center;  
      margin: 0 3px;  
    }  
    #bonanza-countdown .num {  
      background: linear-gradient(135deg, #ff9800, #ff5722);  
      color:#fff;  
      font-weight:900 !important;  
      font-size:14px;  
      padding:3px 6px;  
      border-radius:4px;  
      min-width:28px;  
      text-align:center;  
    }  
    #bonanza-countdown .label-small {  
      font-size:9px;  
      font-weight:600;  
      color:#eee;  
      margin-top:2px;  
    }  
    #bonanza-countdown .colon {  
      font-weight:700;  
      font-size:14px;  
      color:#ff9800;  
      margin: 0 2px;  
    }  

    /* Picks grid */
#bonanza-widget .picks,
#bonanza-widget .picks-2 {
  display:flex;
  justify-content:center;
  gap:6px;
  margin-bottom: 8px;
}

/* Each pick box: use grid to center glyph exactly */
#bonanza-widget .pick {
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  border-radius:6px;
  background: linear-gradient(#5a6167,#4e5459); /* default dark */
  display:grid;                 /* <- GRID centers perfectly */
  place-items:center;           /* vertical + horizontal centering */
  text-align:center;
  color:#fff;
  font-size:14px;
  font-weight:600;
  box-shadow: 0 2px 0 rgba(0,0,0,0.15);
  cursor:text;
  box-sizing:border-box;
  padding:0;                    /* remove any padding that shifts baseline */
}

/* If you want a green gradient class (not used if inline background set) */
#bonanza-widget .pick.green {
  background: linear-gradient(#2ecc71,#27ae60);
}

/* inner span for extra fine-tuning if needed */
#bonanza-widget .pick .pick-val {
  display:inline-block;
  line-height:1;
  margin:0;
  padding:0;
}  

    /* Labels */  
    #bonanza-widget .secondary-label {  
      text-align:center;  
      font-weight:600;  
      margin: 4px 0;  
      font-size:13px;  
    }  

    /* Purchase area */  
    #bonanza-widget .purchase {  
      display:flex;  
      justify-content:space-between;  
      align-items:center;  
      margin: 6px 0;  
    }  
    #bonanza-widget .btn {  
      flex:1;  
      margin: 0 4px;  
      padding:8px 12px;  
      border-radius:6px;  
      border:0;  
      font-size:13px;  
      font-weight:900 !important;  
      cursor:pointer;  
      outline: none;  
      white-space: nowrap;  
      transition: 0.3s;  
    }  
    #bonanza-widget .btn-primary {  
      background: linear-gradient(135deg, #ff9800, #ff5722);  
      color:#fff;  
    }  
    #bonanza-widget .btn-primary:hover {  
      background: linear-gradient(135deg, #ffb74d, #ff7043);  
    }  
    #bonanza-widget .btn-secondary {  
      background: linear-gradient(135deg, #2ecc71, #27ae60);  
      color:#fff;  
    }  
    #bonanza-widget .btn-secondary:hover {  
      background: linear-gradient(135deg, #58d68d, #2ecc71);  
    }  

    /* Hurry & phone */  
    #bonanza-widget .phone-row {  
      text-align:center;  
      margin-top:6px;  
      font-weight:600;  
      font-size:11px;  
      color:#222;  
    }  
    #bonanza-widget .hurry {  
      display:inline-block;  
      margin-right:4px;  
      padding:3px 6px;  
      background:#ff6b4a;  
      color:#fff;  
      border-radius:4px;  
      font-weight:700;  
      font-size:10px;  
    }
    
    /* Apply bottom margin even inside wp-admin */
#bonanza-widget,
.wp-admin #bonanza-widget {
  margin-bottom: 40px !important;
}