/* ===== Bons Casino site additions (over the molodej theme style.css) ===== */
*{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:#3fcd7b}
.entry a{color:#3fcd7b;text-decoration:underline}
.wrap{box-sizing:border-box}
/* --- header layout: theme hides .main_nav (JS toggle). We show it flat, no drawer --- */
header{padding:12px 0;box-shadow:0 0 5px rgba(0,0,0,.35);background:#181a1f;position:relative;z-index:50}
.header_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
header .logo{width:130px}
header .logo img{display:block}
.adapt_menu{display:none!important}
.main_nav{display:block!important;padding:14px 0 0;order:4;width:100%;flex:0 0 100%}
.main_nav>ul{display:flex;flex-wrap:wrap;gap:6px 0;justify-content:flex-start;align-items:center;list-style:none;margin:0;padding:0}
.main_nav>ul>li{display:block;padding:0 22px 0 0;position:relative}
.main_nav>ul>li:last-child{padding-right:0}
.main_nav>ul>li>a{font-weight:500;font-size:15px;line-height:110%;color:#fff;text-decoration:none;position:relative;display:inline-block;padding:0 0 4px}
.main_nav>ul>li>a:hover,.main_nav>ul>li.current-menu-item>a{color:#27ae60}
.main_nav>ul>li>a:before{content:"";display:block;position:absolute;bottom:-2px;right:0;height:1px;width:0;background:#ffbc00;border-radius:2px;transition:all .3s .02s ease}
.main_nav>ul>li>a:hover:before,.main_nav>ul>li.current-menu-item>a:before{width:100%}
a.m_but{display:inline-block;width:auto;min-width:120px;padding:10px 20px;background:#ff513a;border-radius:4px;font-weight:700;font-size:15px;line-height:18px;text-align:center;letter-spacing:.04em;color:#fff;text-decoration:none;text-transform:none}
a.m_but:hover{color:#fff;background:#3fcd7b}
/* --- home blocks --- */
h1.center{font-size:30px;line-height:1.25;margin:26px 0 18px;color:#fff;text-align:center}
.top_exc_st_id{margin:0 0 26px;background:#2f313a;border-radius:8px;padding:16px 18px;box-shadow:0 0 5px rgba(0,0,0,.3)}
.top_exc_st_id_title{font-weight:700;font-size:16px;margin:0 0 10px;color:#ffbc00}
.top_exc_st_id_b{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.top_exc_st_id_input{flex:1 1 260px;min-width:200px;background:#181a1f;border:1px solid #3fcd7b;color:#fff;border-radius:4px;padding:10px 12px;font-family:'Roboto Condensed',sans-serif;font-size:16px}
.top_exc_st_id_sub{background:#3fcd7b;color:#0f1115;border:0;border-radius:4px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:15px}
.top_exc_st_id_copied{color:#3fcd7b;font-size:13px;display:none}
.monetizing{margin:0 0 24px}
.monetizing_block .entry p{color:#d7d9de}
.ba_block{margin:0 0 26px;background:#1e1f26;border-radius:8px;padding:18px;box-shadow:0 0 5px rgba(0,0,0,.3)}
h2.main_zag{font-size:22px;line-height:1.25;color:#fff;margin:0 0 16px;border-left:4px solid #ffbc00;padding-left:12px}
.param_list{display:flex;flex-direction:column;gap:10px}
.param_b{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.param_bt{flex:0 0 130px;font-weight:500;color:#fff}
.param_bl{flex:1 1 auto;background:#2a2d36;border-radius:4px;height:22px;position:relative;min-width:160px;overflow:hidden}
.param_b_line{display:block;height:100%;background:linear-gradient(90deg,#1ab354,#3fcd7b);color:#0f1115;font-weight:700;font-size:12px;line-height:22px;text-align:right;padding-right:8px}
.autor_list{display:flex;gap:18px;align-items:flex-start;background:#1e1f26;border-radius:8px;padding:18px;margin:0 0 26px;box-shadow:0 0 5px rgba(0,0,0,.3)}
.autor_list_img img{width:100px;height:100px;border-radius:8px}
.autor_list_r{flex:1 1 auto}
.autor_list_r>span{display:block;font-weight:700;font-size:18px;color:#ffbc00;margin:0 0 8px}
.entry p{margin:0 0 16px;color:#d7d9de}
.entry h2{font-size:20px;color:#fff;margin:22px 0 12px}
.entry h3{font-size:17px;color:#ffbc00;margin:18px 0 10px}
.entry ul,.entry ol{margin:0 0 16px;padding-left:22px;color:#d7d9de}
.entry ul li{list-style:disc;margin:0 0 6px}
.entry ol li{list-style:decimal;margin:0 0 6px}
table.article-table{width:100%;border-collapse:collapse;margin:0 0 18px;background:#23252c}
table.article-table th,table.article-table td{border:1px solid #3a3d47;padding:9px 11px;text-align:left;color:#e6e8ec;font-size:15px}
table.article-table th{background:#2f313a!important;color:#fff!important;font-weight:700}
table.article-table tr:nth-child(even) td{background:#1e2026}
.article-table-wrap{overflow-x:auto;margin:0 0 18px}
.entry table:not(.article-table){width:100%;border-collapse:collapse;margin:0 0 18px;background:#23252c}
.entry table:not(.article-table) td{border:1px solid #3a3d47;padding:8px 10px;color:#e6e8ec}
.entry img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry img{display:block;margin:0 auto 6px;border-radius:8px}
.entry figure{margin:0 0 18px}
.entry figcaption{font-size:13px;color:#959596;text-align:center;margin:0 0 12px}
.faqs_list{display:flex;flex-direction:column;gap:12px}
.faq_b{background:#2f313a;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.3)}
.faq_b_title{font-weight:500;font-size:17px;line-height:1.3;padding:14px 16px;color:#fff;cursor:pointer;position:relative;padding-right:44px}
.faq_b_title:after{content:"+";position:absolute;right:16px;top:12px;font-size:22px;color:#3fcd7b;font-weight:700}
.faq_b.open .faq_b_title:after{content:"\2212"}
.faq_b_text{padding:0 16px 14px;color:#d7d9de;display:none}
.faq_b.open .faq_b_text{display:block}
/* --- category hub --- */
.page_title{font-size:26px;color:#fff;margin:26px 0 6px}
.page_desc{color:#959596;margin:0 0 22px}
.post_cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin:0 0 30px;list-style:none;padding:0}
.post_card{background:#1e1f26;border-radius:8px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,.3);display:flex;flex-direction:column;transition:transform .2s}
.post_card:hover{transform:translateY(-3px)}
a.post_card_img{display:block;aspect-ratio:3/2;overflow:hidden;background:#2a2d36}
a.post_card_img img{width:100%;height:100%;object-fit:cover;display:block}
.post_card_b{padding:14px 16px 18px}
.post_card_cat{display:inline-block;font-size:12px;color:#3fcd7b;text-transform:none;margin:0 0 6px;font-weight:700}
.post_card_t{font-size:17px;line-height:1.3;margin:0 0 8px}
.post_card_t a{color:#fff;text-decoration:none}
.post_card_t a:hover{color:#3fcd7b}
.post_card_e{font-size:14px;color:#b2b2b2;margin:0 0 10px}
.post_card_more{font-size:14px;color:#ffbc00;text-decoration:none;font-weight:700}
.cat_tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0 0 30px;list-style:none;padding:0}
.cat_tile{background:#1e1f26;border-radius:8px;padding:16px 18px;box-shadow:0 0 5px rgba(0,0,0,.3);border-left:4px solid #ffbc00}
.cat_tile a{color:#fff;text-decoration:none;font-weight:700;font-size:17px;display:block}
.cat_tile a:hover{color:#3fcd7b}
.cat_tile span{display:block;color:#959596;font-size:13px;margin:6px 0 0}
/* --- article --- */
.breadcrumbs{font-size:13px;color:#959596;margin:18px 0 4px}
.breadcrumbs a{color:#3fcd7b;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.article_head h1{font-size:26px;line-height:1.28;color:#fff;margin:6px 0 12px}
.article_meta{font-size:13px;color:#959596;margin:0 0 18px}
.article_cover{margin:0 0 20px}
.article_cover img{border-radius:8px}
.related{margin:30px 0 0}
.related h2{font-size:20px;color:#fff;margin:0 0 16px}
/* --- RG / responsible gaming --- */
.rgblock{background:#2a1a1a;border:1px solid #ff513a;border-radius:8px;padding:16px 18px;margin:24px 0}
.rgblock .rg_18{display:inline-block;background:#ff513a;color:#fff;font-weight:700;border-radius:4px;padding:2px 8px;margin:0 0 8px}
.rgblock p{margin:0;color:#f0d9d5;font-size:14px}
.rgblock a{color:#ffbc00}
/* --- footer --- */
footer{padding:24px 0 10px;margin:30px 0 0;border-top:1px solid #2a2d36;text-align:center}
.flogo{width:150px;margin:0 auto 12px}
.f_soc ul{display:flex;gap:14px;justify-content:center;list-style:none;margin:0 0 12px;padding:0}
.f_soc a{color:#959596;text-decoration:none;font-size:14px}
.f_soc a:hover{color:#3fcd7b}
.copu{color:#fff;font-weight:700;font-size:12px;line-height:16px;text-align:center;padding:10px 0 0}
.copu a{color:#3fcd7b;text-decoration:none}
@media (max-width:1020px){
  h1.center{font-size:24px}
  .main_nav>ul{gap:6px 0}
  .main_nav>ul>li{padding:0 16px 0 0}
}
@media (max-width:759px){
  header .logo{width:110px}
  .main_nav>ul{justify-content:flex-start}
  .param_bt{flex:0 0 100%}
  .autor_list{flex-direction:column}
  .post_cards{grid-template-columns:1fr}
}