@font-face {
    font-family: 'Digital7';
    src: url('digital-7.ttf') format('truetype');
}



.ahan-anil-board {
    background: radial-gradient(circle at top, #033a88 0%, #010914 70%);
    padding: 20px;
    border-radius: 14px;
    max-width: 440px;
    margin: auto;
    font-family: 'IRANSans', sans-serif;
    box-shadow: 0 0px 20px rgba(0,0,0,.6);
}

/* Header */
.board-header {
    text-align: center;
    color: #8fbaff;
    font-size: 16px;
    margin-bottom: 18px;
    letter-spacing: 2px;
    opacity: .9;
}

/* Rows */
.board-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0 12px;
    margin-bottom: 12px;
}

.board-row::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-image: linear-gradient(
        to right,
        rgba(77,163,255,.4) 30%,
        rgba(0,0,0,0) 0%
    );
    background-size: 6px 1px;
    background-repeat: repeat-x;
    opacity: .6;
}

.board-row:last-child::after {
    display: none;
}


/* Titles */
.board-row .title {
    color: #dbe7ff;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Dananum';
    letter-spacing: .5px;
    text-align: right;
    margin-left: 5px;
}

/* Digital price */
.board-row .price {
    display: flex;
    align-items: center;
    background: #000;
    padding: 10px 14px;
    border-radius: 8px;
    gap: 6px;
    position: relative;
    /*box-shadow: inset 0 0 18px rgba(3,58,136,.9);*/
}

.board-row .digit {
    position: relative;
    width: 26px;
    height: 46px;
}

.seg {
    position: absolute;
    background: rgba(77,163,255,.15);
    border-radius: 3px;
}


.seg.a { top: 0; left: 5px; width: 16px; height: 4px; }
.seg.b { top: 4px; right: 0; width: 4px; height: 18px; }
.seg.c { bottom: 4px; right: 0; width: 4px; height: 18px; }
.seg.d { bottom: 0; left: 5px; width: 16px; height: 4px; }
.seg.e { bottom: 4px; left: 0; width: 4px; height: 18px; }
.seg.f { top: 4px; left: 0; width: 4px; height: 18px; }
.seg.g { top: 21px; left: 5px; width: 16px; height: 4px; }





/* 0 */
.digit[data-num="0"] .a,
.digit[data-num="0"] .b,
.digit[data-num="0"] .c,
.digit[data-num="0"] .d,
.digit[data-num="0"] .e,
.digit[data-num="0"] .f,

/* 1 */
.digit[data-num="1"] .b,
.digit[data-num="1"] .c,

/* 2 */
.digit[data-num="2"] .a,
.digit[data-num="2"] .b,
.digit[data-num="2"] .g,
.digit[data-num="2"] .e,
.digit[data-num="2"] .d,

/* 3 */
.digit[data-num="3"] .a,
.digit[data-num="3"] .b,
.digit[data-num="3"] .g,
.digit[data-num="3"] .c,
.digit[data-num="3"] .d,

/* 4 */
.digit[data-num="4"] .f,
.digit[data-num="4"] .g,
.digit[data-num="4"] .b,
.digit[data-num="4"] .c,

/* 5 */
.digit[data-num="5"] .a,
.digit[data-num="5"] .f,
.digit[data-num="5"] .g,
.digit[data-num="5"] .c,
.digit[data-num="5"] .d,

/* 6 */
.digit[data-num="6"] .a,
.digit[data-num="6"] .f,
.digit[data-num="6"] .e,
.digit[data-num="6"] .d,
.digit[data-num="6"] .c,
.digit[data-num="6"] .g,

/* 7 */
.digit[data-num="7"] .a,
.digit[data-num="7"] .b,
.digit[data-num="7"] .c,

/* 8 */
.digit[data-num="8"] .seg,

/* 9 */
.digit[data-num="9"] .a,
.digit[data-num="9"] .b,
.digit[data-num="9"] .c,
.digit[data-num="9"] .d,
.digit[data-num="9"] .f,
.digit[data-num="9"] .g {
    background: #4da3ff;
    box-shadow:
        0 0 6px rgba(77,163,255,.9),
        0 0 14px rgba(77,163,255,.6);
}

.board-row .price .toman {
    font-size: 10px;
    color: rgba(159,198,255,.8);
    margin-right: 6px;
}











/* LED scan effect */
/*.board-row .price::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -120%;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 240%;*/
/*    background: linear-gradient(*/
/*        to bottom,*/
/*        transparent,*/
/*        rgba(77,163,255,.22),*/
/*        transparent*/
/*    );*/
/*    animation: ledScan 3.5s linear infinite;*/
/*}*/

/*@keyframes ledScan {*/
/*    0%   { top: -200%; }*/
/*    100% { top: 200%; }*/
/*}*/


.board-row .price em {
    position: relative;
    font-family: 'Digital7';
    font-style: normal;
    font-size: 24px;
    letter-spacing: 3px;
    color: #4da3ff;
    z-index: 2;
    text-shadow:
        0 0 4px rgba(77,163,255,.9),
        0 0 10px rgba(77,163,255,.7),
        0 0 18px rgba(77,163,255,.4);
}



.board-row .price i {
    position: absolute;
    left: 6px;
    bottom: 4px;
    font-size: 10px;
    font-style: normal;
    color: rgba(159,198,255,.8);
}