/* ============================================
   BLACKJACK - Игра "Блэкджек"
   ============================================ */

/* ========== ПЛАТФОРМО-ЗАВИСИМЫЕ ПОЗИЦИИ ========== */

/* По умолчанию */
#blackjack-screen {
    padding-top: calc(1rem + 25px) !important;
    min-height: 100vh;
    background: 
        url('../assets/bg-blackjack.svg') center top / cover no-repeat fixed,
        linear-gradient(180deg, #0a1a0f 0%, #0d2818 50%, #081510 100%) !important;
}

#blackjack-screen header {
    top: 25px !important;
    background: transparent !important;
}

/* iOS: настройка позиций для блэкджека */
html[data-platform="ios"] #blackjack-screen {
    padding-top: calc(1rem + 50px) !important;
}

html[data-platform="ios"] #blackjack-screen header {
    top: 90px !important;
    background: transparent !important;
}

/* Android: настройка позиций для блэкджека */
html[data-platform="android"] #blackjack-screen {
    padding-top: calc(1rem + 30px) !important;
}

html[data-platform="android"] #blackjack-screen header {
    top: 70px !important;
    background: transparent !important;
}

/* Отключаем расширенный фон у шапки блэкджека */
#blackjack-screen header::before { display: none !important; }

/* Отключаем верхнюю тёмную полосу всего экрана блэкджека */
#blackjack-screen::before { display: none !important; }

/* ========== СТОЛ БЛЭКДЖЕКА ========== */

.blackjack-table { 
    position: relative; 
    overflow: hidden;
    background-size: cover;
    /* управляем вертикальным положением PNG-фона стола */
    background-position: center calc(var(--blackjack-bg-offset-y, 0px)) !important;
    background-position-y: calc(var(--blackjack-bg-offset-y, 0px)) !important;
}

/* Затемнение фона изображения стола */
.blackjack-table::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    pointer-events: none;
}

/* ========== КАРТЫ ========== */

.blackjack-card {
    width: 90px;
    height: 128px;
    transition: all 0.3s ease;
}

.blackjack-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ========== ОБЛАСТИ ДИЛЕРА И ИГРОКА ========== */

.dealer-area, .player-area {
    position: relative;
}

/* ========== АДАПТИВНОСТЬ ========== */

@media (max-width: 640px) {
    .blackjack-card {
        width: 75px;
        height: 107px;
    }
    
    .blackjack-controls {
        padding: 0.5rem;
    }
    
    .blackjack-controls button {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 375px) {
    .blackjack-card {
        width: 65px;
        height: 93px;
    }
    
    #blackjack-result-message {
        font-size: 1.5rem !important;
    }
}