/* Estilos básicos para GT Woo Raffles & Auctions */

.gtraw-box {
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    padding: 16px 18px;
    margin: 16px 0;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

.gtraw-box h3 {
    margin-top: 0;
    margin-bottom: 8px;
}

.gtraw-message {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.gtraw-closed {
    background: #fff2f2;
    border: 1px solid #ffb3b3;
}

.gtraw-number-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    gap: 6px;
    margin: 12px 0;
}

.gtraw-number {
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    font-size: 0.8rem;
    padding: 6px 0;
    text-align: center;
    cursor: pointer;
}

.gtraw-number:hover {
    background: #f0f0f0;
}

.gtraw-number-selected {
    background: #ff4b2b;
    border-color: #ff4b2b;
    color: #ffffff;
}

.gtraw-number-taken {
    background: #e0e0e0;
    color: #888;
    border-color: #d0d0d0;
    cursor: not-allowed;
}

.gtraw-selected-info {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.gtraw-bids-history {
    margin-top: 12px;
    font-size: 0.9rem;
}

.gtraw-bids-list {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0;
}

.gtraw-bids-list li {
    padding: 4px 0;
    border-bottom: 1px dashed #eee;
}

.gtraw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 8px 18px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.gtraw-btn-primary {
    background: #ff4b2b;
    color: #ffffff;
}


/* Ocultar sticky add-to-cart del tema en productos de rifa/subasta */
.gtraw-special-product .single-product-sticky,
.gtraw-special-product .tbay-single-sticky-cart,
.gtraw-special-product .tbay-sticky-cart {
    display: none !important;
}

/* hide sticky */
.gtraw-special-product #sticky-menu-bar, .gtraw-special-product #sticky-custom-add-to-cart {display:none!important;}

/* remove empty dt causing colon */
dl.variation dt:empty, dl.variation dt.variation- {display:none!important;}


/* --- Rifa 3D: ajustes móviles para selector de boletos --- */
@media (max-width: 768px) {

  /* Asegurar que el formulario y su contenido sean visibles */
  .gtraw-raffle-form,
  .gtraw-raffle-form * {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Grid de números con scroll vertical si son muchos */
  .gtraw-raffle-form .gtraw-number-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-right: 4px !important;
    margin-top: 12px !important;
  }

  /* Cada botón de número */
  .gtraw-raffle-form .gtraw-number {
    flex: 0 0 calc(33.333% - 6px) !important;
    text-align: center !important;
    padding: 8px 0 !important;
    border-radius: 999px !important;
    border: 1px solid #ddd !important;
    background: #f9f9f9 !important;
    font-size: 14px !important;
    cursor: pointer !important;
  }

  /* Botón principal de compra dentro de la rifa */
  .gtraw-raffle-form .single_add_to_cart_button {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
  }
}

/* === RIFA 3D - COLORES INTEGRADOS v1.4.1 === */
.gtraw-number {
    background: #f5f5f5 !important;
    border: 2px solid #dcdcdc !important;
    color: #333 !important;
    border-radius: 10px !important;
    padding: 10px 0 !important;
    min-width: 48px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.gtraw-number.gtraw-number-taken {
    background: #ff6b6b !important;
    border-color: #d64545 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}
.gtraw-number.gtraw-number-selected {
    background: #2ecc71 !important;
    border-color: #27ae60 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}
.gtraw-number:not(.gtraw-number-taken):hover {
    background: #e8ffe8 !important;
    border-color: #74d774 !important;
}
.gtraw-number, .gtraw-number span {
    color: inherit !important;
}