/* --- Nowe style dla rotacyjnego panelu --- */
#szczesciarze-rotator-container {
    text-align : center;
    min-height : 20px;
    overflow   : hidden;
    padding-top: 0px;
}

.szczesciarze-rotator-item {
    display: none;
}

.szczesciarz_name {
    font-weight: bold;
    color      : #ffc107;
    font-size  : 14px;
    text-align : center;
}

.szczesciarz_wins {
    color    : #ffffff;
    font-size: 14px;
}

.szczesciarz_time {
    color    : #ff8888;
    font-size: 14px;
}

.szczesciarz_ip {
    color      : #87CEEB;
    font-size  : 14px;
    font-family: monospace;
}

/* Style dla pływającej grafiki */
#lucky-graphic {
    background-color: #000;
    max-width       : 150px;
    height          : auto;
    border          : 2px solid #ffcc00;
    border-radius   : 5px;
    box-shadow      : 0 0 15px rgba(255, 204, 0, 0.7);
}

/* Style dla okna popup SweetAlert */
.szczesciarz-okno-popup {
    border-radius   : 20px;
    border          : 3px solid orange;
    background-color: #161000;
    color           : white;
}

/* obwoluta panelu */
.szczesciarze_panel_content {
    background-color: #161000;
    border          : #ffcc00 1px solid;
    border-radius   : 15px;
    box-shadow      : 0 0 15px rgba(255, 204, 0, 0.7);
}

/* czas dla admina */
.szczesciarze_panel_czas {
    font-size    : 14px;
    color        : brown;
    text-align   : center;
    font-weight  : bold;
    padding-right: 5px;
    padding-left : 5px;
}

.szczesciarze-rotator-title {
    font-size     : 14px;
    color         : #07a4ff;
    font-weight   : bold;
    vertical-align: middle;
}

/* Style dla sekcji Mistrza Miesiąca */
.szczesciarz-mistrz-miesiaca {
    text-align      : center;
    padding         : 5px;
    margin          : 5px;
    background-color: #332200;
    border-radius   : 5px;
    border          : 1px solid #ffc107;
}

/* Style dla Mistrza Miesiąca w rotatorze */
.szczesciarz-mistrz {
    font-weight: bold;
    color      : #fff;
    text-shadow: 0 0 5px #ffc107;
}

/* Dodatkowy styl dla tekstu mistrza, aby zapewnić kolor */
.szczesciarz-mistrz-text {
    color      : #01ff6b;
    font-weight: bold;
    font-size  : 14px;
}

.info-szczesciarze {
    font-size    : 14px;
    padding-right: 5px;
    padding-left : 5px;
}

.szczesciarz-compact-cell {
    width      : 42px;
    text-align : center;
    white-space: nowrap;
}

.szczesciarz-icon {
    position       : relative;
    display        : inline-block;
    width          : 24px;
    height         : 24px;
    line-height    : 24px;
    font-size      : 18px;
    text-decoration: none;
    cursor         : help;
}

.szczesciarz-icon[data-tooltip]::after {
    content      : attr(data-tooltip);
    position     : absolute;
    z-index      : 20;
    bottom       : calc(100% + 7px);
    left         : 50%;
    transform    : translateX(-50%);
    display      : none;
    width        : max-content;
    max-width    : 280px;
    padding      : 5px 8px;
    border-radius: 3px;
    background   : #222;
    color        : #fff;
    font-size    : 12px;
    line-height  : 1.3;
    font-weight  : normal;
    white-space  : normal;
}

.szczesciarz-icon[data-tooltip]:hover::after,
.szczesciarz-icon[data-tooltip]:focus::after {
    display: block;
}

.szczesciarz-action {
    display    : inline-block;
    width      : 28px;
    height     : 28px;
    padding    : 0;
    border     : 0;
    background : transparent;
    font-size  : 17px;
    line-height: 28px;
    text-align : center;
    cursor     : pointer;
}

.szczesciarz-action:hover,
.szczesciarz-action:focus {
    opacity: .7;
}