/* Local customizations on top of the uranus look (loaded after all other template CSS) */

/* ChronoForms 8 free-version credit link — live (FormMaker) had no branding */
a.chronocredits { display: none; }

/* Deposit form: approximate the original FormMaker compact field layout */
#chronoform-formulario-de-deposito input[type="text"],
#chronoform-formulario-de-deposito select {
	max-width: 220px;
}

/* J4's pagination limit box uses BS5 class "form-select" that the BS3-era template CSS
   doesn't know; approximate J3's compact "input-mini" look on category pages. */
select#limit.form-select {
	width: auto;
	display: inline-block;
	height: 30px;
	padding: 2px 6px;
	font-size: 14px;
}

/* Vertically center the top-bar items (logo, social icons, phone, painel button).
   Desktop only: on xs the hidden-xs columns collapse and the remaining two stack,
   which flex would put side by side, so keep the stock float layout there. */
@media (min-width: 768px) {
	#sp-top-bar > .container > .row {
		display: flex;
		align-items: center;
	}
	#sp-top-bar .sp-module,
	#sp-top-bar .custom,
	#sp-top-bar .custom > p {
		margin-bottom: 0;
	}
}
/* Frozen SPP page-builder pages WITH a right sidebar (#sp-component = col-sm-9):
   .sppb-container has fixed px widths (970/1170px) that overflow the ~855px content
   column into the sidebar (e.g. /legalidade FAQ). Keep it fluid so it stays in its column.
   Scoped to col-sm-9 ONLY — full-width frozen pages (col-sm-12, e.g. /baixar-espiao-de-
   celular-gratis) must keep the native fixed widths so their 4-col grid stays wide enough
   (else feature-box titles like "Espião de Computador" wrap and misalign the columns). */
#sp-component.col-sm-9 .sppb-container,
#sp-component.col-sm-9 .sppb-section .sppb-container { width: 100% !important; max-width: 100%; }

/* Frozen page-builder default buttons (e.g. "TESTE DE GRAÇA CLICANDO AQUI") were green on
   old live via a custom rule that wasn't carried over; the preserved SPPB CSS renders
   .sppb-btn-default white. Restore the brand green — scoped to frozen content (#sp-component)
   so ONLY these changed buttons are affected, not any other buttons on the site. */
#sp-component .sppb-btn-default {
  color: #ffffff;
  background-color: #2bb672;
  border-color: #2bb672;
}
#sp-component .sppb-btn-default:hover,
#sp-component .sppb-btn-default:focus,
#sp-component .sppb-btn-default:active {
  color: #ffffff;
  background-color: #249a60;
  border-color: #249a60;
}

/* Homepage hero slider (RevSlider): on the first slide the orange "SAIBA MAIS" CTA sat
   BEHIND the Facebook icon — its layer z-index (12) was below the Facebook image layer (13),
   so the icon clipped the right side ("...MAIS"). Lift the slider's CTA buttons above the
   slide imagery so the full button text is always readable. */
#rev_slider_1_1 .tp-caption:has(a.tp-button) { z-index: 30 !important; }