/* Tema primário (Ionic) */
:root {
    --ion-color-primary: #6C3DFE;
    --ion-color-primary-rgb: 108, 61, 254;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #6037e0;
    --ion-color-primary-tint: #7a52ff;
}

ion-title{
  font-size: 12px !important;
}


ion-toolbar {
    --background: var(--ion-color-primary) !important;
    --color: #fff;
    /* cor do texto */
}

button-inner {
    --color: #ffffff !important;
}

ion-card {
    border-radius: 10px !important;
}

ion-toolbar {
    --color: #ffffff;
    --background: var(--ion-color-primary);
}

ion-back-button {
    display: block;
    margin-left:8px !important;
}


ion-menu-button {
  color: #fff !important;          /* afeta o ícone */
  --color: #fff !important;        /* fallback para temas Ionic */
}

ion-menu-button::part(icon) {
  color: #fff !important;          /* alguns builds usam o ::part */
}

/* compat extra (Firefox/Shadow DOM): força o nó nativo e o ion-icon interno */
ion-menu-button::part(native),
ion-menu-button ion-icon {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Botão de menu custom usado no header (ion-button + ion-icon) */
ion-toolbar ion-buttons ion-button,
ion-toolbar ion-buttons ion-button::part(native),
ion-toolbar ion-buttons ion-button ion-icon {
  color: #fff !important;
  --color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Botão de voltar (back button) */
ion-back-button,
ion-back-button::part(native),
ion-back-button::part(icon),
ion-back-button ion-icon {
  color: #fff !important;
  --color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Deixa o back button só com a seta (esconde o texto) */
ion-back-button::part(text) {
  display: none;
}

/* Cor padrão dos ion-button */
ion-button,
ion-button::part(native) {
  --background: var(--ion-color-primary) !important;
  --background-activated: var(--ion-color-primary-shade) !important;
  --background-focused: var(--ion-color-primary-shade) !important;
  --background-hover: var(--ion-color-primary-tint) !important;
  --color: #fff !important;
}