/*!
Theme Name: Chillbet
Theme URI: #
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chillbet
*/
:root {
  --primary: #16345A;
  --accent: #e9cd16;
  --bg-dark: #050c14;
  --radius-scale: 12px;
  --layout-density: compact;
  --shadow-type: none;
  --grid-type: masonry;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg-dark); color: #ffffff; font-family: 'Inter', sans-serif; line-height: 1.4; -webkit-font-smoothing: antialiased; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; position: relative; }
section { padding: 40px 0; position: relative; overflow: hidden; }
.signature-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 40%, rgba(233, 205, 22, 0.05) 45%, rgba(233, 205, 22, 0.05) 55%, transparent 60%); pointer-events: none; z-index: 1; }
h1 { font-size: 2.5rem; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; color: var(--accent); }
h2 { font-size: 1.8rem; text-transform: uppercase; font-weight: 800; margin-bottom: 20px; border-left: 4px solid var(--accent); padding-left: 15px; }
p { margin-bottom: 15px; font-size: 0.95rem; color: #cbd5e1; }
img { max-width: 100%; height: auto; border-radius: var(--radius-scale); }
.btn-primary { background: var(--accent); color: #000; padding: 12px 24px; border-radius: var(--radius-scale); font-weight: 700; text-decoration: none; display: inline-block; text-transform: uppercase; border: none; transition: transform 0.2s; }
.btn-secondary { border: 2px solid var(--accent); color: var(--accent); padding: 10px 22px; border-radius: var(--radius-scale); font-weight: 700; text-decoration: none; display: inline-block; text-transform: uppercase; background: transparent; }
.btn-ghost { color: var(--accent); text-decoration: underline; font-weight: 600; background: none; border: none; cursor: pointer; }
.header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: var(--primary); border-bottom: 2px solid var(--accent); position: sticky; top: 0; z-index: 100; }
.header .logo { font-weight: 900; font-size: 1.5rem; color: var(--accent); text-decoration: none; }
.header ul { display: flex; list-style: none; gap: 15px; }
.header ul li a { color: #fff; text-decoration: none; font-size: 0.85rem; text-transform: uppercase; }
.lang-selector { color: var(--accent); font-weight: bold; cursor: pointer; }
.card-glass { background: rgba(22, 52, 90, 0.4); backdrop-filter: blur(10px); border: 1px solid rgba(233, 205, 22, 0.2); padding: 15px; border-radius: var(--radius-scale); }
.card-brutalist { border: 2px solid var(--accent); padding: 15px; border-radius: var(--radius-scale); background: transparent; }
.card-accent { background: var(--primary); border-left: 6px solid var(--accent); padding: 20px; border-radius: var(--radius-scale); }
.horizontal-scroll { display: flex; overflow-x: auto; gap: 15px; padding-bottom: 15px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.horizontal-scroll::-webkit-scrollbar { height: 4px; }
.horizontal-scroll::-webkit-scrollbar-thumb { background: var(--accent); }
.scroll-item { flex: 0 0 260px; scroll-snap-align: start; }
.masonry-grid { column-count: 2; column-gap: 15px; }
@media (min-width: 768px) { .masonry-grid { column-count: 3; } }
.masonry-item { break-inside: avoid; margin-bottom: 15px; }
.asymmetric-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }
@media (min-width: 768px) { .asymmetric-grid { grid-template-columns: 1.6fr 1fr; } }
.overlap-section { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 768px) { .overlap-section { flex-direction: row; } }
.overlap-img { width: 100%; margin-bottom: -30px; z-index: 1; }
@media (min-width: 768px) { .overlap-img { width: 55%; margin-bottom: 0; margin-right: -10%; } }
.overlap-content { width: 100%; background: var(--primary); padding: 30px; border: 2px solid var(--accent); z-index: 2; position: relative; }
@media (min-width: 768px) { .overlap-content { width: 50%; } }
.footer { background: #02060a; padding: 40px 20px; border-top: 2px solid var(--primary); }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }
.footer ul { list-style: none; }
.footer ul li { margin-bottom: 10px; }
.footer ul li a { color: #94a3b8; text-decoration: none; font-size: 0.85rem; }
.footer-bottom { margin-top: 30px; padding-top: 20px; border-top: 1px solid #1e293b; text-align: center; font-size: 0.75rem; color: #64748b; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; }
th, td { border: 1px solid var(--primary); padding: 12px; text-align: left; }
th { background: var(--primary); color: var(--accent); }
.vip-progress { height: 10px; background: #1e293b; border-radius: 5px; overflow: hidden; margin: 10px 0; }
.vip-bar { height: 100%; background: var(--accent); width: 65%; }
.payment-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 10px; }
.payment-icon { background: #fff; padding: 10px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.payment-icon img { filter: grayscale(1); transition: 0.3s; }
.payment-icon:hover img { filter: grayscale(0); }
.responsible-box { border: 2px dashed #ef4444; padding: 20px; border-radius: var(--radius-scale); background: rgba(239, 68, 68, 0.05); }

img {max-width: 100% !important;height: auto;display: block;}
html {overflow-x: hidden;}
.wp-block-image {margin: 20px auto;max-width: 100%;}
.wp-block-image img {margin: 0 auto;}
.logo img {max-height: 50px;}
table{margin-top: 20px;margin-bottom: 20px;border-spacing: 0;}
th, td {padding: 5px; border-bottom: 1px solid var(--accent)}
.content-block p,.content-block h2, .content-block h3, .content-block ul, .content-block ol,
.content p,.content h2, .content h3, .content ul, .content ol{margin-top: 1em;margin-bottom: 1em;}