/*!
 * Copyright (C) 2022 StApps
 * This program is free software: you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation, version 3.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
 * more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * this program. If not, see <https://www.gnu.org/licenses/>.
 */

app-root {
  // Change default border radius
  ion-buttons ion-button.button,
  .button {
    &:not(.button-round) {
      --border-radius: var(--border-radius-default);
    }
  }

  .button {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semi-bold);
    --padding-top: var(--spacing-sm);
    --padding-bottom: var(--spacing-sm);
    height: auto;

    // Add default border, so buttons have the same size
    &:not([fill='outline'])::part(native) {
      border: var(--border-width-default) solid transparent;
    }

    &[fill='outline']::part(native) {
      border: var(--border-width-default) solid rgba(var(--ion-color-primary-contrast-rgb), 0.2);
    }

    &.button-active {
      font-weight: var(--font-weight-bold);
      --background: var(--ion-color-tertiary);

      ion-icon {
        color: var(--ion-color-secondary);
      }
    }
  }

  ion-menu-button.button {
    font-size: var(--font-size-lg);
  }
}
