/* START quick menu */
.landscape .quick-popup.quick-menu {
    transform: translate(0px, calc(6px * var(--ui-scale)));
}
.portrait .quick-popup.quick-menu {
    transform: translate(calc(3px * var(--ui-scale)), calc(20px * var(--ui-scale)));
}
.quick-menu .quick-menu-item {
    position: relative;
    --border-thick: calc(3px * var(--ui-scale)) solid #ffffff;
    --border-narrow: calc(2px * var(--ui-scale)) solid #ffffff;

    --quick-menu-radius: calc(15px * var(--ui-scale));

    display: block;
    color: white;

    line-height: 1.5;

    font-weight: bold;

    padding: calc(5px * var(--ui-scale)) calc(10px * var(--ui-scale));

    /*background: rgba(0,0,0,0.6);*/
    background: #0f4427;
    text-decoration: none;

    opacity: 0;
    transform-origin: center top;
    /*animation: rotateX 300ms ease-in-out forwards;*/
    animation: justFadeIn 300ms ease-in-out forwards;
}
.portrait .quick-menu .quick-menu-item {
    --border-thick: calc(7px * var(--ui-scale)) solid #ffffff;
    --border-narrow: calc(5px * var(--ui-scale)) solid #ffffff;
    --quick-menu-radius: calc(25px * var(--ui-scale));

    font-size: 2.0em;
    font-weight: 600;
    min-width: 20ch;
    padding: calc(5px * var(--ui-scale)) calc(20px * var(--ui-scale));
    /* for more narrow screens?:
    max-width: 90vw;
    min-width: 15ch;*/
    line-height: 2;
}
.quick-menu .quick-menu-item .fa-solid {
    min-width: 1.5em;
}
.quick-menu .quick-menu-item.disabled {
    pointer-events: none;
    filter: brightness(60%);
}
.quick-menu .quick-menu-item:first-child {
    border-top-left-radius: var(--quick-menu-radius);
    border-top-right-radius: var(--quick-menu-radius);
    border: var(--border-thick);
    border-bottom: none;
}
.quick-menu .quick-menu-item:last-child {
    border-bottom-left-radius: var(--quick-menu-radius);
    border-bottom-right-radius: var(--quick-menu-radius);
    border: var(--border-thick);
    border-top: var(--border-narrow);
}
.quick-menu .quick-menu-item:not(:first-child):not(:last-child) {
    border-top: var(--border-narrow);
    border-right: var(--border-thick);
    border-left: var(--border-thick);
}
.quick-menu .quick-menu-item a {
    display: block;
    color: white;

    line-height: 1.5;

    font-weight: bold;

    text-decoration: none;
}
.portrait .quick-menu .quick-menu-item a {
    line-height: 2;
}
.quick-menu.hidden .quick-menu-item {
    display: none;
    opacity: 0;
}
.quick-menu .quick-menu-item:hover,
.quick-menu .quick-menu-item:hover a {
    background: var(--clr-green6);
    cursor: pointer;
}

.quick-menu .quick-menu-item[data-type="master_toggle"]:not(.sound-on) .fa-volume-high {
    display: none;
}
.quick-menu .quick-menu-item[data-type="master_toggle"].sound-on .fa-volume-xmark {
    display: none;
}
/* uncomment these delays if you want a "slide down effect"
.quick-menu .quick-menu-item:nth-of-type(1) {
    animation-delay: 0ms;
}
.quick-menu .quick-menu-item:nth-of-type(2) {
    animation-delay: 100ms;
}
.quick-menu .quick-menu-item:nth-of-type(3) {
    animation-delay: 200ms;
}
.quick-menu .quick-menu-item:nth-of-type(4) {
    animation-delay: 300ms;
}
.quick-menu .quick-menu-item:nth-of-type(5) {
    animation-delay: 400ms;
}
.quick-menu .quick-menu-item:nth-of-type(6) {
    animation-delay: 500ms;
}
.quick-menu .quick-menu-item:nth-of-type(7) {
    animation-delay: 6000ms;
}

.quick-menu.hidden .quick-menu-item:nth-of-type(1) {
    animation-delay: 600ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(2) {
    animation-delay: 500ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(3) {
    animation-delay: 400ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(4) {
    animation-delay: 300ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(5) {
    animation-delay: 200ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(6) {
    animation-delay: 100ms;
}
.quick-menu.hidden .quick-menu-item:nth-of-type(7) {
    animation-delay: 0ms;
}
*/
/* START quick Raise amount change */

.quick-raise-amount-change {
    padding: calc(5px * var(--ui-scale)) calc(20px * var(--ui-scale));
    background: #0f4427;

    border: calc(3px * var(--ui-scale)) solid #ffffff;
    border-radius: calc(15px * var(--ui-scale));

    display: flex;
    align-items: center;
    gap: calc(20px * var(--ui-scale));

    font-size: calc(20px * var(--ui-scale));
}
.quick-raise-amount-change .btn {
    position: static;
}
.quick-raise-amount-change input {
    font-size: calc(20px * var(--ui-scale));
    line-height: calc(30px * var(--ui-scale));
    width: 7ch;
    color: black;
    text-align: center;
}

/* START player actions menu */
.player-actions-menu {
    z-index: 21;
}
.quick-menu.player-actions-menu .quick-menu-item {
    position: relative;
    --border-thick: calc(1px * var(--ui-scale)) solid #ffffff;
    --border-narrow: calc(1px * var(--ui-scale)) solid #ffffff;

    --quick-menu-radius: calc(5px * var(--ui-scale));
    font-size: calc(16px * var(--ui-scale))
}
.portrait .quick-menu.player-actions-menu .quick-menu-item {
    --border-thick: calc(3px * var(--ui-scale)) solid #ffffff;
    --border-narrow: calc(2px * var(--ui-scale)) solid #ffffff;
    --quick-menu-radius: calc(10px * var(--ui-scale));

    font-size: 1.5em;
}
/*
.quick-menu.player-actions-menu.right-aligned {
    transform: translateX(calc(-24px * var(--ui-scale)));
}
.portrait .quick-menu.player-actions-menu.right-aligned {
    transform: translateX(-50%);
}*/