// ::ng-deep ion-icon.icon-button {
//     background: #3c457e !important;
//     color: white !important;
//     border-radius: 50%!important;
// }

// :host ::ng-deep .tabs-inner {
//     position: unset!important;
//     contain: size style!important;
//   }

//   .bottom-tab-bar {
//     --background: transparent;
//     --border: 0;
//   }

//   ion-tab-button {
//     --background: #134d80;
//     --color:white;
//     --color-selected: red;
//     --ripple-color: white;
//   }


// .button-center {
//     --background: transparent!important;
//     ion-icon {
//       height: 40px;
//       width: 40px;
//       font-size: 60px;
//     }
// }
// ion-tab-bar {
//     &:before {
//       box-shadow: 0 387px 0 300px #3c457e;
//       position: absolute;
//       margin-top: -48px;
//       padding: 56px;
//       border-radius: 65%;
//       content: '';
//     }
//   }

// .inner-left-btn {
//     border-radius: 0 50% 0 0; 
//     //create the curved style on the left side of the center
// }


// .inner-right-btn {
//     border-radius: 50% 0 0 0; 
//     // create the curved style on the right side of the center
// }

// .inner-center-btn {
//     position: absolute;
//     left: calc(50% - 35px); // position your button in the center
//     bottom: 20px; // position button slightly above the half
//     font-size: 70px;
//     --background: transparent;
// }

// ion-tab-bar {
//     overflow-x: scroll;
//     display: flex;    
//     overflow-x: auto;
//     ion-tab-button {
//         display: inline-block;
//         min-width: 100px;
//         width: auto;
//     }
// }

// ion-tab-bar {
//   bottom: 20px;
//   position: relative;
//   border-radius: 16px;
//   width: 92%;
//   margin: 0 auto;
// }

// ion-tab-button {
//   --color: var(--ion-color-medium);
//   --color-selected: var(--ion-color-primary);

//   &::before {
//     background-color: transparent;
//     display: block;
//     content: "";
//     margin: 0 auto;
//     width: 20px;
//     height: 2px;
//   }

//   &.tab-selected::before {
//     background-color: var(--ion-color-primary);
//   }
// }

// ion-tab-bar {
//     bottom: 20px;
//     position: relative;
//     border-radius: 16px;
//     width: 92%;
//     margin: 0 auto;

//   }

ion-tab-button {
  --color: var(--ion-color-medium);
  --color-selected: var(--ion-color-primary);
  --background-focused: #ff600d;
  --background-focused-opacity: 0.5;

  &::before {
    background-color: transparent;
    display: block;
    content: "";
    margin: 0 auto;
    width: 20px;
    height: 2px;
  }

  &.tab-selected::before {
    background-color: var(--ion-color-primary);
  }
}

.icon-big {
  font-size: 90px;
  display: block;
  color: rgb(255, 106, 0);
  // margin-bottom: 10px;
}



// ion-tab-button.tab-selected {
//   --background: var(--ion-color-dark) !important;
//   --color-selected: var(--ion-color-light);
// }