/* ============================================
   QUOTE STYLES - 20 STYLES
   10 Minimal + 10 Casino Themed
   ============================================ */

/* ============================================
   MINIMAL STYLES (1-10)
   ============================================ */

/* Style 1: Thin Left Line */
.hydra-quote--thin-left {
    padding-left: 16px;
    border-left: 2px solid #2563eb;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 2: Soft Background */
.hydra-quote--soft-bg {
    padding: 16px 18px;
    background: #f9fafb;
    border-radius: 6px;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 3: Light Border */
.hydra-quote--light-border {
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 4: Subtle Top */
.hydra-quote--subtle-top {
    padding: 16px 18px;
    border-top: 1px solid #d1d5db;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 5: Accent Top Bar */
.hydra-quote--accent-top {
    padding: 16px 18px;
    border-top: 2px solid #10b981;
    background: #ffffff;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 6: Card Shadow */
.hydra-quote--card-shadow {
    padding: 16px 18px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 7: Minimal Icon */
.hydra-quote--minimal-icon {
    padding: 16px 18px 16px 52px;
    background: #f9fafb;
    border-radius: 6px;
    position: relative;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

.hydra-quote--minimal-icon::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 18px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 4px;
    opacity: 0.9;
}

/* Style 8: Colored BG Light */
.hydra-quote--colored-light {
    padding: 16px 18px;
    background: #eff6ff;
    border-radius: 6px;
    font-size: 14.5px;
    color: #1e40af;
    line-height: 1.65;
}

/* Style 9: Left + Top Combo */
.hydra-quote--combo {
    padding: 16px 18px;
    padding-left: 20px;
    border-left: 3px solid #8b5cf6;
    border-top: 1px solid #e5e7eb;
    background: #fafafa;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 10: Clean Minimal */
.hydra-quote--clean {
    padding: 18px 20px;
    background: #f8fafc;
    font-size: 14.5px;
    color: #334155;
    line-height: 1.7;
}

/* ============================================
   CASINO THEMED STYLES (11-20)
   ============================================ */

/* Style 11: Gold Accent */
.hydra-quote--gold {
    padding-left: 16px;
    border-left: 3px solid #f59e0b;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

/* Style 12: Jackpot Gold BG */
.hydra-quote--jackpot {
    padding: 16px 18px;
    background: #fffbeb;
    border-radius: 6px;
    border: 1px solid #fcd34d;
    font-size: 14.5px;
    color: #78350f;
    line-height: 1.65;
}

/* Style 13: VIP Purple */
.hydra-quote--vip {
    padding: 16px 18px;
    background: #faf5ff;
    border-radius: 6px;
    border-left: 3px solid #a855f7;
    font-size: 14.5px;
    color: #581c87;
    line-height: 1.65;
}

/* Style 14: Bonus Green */
.hydra-quote--bonus {
    padding: 16px 18px;
    background: #f0fdf4;
    border-top: 2px solid #22c55e;
    border-radius: 6px;
    font-size: 14.5px;
    color: #166534;
    line-height: 1.65;
}

/* Style 15: Warning Red */
.hydra-quote--warning {
    padding: 16px 18px;
    background: #fef2f2;
    border-left: 3px solid #ef4444;
    font-size: 14.5px;
    color: #991b1b;
    line-height: 1.65;
}

/* Style 16: Chip Style */
.hydra-quote--chip {
    padding: 16px 18px 16px 56px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    position: relative;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

.hydra-quote--chip::before {
    content: '₴';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    border: 2px dashed rgba(245, 158, 11, 0.3);
}

/* Style 17: Roulette Red/Black */
.hydra-quote--roulette {
    padding: 16px 18px 16px 48px;
    background: #fafafa;
    border-radius: 6px;
    position: relative;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

.hydra-quote--roulette::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 20px;
    width: 16px;
    height: 16px;
    background: #ef4444;
    border-radius: 50%;
    border: 2px solid #fbbf24;
}

/* Style 18: Card Suits */
.hydra-quote--cards {
    padding: 16px 18px 16px 52px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    position: relative;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

.hydra-quote--cards::before {
    content: '♠';
    position: absolute;
    left: 20px;
    top: 18px;
    font-size: 20px;
    color: #1e293b;
}

/* Style 19: Star VIP */
.hydra-quote--star {
    padding: 16px 18px 16px 50px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 8px;
    position: relative;
    font-size: 14.5px;
    color: #78350f;
    line-height: 1.65;
}

.hydra-quote--star::before {
    content: '⭐';
    position: absolute;
    left: 18px;
    top: 18px;
    font-size: 20px;
}

/* Style 20: Diamond Premium */
.hydra-quote--diamond {
    padding: 16px 18px 16px 52px;
    background: #ffffff;
    border: 1px solid #e0e7ff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.65;
}

.hydra-quote--diamond::before {
    content: '💎';
    position: absolute;
    left: 18px;
    top: 18px;
    font-size: 20px;
}