/* Fix for breadcrumb covering dropdown menus */
.header-one {
    z-index: 1000 !important;
}

.main-menu ul.nav li ul.sub-menu {
    z-index: 999 !important;
}

.page-area {
    z-index: 1 !important;
}

/* Ensure sticky header remains on top */
.header-area.stick {
    z-index: 999999 !important;
}

/* Mejoras legibilidad desktop (SEO: gap móvil vs desktop) */
@media (min-width: 992px) {
  .container {
    max-width: 1140px;
  }

  .deposite-table table,
  .panel-body,
  .card-body {
    font-size: 16px;
    line-height: 1.6;
  }

  .display-4, .display-5 {
    font-size: 2.25rem;
  }

  .winner-results .winner-inner {
    min-height: 220px;
  }
}

/* Home: tarjetas de últimos sorteos */
.home-draw-cards {
  display: flex;
  flex-wrap: wrap;
}

.home-draw-cards > [class*="col-"] {
  display: flex;
  margin-bottom: 30px;
}

.winner-card-link {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.winner-card-link:hover,
.winner-card-link:focus {
  color: inherit;
  text-decoration: none;
}

.home-draw-cards .winner-results {
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

.home-draw-cards .winner-inner {
  flex: 1 1 auto;
  overflow: hidden;
}

.winner-images--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  font-size: 28px;
  font-weight: 700;
  color: #1FC157;
  background: #f5f5f5;
  border-radius: 4px;
}

.winning-number--wide li span {
  width: auto;
  min-width: 40px;
  padding: 0 10px;
}

/* Fix image aspect ratio for cupón diario logo */
.big-icon img {
    width: auto !important;
    height: 100px !important;
    max-width: 100%;
    object-fit: contain;
}

/* Páginas de pronóstico */
.pronostico-page {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.pronostico-page .panel {
  clear: both;
  overflow: hidden;
}

.pronostico-panel .panel-body {
  overflow: hidden;
}

.pronostico-actions {
  margin-bottom: 0 !important;
}

.pronostico-actions .btn {
  margin: 0 6px 6px 0;
}

.pronostico-prose {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
  clear: both;
}

.pronostico-prose p {
  margin-bottom: 0.75rem;
}

.pronostico-page .winning-number {
  display: block;
  margin: 0 auto 10px;
  padding: 0;
  list-style: none;
  text-align: center;
}

.pronostico-page .winning-number li {
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin: 0 2px 6px;
}

.pronostico-page .prediction-extras li b {
  display: inline-block;
  margin-right: 4px;
  font-weight: 600;
}

.pronostico-page .winning-number.euromillones-numbers li span {
  background: #d9534f;
  border-color: #d9534f;
}

.pronostico-page .winning-number.stars li span {
  background: #f0ad4e;
  border-color: #f0ad4e;
}

.pronostico-stats {
  clear: both;
  margin-top: 1.5rem;
}

/* Páginas de resultado reciente (hoy/ayer) */
.draw-result-page {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.draw-result-page .winning-numbers-row {
  margin: 0;
  padding: 0;
}

.draw-result-page .winning-numbers-row li {
  display: inline-block;
  margin: 0 4px 8px;
}

.draw-result-page .winning-numbers-row .label {
  display: inline-block;
  font-size: 18px;
  padding: 8px 14px;
}

.draw-result-page .draw-how-to-play li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

/* Chartkick: reservar espacio mientras cargan los gráficos */
[id^="chart-"] {
  min-height: 300px;
  margin-bottom: 1.5rem;
}

.pronostico-page .table-responsive {
  margin-bottom: 0;
}

/* Home: bloque de enlaces rápidos */
.home-quick-links .section-headline p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.home-link-panel {
  margin-bottom: 20px;
  overflow: hidden;
}

.home-link-panel .panel-body {
  overflow: hidden;
  padding: 20px 15px;
}

.home-link-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
}

.home-link-actions .btn {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 0 auto 8px;
  white-space: normal;
}

.home-link-cta {
  margin-top: 10px;
  clear: both;
}

.home-link-cta .btn {
  white-space: normal;
  max-width: 100%;
}

@media (min-width: 768px) {
  .home-link-actions .btn {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin: 0 4px 8px;
  }
}

/* Breadcrumb: encabezado de la miga actual (antes era un <h1> duplicado).
   Mantiene el mismo aspecto tanto si es <h1> (main_heading) como <p>. */
.breadcrumb .breadcrumb-current {
  font-family: 'Nunito', sans-serif;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #29446e;
  margin: 0 0 0;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .breadcrumb .breadcrumb-current {
    font-size: 26px;
    line-height: 32px;
  }
}