@mobile: ~"only screen and (max-width: 900px)";
@landscape: ~"only screen and (orientation: landscape)";
@portrait: ~"only screen and (orientation: portrait)";
@assetPath: ~"../assets";
@ui-orange: #da8c26;
@ui-orange-bright: #ffa82e;
@ui-orange-dark: #ca7c16;
@ui-red: #fd322c;
@ui-bkg: #402718;

@import "./loading.less";
@import "./splash.less";
@import "./info.less";
@import "./rules.less";

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.noselect, div, span, a, p, h1, h2, h3, h4 {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#devConsole > div > :last-child {
  user-select: text;
}

h1 {
  font-size     : 38px;
  text-align    : center;
  font-family   : 'Troika', 'Arial', 'Helvetica', 'sans-serif';
  color         : @ui-orange-bright;
  text-shadow: 0px 5px 0px #6e0b0b;
}

.introPromptText,
.introVideoSkip {
  font-style: normal;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 3.5vmin;
  color: @ui-orange-bright;
  text-shadow: 0 0.5vmin 0.2vmin #301313;
  text-align: center;
  cursor: pointer;
  bottom: 8vh !important;
  top: auto !important;
  padding: 0px !important;
  text-transform: uppercase !important;
}


  .settings {
    
    .BET .submenu-header,
    .auto-play .submenu-header,
    .SETTINGS .submenu-header {
      margin-top   : 30px;
      margin-bottom: 10px;
    }

    .BET .submenu-header {
      margin-bottom: 0px;
    }

    .BET .divider:first-child{
      display: none !important;
    }

    .advance-area {
      font-family: 'Troika', 'Arial', 'Helvetica', 'sans-serif';
      color: @ui-orange;
      margin: 15px !important;
    }

    .content .sub-divider {
      height: 2px !important;
      margin-left: 0px !important;
      margin-bottom: 4vh !important;
      background: -webkit-gradient(linear, 0 0, 100% 0, from(@ui-red), to(transparent), color-stop(75%, @ui-red)) !important;
    }
    .replay {
      justify-content: center;
    }
    .replay .replay-header,
    .replay .replay-button {
      font-size     : 40px !important;
      color         : @ui-orange-bright;
      text-shadow: 0px 5px 0px #6e0b0b;
      padding: 10px 0;
      align-items: center;
      &.replay-header {
        font-family: 'Troika', 'Arial', 'Helvetica', 'sans-serif';
        font-weight: bold;
      }
    }

    .content .title-currency {
      font-family : 'Troika', 'Arial', 'Helvetica', 'sans-serif';
      font-weight: 400;
    }

    #mainGameBet {
      @media @portrait {
        width: 100% !important;
      }
      @media @landscape {
        width: 90% !important;
      }
    }

    .bet-grid button,
    .auto-play .autoPlayMenu button {
      font-family : 'Troika', 'Arial', 'Helvetica', 'sans-serif';
      opacity     : 1 !important;
      color       : @ui-orange;
      border-color: @ui-orange;
      width: 10vw;
      font-size: 26px;

      &.selected {
        color       : @ui-red;
        border-color: @ui-red;
      }

      &:not(.selected):not(.disabled):hover {
        color       : @ui-orange-bright;
        border-color: @ui-orange-bright;
      }
    }
  }

// partially supported languages
.vi_VN, .km_KH {
  #splash-screen p,
  #splash-screen .continue,
  .current-bet,
  .title-currency,
  .submenu-header,
  .advanced-slider,
  .toggle,
  .feature-bet-amount,
  .INFO .center-text,
  ul,
  h1,
  h2 {
    font-family: sans-serif, Arial, Helvetica !important;
    font-weight: bold !important
  }
}
// long heading text languages
.de_DE, .nl_NL, .fi_FI, .no_NO, .da_DK {
  @media @portrait {
    h1 {
      font-size: 36px;
      word-break: break-word;
      font-weight: bold !important;
    }
    .right_tnt {
      margin-left: 0.5vw !important;
    }
    .left_tnt {
      margin-right: 0.5vw !important;
    }
    .feature-bet-amount {
      font-size: 18px !important;
    }
  }
}
