/* ============================================================
   WINGER SHOP - custom.css
   Rebranding do tema base (SaaS default) para a identidade Winger.
   As cores foram extraidas do logo oficial (catalog/site/winger-01-novo-novo.png):
     - Primaria (ciano): #33C3F5
     - Secundaria (dourado): #EEBF1B
   O tema "default" define o branding em variaveis :root no global.css do core;
   aqui sobrescrevemos (custom.css e carregado por ULTIMO).
   OBS: confira os NOMES das variaveis contra o global.css do tema apos importar,
   e ajuste tons/hover no visual real (nao deu pra validar headless).
   ============================================================ */

:root {
  --primary: #33C3F5;
  --primary-hover: #1FB0E6;
  --secondary: #EEBF1B;
  --secondary-hover: #D9A90F;

  /* aliases comuns em temas do SaaS - inofensivos se nao existirem */
  --color-primary: #33C3F5;
  --color-secondary: #EEBF1B;
  --btn-primary-bg: #33C3F5;
  --btn-primary-color: #ffffff;
  --link-color: #1FB0E6;
}

/* barra do topo (equivalente ao #header_bar do tema winger antigo) */
.header-topbar,
#header_bar {
  background-color: var(--primary);
}
.header-topbar, .header-topbar a,
#header_bar, #header_bar a {
  color: #ffffff;
}

/* badge do carrinho e icones (usavam --secondary no tema antigo) */
#cart-total {
  background: var(--secondary);
  color: #ffffff;
}

/* botoes primarios */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

/* ---- regras que ja existiam no custom.css base ---- */
.product-thumb-input-quantity {display: flex; gap: 4px}
.product-thumb .variations {display: flex;}