﻿tmp {
    margin: 0 auto;
    color: transparent;
    direction: ltr;
    display: grid;
    z-index: 3;
    border: 1px inset;
    color: orange;
/*    right
*/}

* {
    -webkit-user-select: none;                /*תומך בדפדפני WebKit (כמו Chrome, Safari)*/
    -ms-user-select: none;                    /*תומך ב־Internet Explorer*/
    -webkit-touch-callout: none;              /* מונע תפריט ארוך-לחיצה באייפון */
    -moz-user-select: none;                   /* Firefox */
    user-select: none;                        /* מונע סימון טקסט בלחיצה */
    -webkit-tap-highlight-color: transparent; /* מסיר את האפקט של "הבהוב" */
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.btn {
    color: #3a2e22;
    /*font: 600 clamp(16px,2vw,22px)/1.2 "David", system-ui;*/
    text-decoration: none;
    padding: .005em 0.25em ;
    background: linear-gradient(to bottom,#eaf4fb,#d4e6f3 55%,#c0d8ea);
    border: 1px solid #4a6d84;
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin: 0 0.1%;
}
    .btn:hover {
        filter: brightness(1.06);
    }
    .btn:active {
        transform: translateY(1px);
        box-shadow: inset 0 2px 4px #00000030, 0 1px 0 transparent;
    }
    .btn:focus-visible {
        outline: 2px solid #88a9c7;
        outline-offset: 2px;
    }
    /*.btn .flag {*/
        /*margin-left: .004em;*/
        /*left:20px;
        margin: .04em;
        font-size: 0.7em;
        vertical-align: -0.12em;
    }*/

/* כפתור נגינה */
.play-overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: transparent; /* ← לא לצבוע את ה-letterbox */
    border: 0;
    cursor: pointer;
}

    .play-overlay .play-btn {
       border-radius: 50%;
        background: #ffffffdd;
        box-shadow: 0 6px 18px #0006, inset 0 1px 0 #fff;
        display: grid;
        place-items: center;
    }

        .play-overlay .play-btn::before {
            content: "▶";
            /*font: 700 26px/1 system-ui;*/
            font: 700 90% /*26px/1*/ system-ui;
            color: #123;
            transform: translateX(3%) translateY(-5%);
        }

    /* מוסתר בזמן ניגון */
    .play-overlay.is-hidden {
        display: none;
    }


