/**
 * ПРЕМИУМ-КАРТОЧКА КАЗИНО — casino-card.css
 * =========================================
 * @package Gambling_Theme
 * @version 2.2.0 - Кнопки перенесены в buttons.css
 * @updated 2026-05-06
 */

/* ══════════════════════════════════════════════════════════════
   ОБЁРТКА СПИСКА — АДАПТИВНАЯ СЕТКА С ВЫРАВНИВАНИЕМ ПО ВЫСОТЕ
   ══════════════════════════════════════════════════════════════ */

.casino-cards-list,
.archive-casino-cards-wrapper,
.casinos-list,
.casinos-grid,
.promo-cards-wrapper,
.promotions-casino-wrapper,
.actions-cards-grid {
    display:               grid !important;
    grid-template-columns: 1fr !important;
    gap:                   12px !important;
    width:                 100% !important;
    margin-bottom:         32px;
    align-items:           stretch;        /* ✅ ПРАВИЛО 1: ячейки тянутся по высоте */
}

/* От 601px до 1100px — 2 карточки в ряд с одинаковой высотой */
@media (max-width: 1100px) and (min-width: 601px) {
    .casino-cards-list,
    .archive-casino-cards-wrapper,
    .casinos-list,
    .casinos-grid,
    .promo-cards-wrapper,
    .promotions-casino-wrapper,
    .actions-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        align-items:           stretch !important;   /* ✅ Принудительное растягивание */
    }
}

/* Меньше 600px — одна карточка */
@media (max-width: 600px) {
    .casino-cards-list,
    .archive-casino-cards-wrapper,
    .casinos-list,
    .casinos-grid,
    .promo-cards-wrapper,
    .promotions-casino-wrapper,
    .actions-cards-grid {
        grid-template-columns: 1fr !important;
        align-items:           start !important;  /* На мобиле высота по контенту */
    }
}

/* ══════════════════════════════════════════════════════════════
   CSS ПЕРЕМЕННЫЕ
   ══════════════════════════════════════════════════════════════ */

.casino-card {
    /* Основные цвета */
    --cc-bg:               #1e1e2e;
    --cc-bg-hover:         #252538;
    --cc-bg-logo:          rgba(0, 0, 0, 0.2);
    --cc-bg-actions:       rgba(0, 0, 0, 0.12);
    
    /* Границы */
    --cc-border:           rgba(255, 255, 255, 0.08);
    --cc-border-hover:     rgba(255, 255, 255, 0.14);
    --cc-border-inner:     rgba(255, 255, 255, 0.06);
    
    /* Текст */
    --cc-text:             #b0b0c8;
    --cc-text-muted:       #7a7a9a;
    --cc-title:            #ffffff;
    
    /* Акценты */
    --cc-accent:           #f59e0b;
    --cc-accent-green:     #10b981;
    --cc-success:          #10b981;
    --cc-warning:          #f59e0b;
    --cc-error:            #ef4444;
    
    /* Статус-бейджи */
    --cc-status-green:     #10b981;
    --cc-status-blue:      #3b82f6;
    --cc-status-orange:    #f59e0b;
    --cc-status-red:       #ef4444;
    --cc-status-purple:    #8b5cf6;
    --cc-status-gray:      #6b7280;
    
    /* Эффекты */
    --cc-shadow:           0 2px 10px rgba(0, 0, 0, 0.2);
    --cc-shadow-hover:     0 6px 24px rgba(0, 0, 0, 0.3);
    --cc-radius:           12px;
    --cc-transition:       all 0.25s ease;
}

/* ══════════════════════════════════════════════════════════════
   ОСНОВНОЙ КОНТЕЙНЕР
   ══════════════════════════════════════════════════════════════ */

.casino-card {
    display:        flex;
    flex-direction: column;
    background:     var(--cc-bg);
    border:         1px solid var(--cc-border);
/*    border-radius:  var(--cc-radius);*/
    overflow:       hidden;
    transition:     var(--cc-transition);
    box-shadow:     var(--cc-shadow);
    width:          100%;
    position:       relative;
/*    margin-bottom:  12px;*/
    height:         100%;     /* ✅ ПРАВИЛО 2: карточка заполняет высоту ячейки */
}

.casino-card:hover {
    border-color: var(--cc-border-hover);
    box-shadow:   var(--cc-shadow-hover);
    background:   var(--cc-bg-hover);
}

/* ══════════════════════════════════════════════════════════════
   ОСНОВНАЯ СЕТКА: 3 КОЛОНКИ
   ══════════════════════════════════════════════════════════════ */

.casino-card__grid-row {
    display:               grid;
    grid-template-columns: 180px 1fr 180px;
    align-items:           stretch;
    gap:                   0;
    width:                 100%;
    min-height:            140px;
}

/* ══════════════════════════════════════════════════════════════
   КОЛОНКА 1: ЛОГОТИП + ГЕО
   ══════════════════════════════════════════════════════════════ */

.casino-card__logo-col {
    position:        relative;
    flex-shrink:     0;
    display:         flex;
    align-items:     center;
    justify-content: center;
/*    background:      var(--cc-bg-logo);*/
/*    border-right:    1px solid var(--cc-border);*/
/*    padding:         16px 12px;*/
    padding:         10px 12px;
}

.casino-card__logo-img {
/*    max-width:     90%;*/
    max-width:     95%;
/*    max-height:    100px;*/
    width:         auto;
    height:        auto;
    object-fit:    contain;
    display:       block;
    transition:    transform 0.2s ease, opacity 0.2s ease;
    filter:        drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
/*    border-radius: 8px;*/
}

.casino-card__logo-col:hover .casino-card__logo-img {
    transform: scale(1.04);
    opacity:   0.92;
}

.casino-card__logo-placeholder {
/*    width:           80px;
    height:          80px;*/
    width: 95%;
    background:      rgba(255, 255, 255, 0.05);
    border:          1px solid var(--cc-border);
    border-radius:   10px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       24px;
    font-weight:     800;
    color:           var(--cc-text-muted);
    text-transform:  uppercase;
}

/* ══════════════════════════════════════════════════════════════
   ✅ GEO-БЕЙДЖ ПОВЕРХ ЛОГОТИПА КАЗИНО
   ══════════════════════════════════════════════════════════════ */

.casino-card__geo-badge {
    position:       absolute;
    top:            8px;
    right:          8px;
    z-index:        5;
    pointer-events: none;
}

.casino-card__geo-badge .hero-block-1__availability {
    margin:  0;
    padding: 0;
}

.casino-card__geo-badge .hero-block-1__availability-badge {
    display:      flex;
    align-items:  center;
    gap:          2px;
    border-radius: 6px;
    padding:      3px 5px;
}

.casino-card__geo-badge .hero-block-1__availability-icon {
    font-size:   16px; /* Мой код */
    line-height: 1;
    
    position: absolute;
    top: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 2;
    background: transparent;
    pointer-events: none;
}

/* ФЛАГ 36px ВЕЗДЕ - БЕЗ ИСКЛЮЧЕНИЙ */
.hero-block-1__availability-flag.emoji-flag {
    font-family: var(--font-primary) !important;
    font-size: 36px !important;
    line-height: 36px !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.casino-card__geo-badge .hero-block-1__availability-text {
    display: none;
}

/* ══════════════════════════════════════════════════════════════
   КОЛОНКА 2: ЦЕНТРАЛЬНЫЙ КОНТЕНТ
   ══════════════════════════════════════════════════════════════ */

.casino-card__col-center {
    display:        flex;
    flex-direction: column;
    gap:            0;
    min-width:      0;
}

.casino-card__row {
    width:         100%;
/*    padding:       8px 16px;*/
    padding:       0 16px;
/*    border-bottom: 1px solid var(--cc-border-inner);*/
}

.casino-card__row:last-child {
    border-bottom: none;
}

/* ── РЯД 1: НАЗВАНИЕ + СТАТУС ───────────────────────────────── */

.casino-card__row--header {
/*    padding:       12px 16px 10px;*/
    padding-top: 5px;
    border-bottom: none;
    overflow:      visible;
}

.casino-card__title-wrap {
    display:         flex;
    align-items:     center;
    gap:             12px;
/*    padding:         12px 16px;*/
    padding-top: 5px;
/*    min-height:      48px;*/
/*    background:      rgba(34, 37, 56, 0.8);*/
/*    border-radius:   8px;*/
    backdrop-filter: blur(10px);
    flex-wrap:       nowrap;
    overflow:        visible;
}

.casino-card__name {
    margin:          0;
/*    font-size:       1.2rem;*/
    font-size: 22px;
/*    font-weight:     800;*/
    font-weight:     700;
/*    color:           #ffffff;*/
    color: var(--bc-title) !important;
    text-transform:  uppercase;
    letter-spacing:  0.05em;
/*    line-height:     1.3;*/
    line-height: 1.35 !important;
    white-space:     nowrap;
    overflow:        hidden;
    text-overflow:   ellipsis;
    flex-shrink:     1;
    margin-bottom: 0 !important;
}

.casino-card__status-badge {
    position:       relative;
    display:        inline-flex;
    align-items:    center;
    padding:        2px 12px;
    font-size:      0.7rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space:    nowrap;
    color:          #ffffff;
    flex-shrink:    0;
    z-index:        1;
    transform:      translateY(-5px);
}

.casino-card__status-badge::before {
    content:    '';
    position:   absolute;
    inset:      0;
    z-index:    -1;
    transform:  skewX(-10deg);
    background: var(--status-bg, #ef4444);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.casino-card__status-badge--green  { --status-bg: linear-gradient(135deg, #22c55e, #16a34a); }
.casino-card__status-badge--red    { --status-bg: linear-gradient(135deg, #ef4444, #dc2626); }
.casino-card__status-badge--blue   { --status-bg: linear-gradient(135deg, #3b82f6, #2563eb); }
.casino-card__status-badge--purple { --status-bg: linear-gradient(135deg, #a855f7, #9333ea); }
.casino-card__status-badge--orange { --status-bg: linear-gradient(135deg, #f97316, #ea580c); }
.casino-card__status-badge--gray   { --status-bg: #6b7280; }

/* ── РЯД 2: WELCOME-БОНУС + ПРОМОКОД ───────────────────────── */

.casino-card__row--bonus {
/*    padding: 8px 16px;*/
    padding: 2px 16px;
}

.casino-card__bonus-wrapper {
    display:       flex;
    align-items:   center;
    justify-content: center;  /* ← ДОБАВЛЕНО: центрирует все элементы */
    text-align:      center;  /* ← ДОБАВЛЕНО: центрирует текст при переносе */
    flex-wrap:     wrap;
/*    gap:           6px;*/
/*    padding:       8px 12px;*/
    padding:       0 12px;
/*    background:    rgba(245, 158, 11, 0.06);*/
    background: var(--bg-blok);
/*    border:        1px solid rgba(245, 158, 11, 0.25);*/
/*    border:        2px solid #ec5e23;*/
    border:        1px solid #fe8927;
/*    border-radius: 8px;*/
    border-radius: 2px;
}

.casino-card__bonus-text {
/*    font-size:   13px;*/
    font-size:   16px;    
    color:       var(--cc-text);
    line-height: 1.4;
}

.casino-card__bonus-text strong {
    color:       var(--cc-title);
    font-weight: 800;
/*    margin-left: 4px;*/
    margin: 0 4px;
}

.casino-card__promo-label {
/*    font-size:   12px;*/
    padding-left: 5px;
    font-size: 16px;
/*    color:       var(--cc-text-muted);*/
    color: var(--cc-text);
    flex-shrink: 0;
}

/* Кнопка промокода - ОБНОВЛЁННАЯ ВЕРСИЯ */
.casino-card__promo-btn {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             4px;
/*    padding:         5px 8px; */
    padding:         0 8px;        /* чуть больше отступы */
    background:      var(--bg-blok);
    border:          0;
    color:           var(--info);
    font-size:       18px;
    font-weight:     800;
    font-family:     inherit;
    cursor:          pointer;
    transition:      all 0.2s ease;  /* плавная анимация */
    letter-spacing:  0.3px;
    text-decoration: underline;
    white-space:     nowrap;         /* текст в одну строку */
/*    min-height:      24px;           /* минимальная высота */
    /* ✅ УБРАЛИ: position: relative, overflow: hidden */
}

.casino-card1__promo-btn:hover {
    background:   rgba(245, 158, 11, 0.15);
    transform:    translateY(-1px);
}

/* Текст промокода */
.casino-card__promo-code {
    display: inline-flex;
    align-items: center;
}

/* Скрываем промокод при показе "Скопировано!" */
.casino-card__promo-btn.is-copied .casino-card__promo-code {
    display: none;
}

/* Надпись "Скопировано!" - НОВАЯ ЛОГИКА */
.casino-card__promo-copied {
    display:         none;
    /* ✅ УБРАЛИ: position: absolute, inset: 0 */
    align-items:     center;
    justify-content: center;
    background:      rgba(16, 185, 129, 0.95);
    color:           #ffffff;
    font-size:       12px;
    font-weight:     700;
    letter-spacing:  0.3px;
    text-transform:  uppercase;
    border-radius:   4px;
    padding:         2px 8px;
    text-decoration: none;           /* убираем подчеркивание */
    white-space:     nowrap;         /* текст в одну строку */
    box-shadow:      0 2px 6px rgba(16, 185, 129, 0.4);  /* красивая тень */
}

/* Показываем "Скопировано!" при клике */
.casino-card__promo-btn.is-copied .casino-card__promo-copied {
    display: inline-flex;
}

/* Анимация появления */
.casino-card__promo-btn.is-copied {
/*    background: rgba(16, 185, 129, 0.1);  /* зелёный фон при копировании */
/*    border-color: rgba(16, 185, 129, 0.3);*/
/*    line-height: 1.7;*/
    line-height: 19px;
}

.casino-card__no-promo {
/*    font-size:  12px;
    color:      var(--cc-text-muted);
    font-style: italic;*/
    font-size: 16px;
    color: var(--cc-text);
    line-height: 1.4;
    padding-left: 5px;
}

/* ── РЯД 3: ОСОБЕННОСТИ | ЯЗЫКИ + ПЛАТФОРМЫ | РЕЙТИНГ ──────── */

.casino-card__row--features {
    display:               grid;
    grid-template-columns: 1fr auto auto;
    gap:                   12px;
    align-items:           start;
/*    padding:               10px 16px;*/
    padding:               5px 16px;
}

.casino-card__features-col {
    display:        flex;
    flex-direction: column;
    gap:            4px;
}

.casino-card__feature-item {
    display:     flex;
    align-items: flex-start;
    gap:         6px;
    font-size:   12px;
/*    color:       var(--cc-text);*/
    color: var(--cc-title);
    line-height: 1.4;
    font-family: var(--font-primary);
/*    font-weight: 700;*/
}

.casino-card__feature-icon {
    color:       var(--cc-success);
/*    font-weight: 700;*/
    font-weight: 1000;
    font-size:   14px;
/*    line-height: 1.4;*/
    line-height: 1.2;
    flex-shrink: 0;
}

.casino-card__tech-col {
    display:        flex;
    flex-direction: column;
    gap:            8px;
    padding:        0 12px;
/*    border-left:    1px solid var(--cc-border-inner);*/
/*    border-right:   1px solid var(--cc-border-inner);*/
    min-width:      100px;
    align-items: center; /**/
}

.casino-card__languages,
.casino-card__platforms {
    display:     flex;
    align-items: center;
    gap:         4px;
    flex-wrap:   wrap;
}

.casino-card__lang-flag {
    font-size:   16px;
    line-height: 1;
    cursor:      default;
    transition:  transform 0.15s ease;
}

.casino-card__lang-flag:hover {
    transform: scale(1.1);
}

.casino-card__lang-flag img {
    width:  25px !important;
    height: 20px !important;
}

.casino-card__platforms .casino-card__term-icon img {
    width:  30px !important;
    height: 30px !important;
}

.casino-card__lang-flag img.emoji {
    width:  16px !important;
    height: 16px !important;
    margin: 0 !important;
}

.casino-card__term-icon,
.casino-card__term-text {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
/*    width: 20px;*/
/*    height: 20px;*/
/*    background:      rgba(255, 255, 255, 0.06);*/
/*    border:          1px solid var(--cc-border);*/
/*    border-radius:   4px;*/
    font-size:       10px;
    font-weight:     600;
    color:           var(--cc-text-muted);
    overflow:        hidden;
    transition:      transform 0.15s ease;
    cursor:          default;
}

.casino-card__term-icon:hover,
.casino-card__term-text:hover {
    transform: scale(1.1);
}

.casino-card__term-icon img {
    width:      16px;
    height:     16px;
    object-fit: contain;
}

.casino-card__more-count {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    padding:         2px 6px;
/*    background:      rgba(255, 255, 255, 0.08);*/
/*    border:          1px solid var(--cc-border);*/
/*    border-radius:   12px;*/
/*    font-size:       11px;*/
    font-size:       12px;
    font-weight:     600;
/*    color:           var(--cc-text-muted);*/
    color: var(--cc-title); 
    white-space:     nowrap;
}

.casino-card__rating-col {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            4px;
    padding-left:   12px;
    min-width:      70px;
}

.casino-card__rating-number {
/*    font-size:   20px;*/
    font-size:   24px;
    font-weight: 900;
    color:       var(--cc-title);
    line-height: 1;
}

.casino-card__rating-number span {
    font-size:   12px;
    font-weight: 400;
    color:       var(--cc-text-muted);
}

.casino-card__stars {
    display:     flex;
    align-items: center;
    gap:         1px;
    line-height: 1;
}

.casino-card__stars .average-stars .star {
    font-size: 14px !important;
}

/* ── РЯД 4: ТИПЫ ИГР ───────────────────────────────────────── */

.casino-card__row--games {
/*    padding: 8px 16px;*/
    padding: 2px 16px;
}

.casino-card__game-types {
    display:     flex;
    flex-wrap:   wrap;
    gap:         5px;
    align-items: center;
}

.casino-card__game-type-badge {
    display:        inline-flex;
    align-items:    center;
    padding:        3px 10px;
/*    background:     rgba(99, 102, 241, 0.12);*/
    background: rgba(255, 255, 255, 0.07);
/*    border:         1px solid rgba(99, 102, 241, 0.3);*/
    border: 1px solid var(--info);
/*    border-radius:  20px;*/
    border-radius:  2px;
    font-size:      11px;
    font-weight:    600;
/*    color:          #a5b4fc;*/
    color: var(--cc-title);   
    white-space:    nowrap;
    transition:     background 0.2s ease, border-color 0.2s ease;
}

.casino-card__game-type-badge--more {
/*    background:   rgba(255, 255, 255, 0.05);*/
    background: rgba(255, 255, 255, 0.07);
/*    border-color: var(--cc-border);*/
    border-color: var(--info);;
/*    color:        var(--cc-text-muted);*/
    color: var(--cc-title);
}

/* ── РЯД 5: ЛИМИТЫ + ПЛАТЕЖИ + ПРОВАЙДЕРЫ ──────────────────── */

.casino-card__row--limits {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   0;
/*    padding:               8px 0;*/
    padding:               2px 0;
}

.casino-card__limits-col {
    display:        flex;
    flex-direction: column;
/*    gap:            6px;*/
    padding:        0 16px;
}

.casino-card__limits-col:first-child {
/*    border-right: 1px solid var(--cc-border-inner);*/
}

.casino-card__limit-line {
    display:     flex;
    align-items: center;
    gap:         6px;
    flex-wrap:   wrap;
}

.casino-card__limit-label {
    font-size:   12px;
    color:       var(--cc-text-muted);
    font-weight: 500;
    flex-shrink: 0;
}

.casino-card__limit-value {
    font-size:   12px;
    color:       var(--cc-title);
    font-weight: 700;
}

.casino-card__payment-icons,
.casino-card__provider-icons {
    display:     flex;
    align-items: center;
    gap:         4px;
    flex-wrap:   wrap;
}

/* ── РЯД 6: ТРИГГЕР АККОРДЕОНА ──────────────────────────────── */

.casino-card__row--accordion {
/*    padding: 8px 16px;*/
    padding: 2px 16px;
}

.casino-card__conditions-toggle {
    display:     flex;
    align-items: center;
    gap:         6px;
    width:       100%;
    padding:     0;
    background:  none;
    border:      none;
/*    color:       var(--cc-text);*/
    color: var(--info);
    font-size:   12px;
    font-weight: 500;
    font-family: inherit;
    cursor:      pointer;
    transition:  color 0.2s ease;
    text-align:  left;
}

.casino-card__conditions-toggle:hover {
/*    color: var(--cc-title);*/
    color: var(--info);
}

.casino-card__toggle-icon {
    position:        relative;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           16px;
    height:          16px;
    border:          1px solid currentColor;
    border-radius:   3px;
    flex-shrink:     0;
    transition:      transform 0.25s ease, background 0.2s ease;
}

.casino-card__toggle-icon::before,
.casino-card__toggle-icon::after {
    content:          '';
    position:         absolute;
    background-color: currentColor;
    top:              50%;
    left:             50%;
    transform:        translate(-50%, -50%);
    border-radius:    0.5px;
}

.casino-card__toggle-icon::before {
    width:  8px;
    height: 1.5px;
}

.casino-card__toggle-icon::after {
    width:  1.5px;
    height: 8px;
}

.casino-card__conditions-toggle[aria-expanded="true"] .casino-card__toggle-icon {
    transform:  rotate(45deg);
    background: rgba(16, 185, 129, 0.12);
}

/* ══════════════════════════════════════════════════════════════
   АККОРДЕОН: УСЛОВИЯ БОНУСА
   ══════════════════════════════════════════════════════════════ */

.casino-card__conditions {
    overflow:       hidden;
    max-height:     0;
    opacity:        0;
    transition:     max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease;
    padding-top:    0;
    padding-bottom: 0;
    padding-left:   16px;
    padding-right:  16px;
    background:     rgba(0, 0, 0, 0.2);
    border-top:     1px solid var(--cc-border);
}

.casino-card__conditions.is-open {
    max-height:     900px;
    opacity:        1;
    padding-top:    16px;
    padding-bottom: 16px;
    background:     rgba(255, 255, 255, 0.02);
}

.casino-card__conditions-text {
    font-size:     13px;
    color:         var(--cc-text);
    line-height:   1.7;
    margin-bottom: 16px;
}

.casino-card__conditions-text p {
/*    margin: 0 0 6px;*/
    font-size: 13px;
/*    color: var(--pc-text);*/
    color: var(--cc-title);
    line-height: 1.5;
    margin-bottom: 12px;
    width: 100%;
    flex-grow: 1;
}

.casino-card__conditions-text p:last-child {
    margin-bottom: 0;
}

.casino-card__chars-grid {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
/*    gap:                   1px;*/
    background: var(--bc-bg);
    border: 1px solid var(--bc-bg);
    border-radius:         8px;
    overflow:              hidden;
    margin-bottom:         12px;
}

.casino-card__char-cell {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: flex-start;
    padding:         12px 8px 12px;
    background:      var(--cc-bg);
    text-align:      center;
    gap:             6px;
    transition:      background 0.2s ease;
}

.casino-card__char-cell:hover {
/*    background: var(--cc-bg-hover);*/
}

.casino-card__char-icon {
    width:       40px;
    height:      40px;
    object-fit:  contain;
    display:     block;
    flex-shrink: 0;
    filter:      drop-shadow(0 0 6px rgba(245, 158, 11, 0.3));
    transition:  filter 0.2s ease, transform 0.2s ease;
}

.casino-card__char-cell:hover .casino-card__char-icon {
    filter:    drop-shadow(0 0 8px rgba(245, 158, 11, 0.5));
    transform: scale(1.05);
}

.casino-card__char-value {
    font-size:   18px;
    font-weight: 800;
/*    color:       var(--cc-error);*/
    color: var(--text-on-red);
    line-height: 1.2;
}

.casino-card__char-label {
    font-size:      10px;
    color:          var(--cc-title);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight:    600;
    line-height:    1.2;
    margin-top:     2px;
}

.casino-card__conditions-close {
    display:     inline-flex;
    align-items: center;
    gap:         5px;
    padding:     0;
    background:  none;
    border:      none;
/*    color:       var(--cc-text-muted);*/
    color: var(--info);
    font-size:   12px;
    font-family: inherit;
    cursor:      pointer;
    transition:  color 0.2s ease;
    margin-top:  4px;
}

.casino-card__conditions-close:hover {
/*    color: var(--cc-title);*/
    color: var(--text-on-red);
}

/* ══════════════════════════════════════════════════════════════
   РЯД 7: НАВИГАЦИОННЫЕ ТАБЫ
   ══════════════════════════════════════════════════════════════ */

.casino-card__row--tabs,
.casino-card__row--tabs-bottom {
/*    border-top:  1px solid rgba(255, 255, 255, 0.08);*/
    width:       100%;
    position:    relative;
/*    padding-bottom: 5px;*/
}

/* Кнопка "Ещё" (видна только на мобильных) */
.casino-card__tabs-toggle {
    display:         none;
    width:           100%;
    justify-content: center;
    align-items:     center;
    gap:             8px;
    padding:         12px 16px;
    background:      rgba(42, 42, 58, 0.8);
    background: var(--cc-bg-hover);
    color:           #e5e7eb;
    border:          1px solid rgba(255, 255, 255, 0.1);

/*    border: 1px solid var(--cc-bg-hover);*/
    border-radius:   6px;
    font-size:       0.9rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      all 0.2s ease;
    backdrop-filter: blur(10px);
}

.casino-card__tabs-toggle-icon {
    font-size:  0.7rem;
    transition: transform 0.25s ease;
    display:    inline-block;
}

.casino-card__tabs-toggle[aria-expanded="true"] .casino-card__tabs-toggle-icon {
    transform: rotate(180deg);
}

/* Контейнер навигации */
.casino-card__nav-tabs {
    display:         flex;
    flex-wrap:       nowrap;
    justify-content: center;
    align-items:     center;
    gap:             8px;
    width:           100%;
/*    padding:         8px 16px;*/
    padding:         5px 16px;
}

/* Базовый стиль плашки с одинаковой шириной */
.casino-card__nav-tab {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    padding:         6px 12px;
    font-size:       0.85rem;
    font-weight:     500;
    color:           #9ca3af;
    text-decoration: none;
    border-radius:   4px;
    transition:      all 0.2s ease;
    text-align:      center;
    min-height:      28px;
    cursor:          pointer;

    /* КЛЮЧЕВАЯ МАГИЯ: одинаковая ширина всех кнопок */
    flex:            1 1 0;        /* равное распределение пространства */
    max-width:       130px;        /* максимальная ширина каждой кнопки */
    width:           100%;

    /* Обработка длинного текста */
    white-space:     nowrap;
    overflow:        hidden;
    text-overflow:   ellipsis;
}

/* Серый стиль (Классический) — plate-gray */
.casino-card__nav-tab--plate-gray {
    background-color: rgba(255, 255, 255, 0.06);
/*    color:            #9ca3af;*/
    color: var(--cc-title);
    border:           1px solid rgba(255, 255, 255, 0.1);
}

.casino-card__nav-tab--plate-gray:hover {
    background-color: rgba(255, 255, 255, 0.12);
/*    color:            #ffffff;*/
    color: var(--cc-title);
/*    border-color:     rgba(255, 255, 255, 0.2);*/
    border-color: var(--info);
    transform:        translateY(-1px);
}

/* Зелёный стиль (Промокод) — plate-green */
.casino-card__nav-tab--plate-green {
    background-color: var(--info);
/*    color:            #34d399;*/
    color: var(--cc-title);
    font-weight:      600;
    border:           1px solid var(--info);
    box-shadow:       0 0 10px rgba(16, 185, 129, 0.15);
}

.casino-card__nav-tab--plate-green:hover {
/*    background-color: rgba(16, 185, 129, 0.25);*/
    background-color: var(--info);
/*    color:            #ffffff;*/
    color: var(--cc-title);
    border-color:     #10b981;
/*    box-shadow:       0 0 14px rgba(16, 185, 129, 0.35);*/
/*    box-shadow:       0 0 14px var(--info);*/
    box-shadow:       0 0 4px var(--info);
    transform:        translateY(-1px);
}

/* Отключённая плашка */
.casino-card__nav-tab--disabled {
    cursor:         default;
    opacity:        0.5;
    pointer-events: none;
}

.casino-card__nav-tab--disabled:hover {
    color:      #9ca3af;
    background: transparent;
    transform:  none;
}

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

@media (max-width: 768px) {

    .casino-card__tabs-toggle {
        display: flex;
    }

    .casino-card__nav-tabs {
        display:         none;
        flex-direction:  column;
        width:           100%;
        margin-top:      8px;
        background:      rgba(30, 30, 45, 0.95);
        border:          1px solid rgba(255, 255, 255, 0.1);
        border-radius:   6px;
        padding:         0;
        overflow:        hidden;
        backdrop-filter: blur(10px);
        box-shadow:      0 4px 12px rgba(0, 0, 0, 0.3);
        gap:             0;
    }

    .casino-card__nav-tabs.is-open {
        display:   flex;
        animation: slideDown 0.25s ease forwards;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .casino-card__nav-tab {
        flex:            none;
        width:           100%;
        max-width:       100%;
        justify-content: center;
        border-radius:   0;
        border-right:    none;
        border-left:     none;
        border-top:      none;
        border-bottom:   1px solid rgba(255, 255, 255, 0.05);
        padding:         14px 20px;
        font-size:       0.9rem;
        min-height:      auto;
        transform:       none !important;
    }

    .casino-card__nav-tab:last-child {
        border-bottom: none;
    }

    /* Адаптация зелёных плашек для мобильного меню */
    .casino-card__nav-tab--plate-green {
/*        border-left:  3px solid #10b981;*/
        border-left:  3px solid var(--info);
        border-right: none;
        border-top:   none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        box-shadow:   none;
        color: var(--info);
    }

    .casino-card__nav-tab--plate-green:last-child {
        border-bottom: none;
    }
}

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

@media (max-width: 1200px) {
    .casino-card__grid-row {
        grid-template-columns: 170px 1fr 170px;
    }

    .casino-card__name {
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .casino-card__grid-row {
        grid-template-columns: 150px 1fr 160px;
    }

    .casino-card__name {
        font-size: 15px;
    }

    .casino-card__row--features {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .casino-card__tech-col {
        border-left:  none;
        border-right: none;
        border-top:   1px solid var(--cc-border-inner);
        padding:      6px 0 0;
/*        margin-top:   4px;*/
    }

    .casino-card__rating-col {
        flex-direction:  row;
        align-items:     center;
        gap:             8px;
        border-top:      1px solid var(--cc-border-inner);
        padding-top:     6px;
/*        margin-top:      4px;*/
        padding-left:    0;
/*        justify-content: flex-start;*/
        justify-content: center;
    }

    .casino-card__chars-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .casino-card__logo-col {
/*        width: 80px;*/
    }

    .casino-card__logo-img {
/*        max-height: 600px;*/
        max-width: 100%;
    }

    .casino-card__logo-placeholder {
        font-size: 1.2rem;
    }

    .casino-card__status-badge {
        font-size: 0.65rem;
        padding:   4px 10px;
    }

    .casino-card__tabs-toggle {
        display: flex;
    }

    .casino-card__nav-tabs {
        display:         none;
        flex-direction:  column;
        width:           100%;
        margin-top:      8px;
        background:      rgba(30, 30, 45, 0.95);
        border:          1px solid rgba(255, 255, 255, 0.1);
        border-radius:   6px;
        padding:         0;
        overflow:        hidden;
        backdrop-filter: blur(10px);
        box-shadow:      0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .casino-card__nav-tabs.is-open {
        display:   flex;
        animation: slideDown 0.25s ease forwards;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .casino-card__nav-tab {
        width:           100%;
        flex:            none;
        justify-content: center;
        background:      transparent;
        border-right:    none;
        border-bottom:   1px solid rgba(255, 255, 255, 0.05);
        border-radius:   0;
        padding:         14px 20px;
        font-size:       0.9rem;
        min-height:      auto;
    }

    .casino-card__nav-tab:last-child {
        border-bottom: none;
    }

    .casino-card__nav-tab:hover {
        background: rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 600px) {
    .casino-card__grid-row {
        grid-template-columns: 1fr;
    }

    .casino-card__logo-col {
        flex-direction:  row;
        border-right:    none;
        border-bottom:   1px solid var(--cc-border);
        padding:         12px 16px;
/*        justify-content: space-between;*/
        justify-content: center;
    }

    .casino-card__logo-img {
/*        max-height: 600px;*/
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .casino-card__name {
        font-size: 1rem;
    }

    .casino-card__bonus-wrapper {
        flex-direction: column;
/*        align-items:    flex-start;*/
        align-items: center;
        gap: 0;
    }

    .casino-card__tabs-toggle {
        padding:   10px 14px;
        font-size: 0.85rem;
    }

    .casino-card__nav-tab {
        padding:   12px 16px;
        font-size: 0.85rem;
    }
}

@media (max-width: 400px) {
    .casino-card__name {
        font-size: 14px;
    }
}

/* ══════════════════════════════════════════════════════════════
   ИСПРАВЛЕНИЕ ПОРЯДКА АККОРДЕОНА НА МОБИЛЬНЫХ
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
    
    /* Превращаем карточку в flex-контейнер для управления порядком */
    .casino-card {
        display:        flex;
        flex-direction: column;
    }

    /* КЛЮЧЕВОЕ РЕШЕНИЕ: "Растворяем" сетку на мобильных */
    .casino-card__grid-row {
        display: contents; 
    }

    /* Теперь все элементы — прямые потомки карточки, можем управлять порядком */
    .casino-card__row--header {
        order: 1;  /* Название + статус */
    }

    .casino-card__row--bonus {
        order: 2;  /* Бонус + промокод */
    }

    .casino-card__logo-col {
        order: 3;  /* Логотип */
        flex-direction:  row;
        border-right:    none;
        border-bottom:   1px solid var(--cc-border);
        padding:         12px 16px;
        justify-content: center;
    }

    .casino-card__col-center {
        order: 4;  /* Центральный контент с кнопкой "Условия" */
    }

    /* Аккордеон открывается СРАЗУ после центрального контента */
    .casino-card__conditions {
        order: 5;  /* Условия бонуса */
    }

    /* Кнопки действий перемещаются ПОСЛЕ аккордеона */
    .casino-card__col-actions {
        order: 6;  /* Кнопки ИГРАТЬ/СКАЧАТЬ */
        padding:    12px 16px;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    .casino-card__row--tabs-bottom {
        order: 7;  /* Навигационные плашки - всегда последние */
    }
}

/* ══════════════════════════════════════════════════════════════
   ✅ КЛЮЧЕВОЕ РЕШЕНИЕ: ВЫРАВНИВАНИЕ ПО ВЫСОТЕ (601px-1100px)
   Применяем тот же принцип, что в promotion-card.css
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) and (min-width: 601px) {
    
    /* Карточка становится flex-контейнером */
    .casino-card {
        display:        flex;
        flex-direction: column;
    }

    /* "Растворяем" сетку для управления порядком элементов */
    .casino-card__grid-row {
        display: contents; 
    }

    /* Устанавливаем правильный порядок элементов */
    .casino-card__row--header {
        order: 1;  /* Название + статус */
    }

    /* ✅ КЛЮЧЕВОЕ: Блок бонуса с фиксированной минимальной высотой
       Как height: 74px у .promotion-card__status */
    .casino-card__row--bonus {
        order:      2;  
/*        min-height: 85px;*/
        display:    flex;
        align-items: center;
    }
    
    .casino-card__bonus-wrapper {
        width:       100%;
/*        min-height:  60px;*/
        display:     flex;
        align-items: center;
        justify-content: center;
    }

    /* ✅ КЛЮЧЕВОЕ: Логотип с фиксированной минимальной высотой
       Как height: 170px у .promotion-card__banner */
    .casino-card__logo-col {
        order:           3;  
        flex-direction:  row;
        border-right:    none;
/*        border-bottom:   1px solid var(--cc-border);*/
        padding:         12px 16px;
        justify-content: center;
/*        min-height:      150px;*/
    }

    /* ✅ КЛЮЧЕВОЕ: Центральный контент растягивается
       Как .promotion-card__description { flex-grow: 1 } */
    .casino-card__col-center {
        order:     4;  
        flex-grow: 1;         /* Растягивается, заполняя пустоту */
    }

    /* ✅ КЛЮЧЕВОЕ: Особенности с минимальной высотой для выравнивания */
    .casino-card__features-col {
/*        min-height: 75px;*/
    }

    .casino-card__conditions {
        order: 5;  /* Условия бонуса */
    }

    /* ✅ КЛЮЧЕВОЕ: Кнопки прижаты к низу
       Как .promotion-card__status { margin-top: auto } */
    .casino-card__col-actions {
        order:           6;  
        display:         flex;
        flex-direction:  column;
        justify-content: center;
        gap:             10px;
        padding:         16px;
/*        border-top:      1px solid rgba(255, 255, 255, 0.05);*/
        width:           100%;
        margin-top:      auto;    /* Прижимаем к низу */
    }

    /* Кнопки на всю ширину в вертикальном режиме */
    .casino-card__col-actions .gt-button,
    .casino-card__col-actions .casino-card__btn-play,
    .casino-card__col-actions .casino-card__btn-download {
        width:      100%;
        text-align: center;
    }

    .casino-card__row--tabs-bottom {
        order: 7;  /* Навигационные плашки - всегда последние */
        padding-bottom: 14px;
    }

    /* Включаем мобильные табы с кнопкой "Ещё" */
    .casino-card__tabs-toggle {
        display: flex;
        padding: 10px 0;
    }

    .casino-card__nav-tabs {
        display:         none;
        flex-direction:  column;
        width:           100%;
        margin-top:      8px;
        background:      rgba(30, 30, 45, 0.95);
        border:          1px solid rgba(255, 255, 255, 0.1);
        border-radius:   6px;
        padding:         0;
        overflow:        hidden;
        backdrop-filter: blur(10px);
        box-shadow:      0 4px 12px rgba(0, 0, 0, 0.3);
        gap:             0;
    }

    .casino-card__nav-tabs.is-open {
        display:   flex;
        animation: slideDown 0.25s ease forwards;
    }

    .casino-card__nav-tab {
        flex:            none;
        width:           100%;
        max-width:       100%;
        justify-content: center;
        border-radius:   0;
        border-right:    none;
        border-left:     none;
        border-top:      none;
        border-bottom:   1px solid rgba(255, 255, 255, 0.05);
        padding:         14px 20px;
        font-size:       0.9rem;
        min-height:      auto;
        transform:       none !important;
    }

    .casino-card__nav-tab:last-child {
        border-bottom: none;
    }

    .casino-card__nav-tab--plate-green {
        border-left:   3px solid var(--info);
        border-right:  none;
        border-top:    none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        box-shadow:    none;
/*        color:         var(--info);*/
        color: var(--cc-title);
    }

    .casino-card__nav-tab--plate-green:last-child {
        border-bottom: none;
    }

    /* Адаптация внутренних блоков */
    .casino-card__name {
        font-size: 18px;
    }

    .casino-card__row--features {
        grid-template-columns: 1fr;
        gap:                   8px;
    }

    .casino-card__tech-col {
        border-left:  none;
        border-right: none;
        border-top:   1px solid var(--cc-border-inner);
        padding:      6px 0 0;
/*        margin-top:   4px;*/
/*        align-items:  flex-start;*/
        align-items: center;
    }

    .casino-card__rating-col {
        flex-direction:  row;
        align-items:     center;
        gap:             8px;
        border-top:      1px solid var(--cc-border-inner);
        padding:     6px 0;
/*        margin-top:      4px;*/
/*        padding-left:    0;*/
        justify-content: center;
    }

    .casino-card__chars-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}