/*
Theme Name: My Gambling Theme
Author: Your Name
Version: 1.0
Text Domain: my-gambling-theme
Description: Кастомная тема для обзоров слотов и брендов
*/

body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f4f4f4; color:#333; }
a { color:#1a73e8; text-decoration:none; }
header, footer { background:#111; color:#fff; padding:20px; }
header a, footer a { color:#fff; }
.container { width:90%; max-width:1200px; margin:0 auto; }

.slot-thumbnail, .brand-logo { margin:20px 0; }
.slot-rating, .slot-demo, .slot-brand, .brand-website { margin:10px 0; font-weight:bold; }
.slot-demo a, .brand-website a { background:#1a73e8; color:#fff; padding:8px 12px; border-radius:5px; }

/* Слайдер */
.top-slots-slider { margin:40px 0; }
.slot-slide { padding:15px; background:#fff; border-radius:8px; text-align:center; }
.slot-slide img { max-width:100%; border-radius:8px; margin-bottom:10px; }
.slot-slide h3 { margin:10px 0; font-size:18px; }
.slot-slide p { margin:5px 0; font-size:14px; }

/* Блок брендов */
.brands-list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px 0; }
.brand-item { width:23%; margin-bottom:20px; text-align:center; background:#fff; border-radius:8px; padding:15px; transition: transform 0.3s; }
.brand-item:hover { transform: translateY(-5px); }
.brand-item img { max-width:100%; height:auto; margin-bottom:10px; }
.brand-item p { font-weight:bold; margin:0; font-size:14px; }
@media(max-width:1024px){ .brand-item{width:48%;} }
@media(max-width:768px){ .brand-item{width:100%;} }

/* Последние обзоры слотов */
.latest-slots { display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px 0; }
.slot-card { width:32%; background:#fff; border-radius:8px; padding:15px; margin-bottom:20px; transition: transform 0.3s, box-shadow 0.3s; }
.slot-card:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.1); }
.slot-card .slot-image img { width:100%; border-radius:6px; margin-bottom:10px; }
.slot-card h3 { margin:10px 0 5px; font-size:18px; }
.slot-card .slot-rating, .slot-card .slot-brand { font-size:14px; margin-bottom:5px; }
.slot-card .slot-excerpt { font-size:13px; color:#555; }
@media(max-width:1024px){ .slot-card{width:48%;} }
@media(max-width:768px){ .slot-card{width:100%;} }