/* Sidebar review cards ("Novas análises de casinos" - ACES organizations shortcode #2 in the sidebar).
   The card style in 60-bonus-review-card-hierarchy.css is built for wide lists; in the ~300px sidebar it became a
   tall tower, and the injected availability line (.gsc-geo, full width) slid under the logo and pushed the text below
   it. Everything here is scoped to .space-sidebar-section, so main lists and review pages are unchanged.
   Layout:  [logo] name / stars / availability   +   one full-width bonus panel (first offer only).
   Undo: remove this file from inc/gospin-css-loader.php (or delete the file). */

.space-sidebar-section .space-companies-2-archive-items {
  margin-top: 12px !important;
}

/* Tablet/mobile show the cards two per row: equal heights and a small gap between them. */
.space-sidebar-section .space-companies-2-archive-item {
  display: flex !important;
}

.space-sidebar-section .space-companies-2-archive-item-ins {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-areas:
    "logo title"
    "logo rating"
    "logo geo"
    "desc desc" !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  align-items: center !important;
  align-content: start !important;
  margin: 0 6px 12px !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid #e3e8ee !important;
  border-radius: 12px !important;
}

/* Let name, stars and bonus take part in the card grid directly. */
.space-sidebar-section .space-companies-2-archive-item-title-box,
.space-sidebar-section .space-companies-2-archive-item-title-box-ins {
  display: contents !important;
}

.space-sidebar-section .space-companies-2-archive-item-img {
  grid-area: logo !important;
  width: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  align-self: start !important;
}

.space-sidebar-section .space-companies-2-archive-item-img img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.space-sidebar-section .space-companies-2-archive-item-title {
  grid-area: title !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.space-sidebar-section .space-companies-2-archive-item-rating {
  grid-area: rating !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.space-sidebar-section .space-companies-2-archive-item-ins > .gsc-geo {
  grid-area: geo !important;
  width: auto !important;
  min-height: 1.3em !important; /* reserved: the text is filled in by script per visitor country (no layout shift) */
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.space-sidebar-section .space-companies-2-archive-item-desc {
  grid-area: desc !important;
  margin-top: 8px !important;
}

/* Bonus panel: full card width, no fixed height, compact text. */
.space-sidebar-section .gosc-review-card-value {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.space-sidebar-section .gosc-review-card-bonus-type {
  font-size: 11px !important;
  color: #7f8c8d !important;
}

/* Sidebar shows the first offer only; the full offer list stays on the review page and in main lists. */
.space-sidebar-section .gosc-review-card-dash,
.space-sidebar-section .gosc-review-card-dash ~ * {
  display: none !important;
}