/*
Theme Name:     bgdslots
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.home #inner-wrap {
    background: #232b32;
}

.home .content-bg {
    background: #333d46 !important;
}

:root{
  --card-bg: #ffffff;bonus-title
  --card-border: #e6e9ec;
  --muted: #6b7280;
  --radius: 10px;
  --gap: 16px;
}

/* Container: două coloane pe rând */
.bonuses-container{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--gap);
  max-width: 1100px;
  margin: 0 auto;
}

/* Card individual (alineare: image | text | button) */
.bonus-card{
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  padding: 12px;
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}

/* imagine mică, fixă */
.bonus-thumb{
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
  flex: 0 0 64px;
  background: #f0f2f5;
}

/* Centrare verticala text */
.bonus-content{
  flex: 1 1 auto;
  min-width: 0; /* permite truncarea */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* titlu si descriere */
.bonus-title{
  font-size: 16px;
  margin: 0 0 4px 0;
  line-height: 1.15;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  text-align: center;
}

.bonus-desc{
  font-size: 14px;
  margin: 0;
  color: var(--muted);
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
}

/* zona buton */
.bonus-action{
  flex: 0 0 auto;
  margin-left: 12px;
}

/* buton */
.btn-claim{
  appearance: none;
  border: none;
  background: #ff3033;
  color: #fff;
  padding: 10px 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background .15s ease, transform .06s ease;
  white-space: nowrap;
  text-decoration: none;
}

.btn-claim:hover,
.btn-claim:focus{
  background: #cb2124;
  transform: translateY(-1px);
  outline: none;
  color: #fff;
  text-decoration: none;
}

/* Responsive: pe ecrane mici, 1 card pe rând și conținutul se poate sparge pe 2 linii */
@media (max-width: 700px){
  .bonuses-container{
    grid-template-columns: 1fr;
  }
  .bonus-card{
    gap: 10px;
    padding: 10px;
  }
  .bonus-title,
  .bonus-desc{
    white-space: normal;
  }
  .bonus-thumb{
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
  }
  .bonus-card {
    display: flex
;
    align-items: center;
    gap: 12px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    padding: 12px;
    border-radius: var(--radius);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
    flex-direction: column;
}
}