/* modern.css — modernization layer 2026 (indiasportsbetting.org) */

/* ============ HERO (home) ============ */
.main_top_bg.mod_hero{
  background:linear-gradient(rgba(8,10,14,.72),rgba(8,10,14,.86)),url(/wp-content/themes/nyklineindia/images/background_homepage_betting.webp) no-repeat center;
  background-size:cover;
  min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;
  border-bottom:3px solid #CBBF1C;
}
.mod_hero_in{position:relative;z-index:3;max-width:920px;padding:90px 20px 60px;margin:0 auto}
.mod_hero_in h1{
  color:#fff;font-size:52px;line-height:1.12;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  margin:0 0 22px 0;padding:0;border:none;text-shadow:0 3px 18px rgba(0,0,0,.65);
}
.mod_hero_in h1::after{content:"";display:block;width:96px;height:4px;background:#CBBF1C;border-radius:2px;margin:22px auto 0}
.mod_hero_sub{color:#d9d9d9;font-size:19px;line-height:1.6;max-width:760px;margin:0 auto 40px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.mod_sports{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;margin-top:10px}
.mod_sp{display:flex;flex-direction:column;align-items:center;gap:8px;color:#CBBF1C;min-width:76px;
  padding:14px 12px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(203,191,28,.35);border-radius:14px;
  backdrop-filter:blur(3px);transition:transform .18s ease,border-color .18s ease}
.mod_sp:hover{transform:translateY(-3px);border-color:#CBBF1C}
.mod_sp svg{width:38px;height:38px}
.mod_sp span{color:#e8e8e8;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}

/* ============ BRAND PLATES ============ */
.mod_brand{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:var(--bc,#333);color:var(--tc,#fff);border-radius:12px;font-weight:800;letter-spacing:.4px;
  font-size:26px;line-height:1;padding:18px 34px;min-width:270px;min-height:65px;text-decoration:none;
  box-shadow:0 4px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22);text-transform:none}
.mod_brand_sm{font-size:17px;min-width:150px;min-height:44px;padding:10px 16px;border-radius:9px}
.mod_brand_xs{font-size:14px;min-width:0;min-height:0;padding:8px 12px;border-radius:8px;letter-spacing:.3px}
a.mod_brand:hover{filter:brightness(1.12);color:var(--tc,#fff)}

/* ============ REVIEW HERO (/bet/*) ============ */
.vn_top_bg{background:linear-gradient(rgba(8,10,14,.78),rgba(8,10,14,.9)),url(/wp-content/themes/nyklineindia/images/background_homepage_betting.webp) no-repeat center;background-size:cover}
.vn_top_bg .main_top_bg_cbk{text-align:center}
.vn_top_bg h1.center{font-size:44px;letter-spacing:.5px}
.bet_block_bonuss{
  display:inline-block;background:rgba(203,191,28,.12)!important;border:1px solid rgba(203,191,28,.55);
  color:#ffe45c;border-radius:12px;padding:12px 22px;font-size:19px}
.main_bet_reyt span{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
a.main_sub{border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:filter .15s ease}
a.main_sub:hover,a.getbonus:hover{filter:brightness(1.12)}
a.getbonus{border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:filter .15s ease}
.vn_bet_preim{margin:26px auto 10px;max-width:1100px}
.vn_bet_preim ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:0}
.vn_bet_preim li{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;
  padding:9px 18px 9px 38px;font-size:15px;font-weight:600;color:#eaeaea;position:relative;list-style:none}
.vn_bet_preim li::before{
  content:"";position:absolute;left:14px;top:50%;width:14px;height:8px;margin-top:-7px;
  border-left:3px solid #67c748;border-bottom:3px solid #67c748;transform:rotate(-45deg);border-radius:1px}

/* ============ SIDEBAR: Top Betting Sites cards ============ */
.mod_top{display:flex;flex-direction:column;gap:12px}
.mod_tc{display:flex;flex-direction:column;gap:8px;background:#202020;border:1px solid #333;border-radius:14px;
  padding:14px;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.mod_tc:hover{border-color:#CBBF1C;transform:translateY(-2px)}
.mod_tc_b{color:#ffe45c;font-size:14px;font-weight:700;line-height:1.35}
.mod_tc_go{color:#CBBF1C;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.mod_tc_go::after{content:" →"}
.sidebar .widget_title .widgettitle{font-size:18px;letter-spacing:.6px}

/* ============ CONTENTS (ez-toc) ============ */
#ez-toc-container,[id="ez-toc-container"]{
  background:#1d1d1d;border:1px solid #383838;border-left:4px solid #CBBF1C;border-radius:14px;
  padding:20px 24px;margin:26px 0;box-shadow:0 4px 16px rgba(0,0,0,.35)}
#ez-toc-container .ez-toc-title-container,[id="ez-toc-container"] .ez-toc-title-container{display:flex;align-items:center;margin:0 0 10px 0}
#ez-toc-container .ez-toc-title,[id="ez-toc-container"] .ez-toc-title{
  color:#fff;font-size:17px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin:0;padding:0}
#ez-toc-container .ez-toc-title::before,[id="ez-toc-container"] .ez-toc-title::before{
  content:"☰";color:#CBBF1C;margin-right:10px;font-size:18px}
#ez-toc-container nav ul.ez-toc-list,[id="ez-toc-container"] nav ul.ez-toc-list{margin:0;padding:0;list-style:none;column-gap:36px}
#ez-toc-container nav ul.ez-toc-list>li,[id="ez-toc-container"] nav ul.ez-toc-list>li{
  margin:0;padding:7px 0 7px 22px;position:relative;border-bottom:1px dashed #333;font-size:15px;line-height:1.4}
#ez-toc-container nav ul.ez-toc-list>li:last-child,[id="ez-toc-container"] nav ul.ez-toc-list>li:last-child{border-bottom:none}
#ez-toc-container nav ul.ez-toc-list>li::before,[id="ez-toc-container"] nav ul.ez-toc-list>li::before{
  content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:2px;background:#CBBF1C;opacity:.85}
#ez-toc-container a,[id="ez-toc-container"] a{color:#dcdcdc!important;text-decoration:none}
#ez-toc-container a:hover,[id="ez-toc-container"] a:hover{color:#ffe45c!important}

/* ============ TABLES ============ */
.entry table,.std-table{width:100%;border-collapse:collapse;margin:26px 0;background:#1c1c1c;
  border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;font-size:15px;line-height:1.45}
.entry table th,.entry table td,.std-table th,.std-table td{
  border:1px solid #3a3a3a;padding:11px 14px;vertical-align:top;color:#d8d8d8}
.entry table tr:first-child td,.entry table thead th,
.std-table tr:first-child td,.std-table thead th{
  background:#262626;color:#ffe45c;font-weight:700}
.entry table tbody tr:nth-child(even),.std-table tr:nth-child(even){background:#212121}
.entry table tbody tr:hover,.std-table tr:hover{background:#2b2b1e}
.entry table td[style*="background-color: #181818"]{background-color:#262626!important;color:#ffe45c}

/* ============ LISTS ============ */
.entry ul,.entry ol{margin:0 0 24px 0;padding:0;list-style:none}
.entry ul li{position:relative;padding:6px 0 6px 30px;line-height:1.55}
.entry ul li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:7px;
  border-left:3px solid #CBBF1C;border-bottom:3px solid #CBBF1C;transform:rotate(-45deg);border-radius:1px}
.entry ol{counter-reset:modol}
.entry ol li{position:relative;padding:6px 0 6px 38px;line-height:1.55;counter-increment:modol}
.entry ol li::before{content:counter(modol);position:absolute;left:0;top:7px;width:24px;height:24px;
  background:#CBBF1C;color:#111;font-size:13px;font-weight:800;line-height:24px;text-align:center;border-radius:50%}

/* ============ ARTICLE FIGURE (photos) ============ */
.mod_fig{margin:0 0 26px 0;padding:0}
.mod_fig img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 6px 22px rgba(0,0,0,.45)}
.mod_fig figcaption{color:#9a9a9a;font-size:13px;text-align:center;padding:8px 6px 0;font-style:italic}

/* ============ RG note ============ */
.rg_note section#content{border:1px solid rgba(203,191,28,.4);border-radius:14px;background:#1c1c14}

/* ============ BET BLOCKS (home + hub) ============ */
.bet_block{border-radius:14px;border:1px solid #3d3a17;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.bet_block_sub a{border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.4)}
.bet_block_sub a:hover{filter:brightness(1.12)}

/* ============ RESPONSIVE ============ */
@media (max-width:767px){
  .main_top_bg.mod_hero{min-height:0}
  .mod_hero_in{padding:70px 16px 44px}
  .mod_hero_in h1{font-size:30px;line-height:1.2}
  .mod_hero_sub{font-size:16px;margin-bottom:28px}
  .mod_sports{gap:10px 12px}
  .mod_sp{min-width:62px;padding:10px 8px 8px}
  .mod_sp svg{width:30px;height:30px}
  .mod_sp span{font-size:10px}
  .mod_brand{min-width:210px;font-size:21px;padding:14px 20px}
  .vn_top_bg h1.center{font-size:30px}
  #ez-toc-container,[id="ez-toc-container"]{padding:16px 16px}
  .entry table,.std-table{font-size:13px}
  .entry table th,.entry table td,.std-table th,.std-table td{padding:8px 9px}
}

/* brand logos 20260924 */
.mod_brand_img{display:inline-block;line-height:0}
.mod_brand_img img{display:block;width:220px;height:88px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.mod_brand_logo{display:block;width:200px;height:80px;border-radius:14px;margin:6px auto}
img.mod_brand_logo_xs{display:inline-block;width:120px;height:48px;border-radius:10px;vertical-align:middle}
@media(max-width:767px){.mod_brand_img img{width:180px;height:72px}.mod_brand_logo{width:170px;height:68px}}
/* table not stretched */
.entry table, .article-table{max-width:680px;margin:18px auto}

/* kill li-level decimal from theme (loads after us) */
.entry ol>li{list-style:none!important}

/* brand logos: keep aspect, no distortion */
.bet_block_img img{width:150px;height:44px;object-fit:contain;padding:5px;box-sizing:content-box}

/* contents: always expanded (ez-toc JS toggle absent on static) */
#ez-toc-container nav,#ez-toc-container nav ul.ez-toc-list{display:block!important;height:auto!important}
#ez-toc-container nav ul.ez-toc-list>li{border-bottom:1px solid #3a3a3a;padding:6px 0}

/* tablecontents: always expanded (no JS toggle on static) */
.tablecontents_e{display:block!important}