/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* Nextend social login buttons hover animation - Universal */
.nsl-button {
  transition: transform 0.3s ease !important;
}

.nsl-button:hover {
  transform: scale(1.05) !important;
}

a.surecart-checkout-links {
    text-decoration: underline !important;
}

a.surecart-checkout-links:hover {
    text-decoration: underline !important;
}

.hrabro-upsell-wrapper {
    max-width: 670px; 
    width: 89%; 
    margin: 0 auto; 
}


/* ==========================================================================
   SUREFORMS NA TAMNOJ POZADINI
   Klasa koju ručno dodajemo Bricks SureForms elementima:
   srfm-on-dark

   Primjeri:
   form-position-1 srfm-on-dark
   form-position-9 srfm-on-dark
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. SUBMIT GUMB – SJENA ZA TAMNU POZADINU
   -------------------------------------------------------------------------- */

/*
 * Osnovna sjena gumba.
 * Bijela sjena zamjenjuje crnu sjenu koja se ne vidi na tamnoj pozadini.
 */
.brxe-sureforms.srfm-on-dark .srfm-button,
.brxe-sureforms.srfm-on-dark .srfm-submit-button,
.brxe-sureforms.srfm-on-dark .srfm-custom-button {
    box-shadow: 0 3px 6px 0 rgba(255, 255, 255, 0.2) !important;
}


/*
 * Hover stanje.
 * Zadržava postojeće podizanje gumba i proširenu sjenu newsletter forme,
 * ali koristi bijelu sjenu prilagođenu tamnoj pozadini.
 */
.brxe-sureforms.srfm-on-dark .srfm-button:hover,
.brxe-sureforms.srfm-on-dark .srfm-submit-button:hover,
.brxe-sureforms.srfm-on-dark .srfm-custom-button:hover {
    box-shadow: 0 8px 15px 0 rgba(255, 255, 255, 0.2) !important;
}


/* --------------------------------------------------------------------------
   2. TEKSTOVI UNUTAR FORME NA TAMNOJ POZADINI
   -------------------------------------------------------------------------- */

/*
 * Primjenjuje bijelu boju na:
 * - checkbox tekstove
 * - labele
 * - informativne tekstove newsletter forme
 * - poruku nakon uspješnog slanja forme
 *
 * Na jednostavnom trening CTA-u ovi elementi uglavnom ne postoje,
 * pa ovo pravilo tamo neće ništa nepotrebno promijeniti.
 */
.brxe-sureforms.srfm-on-dark .srfm-block-label,
.brxe-sureforms.srfm-on-dark .srfm-span-wrap,
.brxe-sureforms.srfm-on-dark .uagb-heading-text,
.brxe-sureforms.srfm-on-dark .srfm-success-box-description {
    color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   3. LINKOVI U INFO TEKSTU
   -------------------------------------------------------------------------- */

/*
 * Linkovi poput "Politika privatnosti" postaju bijeli i podcrtani.
 * Submit gumb je izuzet kako se njegova boja teksta ne bi promijenila.
 */
.brxe-sureforms.srfm-on-dark a:not(.srfm-button):not(.srfm-submit-button) {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/*
 * Diskretan hover linkova na tamnoj pozadini.
 */
.brxe-sureforms.srfm-on-dark a:not(.srfm-button):not(.srfm-submit-button):hover {
    color: #cccccc !important;
    text-decoration: underline !important;
}


/* ============================================================
   SURECART — Override default fonta (Segoe UI fallback) u 
   Checkout formama (Shadow DOM komponente: sc-checkout, sc-form...)
   
   Zašto: SureCart checkout koristi Shadow DOM, standardni CSS 
   selektori ne prolaze kroz njega. Font se mijenja isključivo 
   preko CSS custom property --sc-font-sans.
   
   Selektor :root:root (dupli) je namjeran — tako traže SureCart 
   docs radi specifičnosti unutar shadow konteksta.
   
   Font mora imati svoj @font-face negdje u Bricks child themeu 
   (naš self-hosted font, Bricks ga labelira sa "[HOSTED]" sufiksom 
   koji MORA ostati u nazivu, to nije greška/typo).
   
   NAPOMENA: Ovo pokriva samo FRONTEND checkout. Za Gutenberg 
   editor preview treba odvojen enqueue u functions.php 
   (enqueue_block_editor_assets) — vidi taj snippet posebno.
   
   Zadnja provjera: [datum kad si zadnji put testirao]
   ============================================================ */
:root:root {
  --sc-font-sans: "Google Sans Flex [HOSTED]", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ============================================================
   FONT-DISPLAY OVERRIDE — Google Sans Flex [HOSTED]
   
   Problem: Font je flash-ao (FOUT) — prvo prikaže fallback 
   font pa skoči na pravi kad stigne. Bricks Preload custom 
   fonts je uključen, ali ne hvata 100% (vidi napomenu o 
   font-weight/family kombinaciji u Bricks Settings > Performance).
   
   Rješenje: font-display: block — umjesto da prikaže krivi 
   font dok čeka, prikazuje NIŠTA (nevidljivo) do max ~3sek, 
   pa se pravi font pojavi odjednom bez vidljivog "skoka".
   
   Ovo redeklarira ISTI font (isti naziv, weight, file URL) 
   kao Bricks, samo dodaje font-display koji Bricks UI ne 
   izlaže. Cascade: ovo pravilo dolazi POSLIJE Bricksovog 
   generiranog CSS-a (jer je u child style.css, koji se 
   učitava kasnije), pa pobjeđuje za font-display vrijednost.
   
   Zadnja provjera: [datum]
   ============================================================ */
@font-face {
  font-family: "Google Sans Flex [HOSTED]";
  src: url("https://hrabro.hr/wp-content/uploads/2026/06/GoogleSansFlex9pt-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Google Sans Flex [HOSTED]";
  src: url("https://hrabro.hr/wp-content/uploads/2026/06/GoogleSansFlex9pt-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}