/* Shared casino snippet component CSS — extracted from inline styles */
.casino-snippet-section { background: #f9fafb; padding: 2rem 1.5rem; margin: 1.5rem 0 2rem 0; border-radius: 1rem; border: 1px solid #e5e7eb; }
.casino-snippet-section h2 { color: #111827; font-size: 1.5rem; font-weight: 800; margin-bottom: 0.5rem; text-align: center; }
.casino-snippet-section > p { color: #6b7280; text-align: center; margin-bottom: 1.5rem; }
.casino-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; }
.casino-card { background: white; border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1.5rem; transition: all 0.25s ease; position: relative; display: flex; flex-direction: column; height: 100%; }
.casino-card:hover { transform: translateY(-4px); box-shadow: 0 12px 48px rgba(0,0,0,0.12); border-color: #22c55e; }
.casino-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; }
.casino-card-rank { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.875rem; }
.casino-card-rating { display: flex; align-items: center; gap: 0.25rem; background: #f0fdf4; padding: 0.25rem 0.5rem; border-radius: 9999px; }
.casino-card-rating .stars { color: #fbbf24; }
.casino-card-rating .score { font-weight: 700; color: #111827; }
.casino-card-name { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; color: #111827; }
.casino-card-tagline { font-size: 0.9rem; color: #6b7280; margin-bottom: 1.5rem; line-height: 1.5; flex-grow: 1; min-height: 4.5em; }
.casino-card-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.25rem; margin-bottom: 1.5rem; min-height: 52px; }
.casino-card-feature { font-size: 0.7rem; background: #f3f4f6; padding: 0.25rem 0.5rem; border-radius: 4px; color: #6b7280; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.casino-card-footer { margin-top: auto; }
.casino-card-buttons { display: flex; gap: 0.5rem; }
.casino-card-buttons .casino-card-cta { flex: 1; }
.casino-card-cta { display: block; width: 100%; padding: 1rem 1.5rem; background: #22c55e; color: white; text-align: center; border-radius: 0.75rem; font-weight: 600; transition: all 0.15s ease; box-shadow: 0 5px 15px rgba(34,197,94,0.4); text-decoration: none; }
.casino-card-cta:hover { background: #16a34a; color: white; transform: translateY(-2px); }
.casino-card-review { display: block; flex: 1; padding: 1rem 1rem; background: #fff; color: #22c55e; text-align: center; border-radius: 0.75rem; font-weight: 600; transition: all 0.15s ease; border: 2px solid #22c55e; text-decoration: none; font-size: 0.95rem; }
.casino-card-review:hover { background: #f0fdf4; color: #16a34a; border-color: #16a34a; transform: translateY(-2px); }
.casino-card-disclaimer { font-size: 0.7rem; color: #9ca3af; margin-top: 1rem; line-height: 1.4; min-height: 2.8em; }
@media (max-width: 768px) { .casino-grid { grid-template-columns: 1fr; } }