/*
====================================
 CATTLEMANIA GAME INFO
 COMMAND CENTER THEME
 MASTER LAYOUT COMPATIBLE
====================================
*/

/* ==================================
   PAGE WRAPPER
================================== */

.game-info-page {
  width: 100%;
}

/* ==================================
   GAME INFO GRID
================================== */

.game-info-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(280px, 1fr));

  gap: 20px;

  width: 100%;

  margin-bottom: 20px;
}

/* ==================================
   WIDGET HEADERS
================================== */

.game-info-page .widget-header {
  background: linear-gradient(90deg, #172554, #0f172a);
}

.game-info-page .widget-header h3,
.game-info-page .widget-header h2 {
  color: white;

  font-weight: 900;
}

/* ==================================
   BREED CARDS
================================== */

.breed-grid {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

  gap: 15px;
}

.breed-card {
  background: linear-gradient(145deg, #111827, #0f172a);

  padding: 20px;

  border-radius: 14px;

  text-align: center;

  border: 1px solid rgba(56, 189, 248, 0.12);

  transition: 0.2s;
}

.breed-card:hover {
  transform: translateY(-3px);

  border-color: #38bdf8;
}

/* BREED TITLE */

.breed-card h4 {
  color: #cbd5e1;

  font-size: 16px;

  margin-bottom: 12px;
}

/* BREED VALUE */

.breed-card span {
  display: block;

  font-size: 30px;

  font-weight: 900;

  color: #38bdf8;
}

/* ==================================
   GAME INFO TEXT
================================== */

.game-info-page p {
  color: #cbd5e1;

  line-height: 1.6;
}

.game-info-page strong {
  color: white;
}

/* ==================================
   INFO BOXES
================================== */

.game-info-box {
  background: #0b132b;

  padding: 18px;

  border-radius: 12px;

  border: 1px solid rgba(255, 255, 255, 0.08);

  margin-bottom: 12px;
}

.game-info-box:hover {
  border-color: #38bdf8;
}

/* ==================================
   MOBILE
================================== */

@media (max-width: 900px) {
  .game-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .breed-grid {
    grid-template-columns: 1fr;
  }
}