.elementor-49710 .elementor-element.elementor-element-96f87a4 > .elementor-container{max-width:1400px;}.elementor-49710 .elementor-element.elementor-element-6f676d7{--spacer-size:70px;}.elementor-49710 .elementor-element.elementor-element-fe5d355{--spacer-size:70px;}.elementor-49710 .elementor-element.elementor-element-676bedc{--display:flex;}/* Start custom CSS for coinflip-casino-bookmakers-table, class: .elementor-element-4b8c2be *//* ——————————————————————————————————————————————
  0) Forçar overflow-visível até o root do Elementor
———————————————————————————————————————————————— */
.elementor,
.elementor * {
  overflow: visible !important;
  z-index: auto !important;
}

/* ——————————————————————————————————————————————
  1) Container Dark-Gold
———————————————————————————————————————————————— */
.elementor-element-4b8c2be .table_casinos.grid table {
  width: 100%!important;
  border-collapse: collapse!important;
  background-color: #1B1B26!important;
  border-radius: 8px!important;
  box-shadow: 0 0 20px rgba(255,214,0,0.3)!important;
  position: relative!important;
  z-index: 1!important;
}

/* ——————————————————————————————————————————————
  2) Cabeçalho
———————————————————————————————————————————————— */
.elementor-element-4b8c2be .table_casinos.grid table thead th {
  background-color: #20242F!important;
  color: #FFD600!important;
  font-weight: bold!important;
  text-transform: uppercase!important;
  padding: 14px 12px!important;
  border-bottom: 2px solid #2E3038!important;
  text-align: left!important;
  z-index: 2!important;
}

/* ——————————————————————————————————————————————
  3) Linhas & células transparentes
———————————————————————————————————————————————— */
.elementor-element-4b8c2be .table_casinos.grid table tbody td {
  background: transparent!important;
  color: #E1E3E8!important;
  padding: 12px 16px!important;
  border-bottom: 1px solid #2E3038!important;
  vertical-align: middle!important;
}

/* Zebra sutil */
.elementor-element-4b8c2be .table_casinos.grid table tbody tr:nth-child(even) td {
  background-color: rgba(255,255,255,0.03)!important;
}

/* Hover com glow */
.elementor-element-4b8c2be .table_casinos.grid table tbody tr:hover {
  box-shadow: 0 0 30px rgba(255,214,0,0.5)!important;
  transform: translateY(-2px)!important;
  transition: all 0.25s ease!important;
}
.elementor-element-4b8c2be .table_casinos.grid table tbody tr:hover td {
  background-color: rgba(255,255,255,0.05)!important;
}

/* ——————————————————————————————————————————————
  4) Botões transparentes/dourados
———————————————————————————————————————————————— */
.elementor-element-4b8c2be .register {
  background-color: #FFD600!important;
  color: #1B1B26!important;
}
.elementor-element-4b8c2be .review {
  background: transparent!important;
  border: 2px solid #FFD600!important;
  color: #FFD600!important;
  transition: background-color 0.3s, color 0.3s!important;
}
.elementor-element-4b8c2be .review:hover {
  background-color: #FFD600!important;
  color: #1B1B26!important;
}

/* ——————————————————————————————————————————————
  5) Tooltips sempre acima de tudo
———————————————————————————————————————————————— */
.elementor-element-4b8c2be .tooltips.mt-tooltip-block {
  position: !important;
  z-index: 1000000!important;
  overflow: visible!important;
}
.elementor-element-4b8c2be .tooltips.mt-tooltip-block .tooltiptext {
  position: absolute!important;
  z-index: 1000001!important;
  background: #20242F!important;
  color: #fff!important;
  border: 1px solid #FFD600!important;
}

/* ——————————————————————————————————————————————
  6) Responsivo em cards
———————————————————————————————————————————————— */
@media (max-width:768px) {
  .elementor-element-4b8c2be .table_casinos.grid table,
  .elementor-element-4b8c2be .table_casinos.grid table thead,
  .elementor-element-4b8c2be .table_casinos.grid table tbody {
    display:block!important; width:100%!important;
  }
  .elementor-element-4b8c2be .table_casinos.grid table thead th {
    display:none!important;
  }
  .elementor-element-4b8c2be .table_casinos.grid table tbody tr {
    display:block!important;
    margin-bottom:16px!important;
    box-shadow:0 0 12px rgba(255,214,0,0.2)!important;
  }
  .elementor-element-4b8c2be .table_casinos.grid table tbody td {
    display:flex!important;
    justify-content:space-between!important;
    padding:12px!important;
    border:none!important;
    background:#20242F!important;
  }
  .elementor-element-4b8c2be .table_casinos.grid table tbody td:before {
    content:attr(data-title);
    color:#FFD600!important;
    font-weight:bold;
    text-transform:uppercase;
    flex:1;
  }
}/* End custom CSS */