/*
Theme Name: Stake BE
Description: Block (FSE) casino theme for stake-becasino.com — templates/parts + theme.json
Author: Studio 9c02d7
Version: 2.0
Requires at least: 6.1
Tested up to: 6.6
Text Domain: stake-be
*/

/* --- base (team standard) --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { word-wrap: anywhere; }
:where(a, li a span) { transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; }
.wp-block-button a { white-space: nowrap; text-transform: uppercase; }
.img-filter { filter: brightness(0) invert(1); }
.is-style-hover ul li a:hover span { color: #f2d62d; transition: color 0.5s linear; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* content links in entry content */
:where(.entry-content p > a, .entry-content ul li a, .entry-content ol li a) { text-underline-offset: 3px; }

/* --- header / nav (team standard) --- */
.wp-block-navigation a { color: var(--wp--preset--color--muted); font-weight: 500; }
.wp-block-navigation a:hover { color: #fff; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(15,33,46,.96); border-bottom: 1px solid var(--wp--preset--color--line); }

/* button mobile padding (team standard) */
.bttn-mobile-padding a { padding: 10px 20px; font-size: 12px; }

/* footer secondary row reversal (team standard) */
@media (max-width: 991px) { .ftr-row-secondary { flex-direction: column-reverse; } }
/* header nav+button row reverse at burger breakpoint */
@media (max-width: 767px) { .hdr-row-reverse { flex-direction: row-reverse; } }

/* --- lang switcher --- */
.lang-switch { display:inline-flex; gap:4px; align-items:center; font-size:14px; font-weight:600; }
.lang-switch a { color: var(--wp--preset--color--muted); padding:4px 7px; border-radius:4px; text-decoration:none; }
.lang-switch a.on { color:#fff; background: var(--wp--preset--color--line); }

/* --- hero (custom) --- */
.hero-card { position:relative; border-radius:12px; overflow:hidden; border:1px solid var(--wp--preset--color--line); display:block; }
.hero-card img { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:16/9; }
.hero-card .cap { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; padding:12px 16px; background:linear-gradient(transparent,rgba(0,0,0,.85)); font-weight:600; }
.hero-card .cap .count { color: var(--wp--preset--color--accent-green); }

/* --- games grid (custom) --- */
.games-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.game-card { background:var(--wp--preset--color--card); border:1px solid var(--wp--preset--color--line); border-radius:12px; overflow:hidden; transition:.15s; text-decoration:none; display:block; }
.game-card:hover { transform:translateY(-3px); border-color:var(--wp--preset--color--primary); }
.game-card img { width:100%; aspect-ratio:263/156; object-fit:cover; display:block; }
.game-card .g-meta { padding:10px 12px; }
.game-card .g-name { font-weight:600; font-size:15px; color:#fff; display:block; }
.game-card .g-prov { font-size:12px; color:var(--wp--preset--color--muted); }
.game-tabs .wp-block-button__link { background:var(--wp--preset--color--card); color:var(--wp--preset--color--muted); }
.game-tabs .active .wp-block-button__link { background:#31586e; color:#fff; }

@media (max-width: 900px) { .games-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 560px) { .games-grid { grid-template-columns:1fr 1fr; } }

/* footer 3 responsible-gaming images row */
.ftr-logos img { height:34px; width:auto; opacity:.85; }

.ftr-logos .rg-badge{height:38px;width:auto;opacity:.9;transition:opacity .2s}
.ftr-logos a:hover .rg-badge{opacity:1}