/* Layout: 3 columns */
.container .top-panel{
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(280px, 1fr) minmax(280px, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important; /* equal height row */
}

/* Fixed height for ALL 3 boxes (tweak if you want) */
.container .top-panel .box{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 165px !important;          /* <<< stała wysokość */
  overflow: hidden !important;       /* żeby nie rozpychało */
}

/* If your theme injects "FEATURED" into header via CSS */
.container .top-panel .box.promoted h3::after{
  content: none !important;
  display: none !important;
}

/* If theme renders some badge element inside header */
.container .top-panel .box.promoted h3 .badge,
.container .top-panel .box.promoted h3 .featured,
.container .top-panel .box.promoted .badge.featured{
  display: none !important;
}

/* nicer link for name */
.promoted-name-link{
  text-decoration: none;
  color: inherit;
}

/* small spacing */
.stats-lines > div{ margin: 4px 0; }

.ad-placeholder{
  border: 1px dashed rgba(255,255,255,.25);
  padding: 12px;
  border-radius: 10px;
  text-align:center;
}

@media (max-width: 900px){
  .container .top-panel{
    grid-template-columns: 1fr !important;
  }
  .container .top-panel .box{
    height: auto !important;
    overflow: visible !important;
  }
}

/* ===== TOP PANEL: auto height + brown gaps between boxes ===== */
.top-panel{
  /* robi odstępy między komórkami (boxami) */
  border-collapse: separate !important;
  border-spacing: 10px !important;

  /* brązowe tło widoczne w odstępach */
  background: linear-gradient(rgba(66,50,34,.92), rgba(44,32,22,.94)) !important;

  /* lekki margines wewnątrz, żeby odstępy nie “kleiły się” do ramki */
  padding: 10px !important;
}

/* zdejmujemy sztywną wysokość i ukrywanie treści */
.top-panel .box{
  height: auto !important;
  overflow: visible !important;

  /* każda kolumna jako osobny kafelek */
  border-left: 0 !important;
  border: 1px solid rgba(217,180,95,.55) !important;
  border-radius: 10px !important;
}

/* żeby pasek tytułu też miał zaokrąglenie */
.top-panel .box h3{
  border-radius: 10px 10px 0 0 !important;
}

/* ===== restore gold line under top-panel box titles ===== */
.top-panel .box h3::after{
  display:none !important; /* wyłączamy pseudo-element */
}

.top-panel .box h3{
  border-bottom: 2px solid rgba(255,231,166,.55) !important; /* złota nitka */
  box-shadow: inset 0 -2px 0 rgba(138,103,33,.55) !important; /* lekki cień jak w theme */
}