/*
Theme Name: Ligobet XBet
Theme URI: https://lligobet.net/
Description: Ligobet güncel giriş adresi rehberi — modern tek-sayfa landing + temalı iç sayfa düzeni, yazar/puanlama sistemi. CTA merkezli, AMP uyumlu.
Author: memo
Version: 1.0
*/
:root{--bg:#f7fbf4;--paper:#ffffff;--ink:#12361c;--body:#3e5c46;--edge:#d3e8d4;--teal:#178a38;--teal2:#f5c518;--coral:#c8960a;--soft:#e7f6e6;--ok:#178a38;--radius:16px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,Roboto,Arial,sans-serif;background:var(--bg);color:var(--body);line-height:1.72}
img,svg{max-width:100%;display:block}
a{text-decoration:none}
.wrap{max-width:1060px;margin:0 auto;padding:0 1.25rem}
header.site{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
header.site .bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.3rem;color:var(--ink)}
.logo span{color:var(--coral)}
.navwrap{display:flex;align-items:center;gap:1.2rem}
nav.main a{color:var(--body);margin-left:1.2rem;font-size:.9rem}
nav.main a:hover{color:var(--teal)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:#ffffff;background:var(--teal);padding:.78rem 1.9rem;border-radius:11px;box-shadow:0 6px 18px rgba(23,138,56,.28);transition:background .2s,transform .15s}
.btn:hover{background:#126e2c;transform:translateY(-2px)}
.btn.mini{padding:.5rem 1.15rem;font-size:.85rem}
.btn.coral{background:var(--teal2);color:#12361c;box-shadow:0 6px 18px rgba(245,197,24,.35)}
.btn.coral:hover{background:#e0b400}
.hero{padding:3.5rem 0 3rem;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,#e7f6df,var(--bg))}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--soft);border:1px solid var(--edge);color:var(--teal);border-radius:999px;padding:.32rem .95rem;font-size:.82rem;font-weight:700;margin-bottom:1.1rem}
.tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:p 1.6s infinite}
@keyframes p{0%,100%{opacity:1}50%{opacity:.35}}
h1{font-size:clamp(1.9rem,4.5vw,3rem);color:var(--ink);line-height:1.14;margin-bottom:1rem;font-weight:800}
h1 span{color:var(--teal)}
.hero .lead{font-size:1.08rem;margin-bottom:1.6rem;max-width:520px}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-bottom:1.6rem}
.actions small{color:var(--body);font-size:.85rem}
.panel{background:var(--paper);border:1px solid var(--edge);border-radius:18px;padding:1.5rem;box-shadow:0 14px 36px rgba(0,0,0,.35)}
.panel h3{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--body);margin-bottom:1rem}
.panel .row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--edge);font-size:.92rem}
.panel .row:last-of-type{border-bottom:none}
.panel .row b{color:var(--ink)}
.panel .row .ok{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;gap:.35rem}
.panel .row .ok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}
.panel .btn{width:100%;justify-content:center;margin-top:1rem}
main{padding:2.6rem 0}
section{margin-bottom:3.1rem}
.ey{color:var(--coral);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;margin-bottom:.4rem}
h2{font-size:clamp(1.45rem,3vw,2rem);color:var(--ink);margin-bottom:.6rem;font-weight:800}
.sub{margin-bottom:1.6rem;max-width:700px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.5rem;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.card .ic{width:44px;height:44px;border-radius:11px;background:var(--soft);color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.card h3{font-size:1.1rem;color:var(--ink);margin-bottom:.35rem}
.card p{font-size:.93rem;line-height:1.6}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;counter-reset:s}
.st{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.4rem;position:relative}
.st::before{counter-increment:s;content:counter(s);width:32px;height:32px;border-radius:9px;background:var(--teal2);color:#12361c;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}
.st h3{font-size:1.02rem;color:var(--ink);margin-bottom:.3rem}
.st p{font-size:.9rem;line-height:1.6}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center}
.verify{background:var(--paper);border:1px solid var(--edge);border-left:4px solid var(--coral);border-radius:var(--radius);padding:1.6rem}
.verify li{list-style:none;display:flex;gap:.65rem;align-items:flex-start;margin-bottom:.9rem;font-size:.95rem;color:var(--ink)}
.verify li:last-child{margin-bottom:0}
.verify svg{flex:none;margin-top:2px}
.tw{overflow-x:auto;border:1px solid var(--edge);border-radius:var(--radius)}
table.data{width:100%;border-collapse:collapse;min-width:520px;background:var(--paper)}
table.data th{background:var(--teal);color:#ffffff;padding:.82rem 1rem;text-align:left;font-size:.86rem;font-weight:600}
table.data td{padding:.75rem 1rem;border-bottom:1px solid var(--edge);font-size:.93rem}
table.data tr:last-child td{border-bottom:none}
table.data tr:nth-child(even) td{background:#f3faef}
table.data td .t{color:var(--coral);font-weight:700}
.cta{background:linear-gradient(135deg,#178a38,#0d5c24);border-radius:16px;padding:2rem 1.6rem;text-align:center;color:#fff;border:1px solid var(--edge)}
.cta h3{color:#fff;font-size:1.4rem;margin-bottom:.5rem}
.cta p{color:#f7f3c4;margin-bottom:1.2rem}
/* güncel adres kutusu */
.addrbox{background:linear-gradient(135deg,#eafaef,#ffffff);border:1px solid var(--edge);border-left:5px solid var(--teal);border-radius:var(--radius);padding:1.5rem 1.6rem;margin-bottom:2.4rem;box-shadow:0 12px 34px rgba(23,138,56,.12)}
.addrbox .au-head{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.au-badge{display:inline-block;background:var(--teal2);color:#12361c;font-weight:800;font-size:.66rem;letter-spacing:.05em;padding:.12rem .55rem;border-radius:999px}
.addrbox .au-flow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.9rem}
.au-old{font-size:1.02rem;color:#9bb3a0;text-decoration:line-through;font-weight:600}
.au-arrow{color:var(--coral);font-size:1.35rem;font-weight:800;line-height:1}
.au-new{font-size:clamp(1.3rem,4vw,1.95rem);font-weight:800;color:#fff;background:var(--teal);border:2px solid #0d5c24;border-radius:12px;padding:.32rem 1.05rem;box-shadow:0 7px 18px rgba(23,138,56,.32);transition:background .2s,transform .15s}
.au-new:hover{background:#126e2c;transform:translateY(-1px)}
.addrbox .au-note{font-size:.96rem;color:var(--body);margin:0;line-height:1.65}
.addrbox .au-note b{color:var(--ink)}
.addrbox .au-updated{font-size:.82rem;color:var(--body);margin:.7rem 0 0}
.addrbox .au-updated b{color:var(--teal)}
/* üst menü */
.mainmenu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.mainmenu li{list-style:none}
.mainmenu a{color:var(--body);margin-left:1.15rem;font-size:.9rem}
.mainmenu a:hover{color:var(--teal)}
/* yazar byline */
.byline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.86rem;color:var(--body);margin-bottom:1.1rem}
.byline .av{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}
.byline b{color:var(--ink)}
.byline .sep{color:#cfe0cf}
.stars-static{display:inline-flex;font-size:1rem;color:var(--teal2);letter-spacing:1px}
.stars-static .e{color:#d7e5d7}
/* yıldız puanlama (gerçek oy) */
.rate{background:var(--soft);border:1px solid var(--edge);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.6rem 0;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.rate .rlabel{font-weight:800;color:var(--ink);font-size:.95rem}
.rate .stars{display:inline-flex;font-size:1.75rem;line-height:1;cursor:pointer}
.rate .stars span{color:#cfe0cf;transition:color .12s;padding:0 1px}
.rate .stars span:hover,.rate .stars span:hover ~ span,.rate .stars span.on,.rate .stars span.on ~ span{color:var(--teal2)}
.rate .score{font-weight:800;color:var(--ink);font-size:.95rem}
.rate .score b{color:var(--teal);font-size:1.35rem}
.rate .thanks{font-size:.88rem;color:var(--teal);font-weight:700}
/* en iyi yazarlar */
.leaders{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.5rem 1.6rem;margin-bottom:2.6rem}
.leaders .lw{display:flex;align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid var(--edge)}
.leaders .lw:last-child{border-bottom:none}
.leaders .rk{width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--teal);font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.leaders .lw.top1 .rk{background:var(--teal2);color:#12361c}
.leaders .av{width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex:none}
.leaders .nm{font-weight:700;color:var(--ink);line-height:1.2}
.leaders .mt{font-size:.8rem;color:var(--body)}
.leaders .sc{margin-left:auto;text-align:right;line-height:1.2}
.leaders .sc b{color:var(--teal);font-size:1.2rem}
.leaders .sc small{display:block;font-size:.74rem;color:var(--body)}
/* ilgili yazilarda yildiz */
.pc-rate{font-size:.82rem;color:var(--body);margin:.1rem 0 .3rem}
/* yorumlar */
.comments{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.6rem;margin-bottom:2rem}
.cm-title{font-size:1.25rem;color:var(--ink);margin-bottom:1rem}
.cm-empty{color:var(--body);font-size:.92rem;margin-bottom:1rem}
.commentlist{list-style:none;margin:0 0 1.3rem;padding:0}
.commentlist ol.children{list-style:none;margin:.6rem 0 0 1.4rem;padding:0}
.commentlist li.comment{border:1px solid var(--edge);border-radius:11px;padding:.9rem 1rem;margin-bottom:.7rem;background:#fbfdfa}
.commentlist .comment-author{font-weight:700;color:var(--ink);font-size:.92rem}
.commentlist .comment-author .avatar{border-radius:50%;vertical-align:middle;margin-right:.45rem}
.commentlist .comment-metadata,.commentlist .comment-meta{font-size:.76rem;color:var(--body);margin-bottom:.35rem}
.commentlist .comment-metadata a{color:var(--body)}
.commentlist .comment-content{font-size:.93rem;color:var(--body);line-height:1.6}
.commentlist .reply{font-size:.82rem}
.commentlist .reply a{color:var(--teal);font-weight:700}
.comment-respond{border-top:1px solid var(--edge);padding-top:1.1rem}
.comment-reply-title{font-size:1.1rem;color:var(--ink);margin-bottom:.7rem}
.comment-form label{font-size:.84rem;color:var(--body);display:inline-block;margin-bottom:.2rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--edge);border-radius:10px;padding:.65rem .85rem;font-size:.92rem;margin-bottom:.7rem;font-family:inherit;background:#fff;color:var(--ink)}
.comment-form .form-submit .btn{cursor:pointer;border:none}
.comment-form-cookies-consent{font-size:.8rem}
.comment-form-cookies-consent input{width:auto;margin-right:.4rem}
.qa details{background:var(--paper);border:1px solid var(--edge);border-radius:11px;margin-bottom:.7rem;overflow:hidden}
.qa summary{padding:1.05rem 1.25rem;cursor:pointer;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';color:var(--coral);font-size:1.4rem;line-height:1}
.qa details[open] summary::after{content:'\2013';color:var(--teal)}
.qa details p{padding:.1rem 1.25rem 1.1rem;margin:0;font-size:.95rem;line-height:1.65}
/* article (inner page) */
.article{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.8rem;margin-bottom:2rem}
.article h1{font-size:clamp(1.5rem,3.2vw,2.1rem);margin-bottom:.8rem}
.article .meta{font-size:.82rem;color:var(--body);margin-bottom:1.2rem}
.article .body{color:var(--body)}
.article .body h2,.article .body h3{color:var(--ink);margin:1.2rem 0 .5rem}
.article .body p{margin-bottom:1rem}
.article .body ul,.article .body ol{margin:0 0 1rem 1.3rem}
.article .body a{color:var(--teal);text-decoration:underline}
.article .body img{border-radius:10px;margin:1rem 0}
.postgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.pc{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);padding:1.3rem;transition:transform .2s,box-shadow .2s}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.pc h3{font-size:1.05rem;color:var(--ink);margin-bottom:.4rem}
.pc h3 a{color:var(--ink)}
.pc p{font-size:.9rem}
.pc .more{display:inline-block;margin-top:.7rem;color:var(--teal);font-weight:700;font-size:.9rem}
.crumb{font-size:.82rem;color:var(--body);margin-bottom:1rem}
.crumb a{color:var(--teal)}
.pagenav{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}
footer.site{border-top:1px solid var(--edge);background:#ffffff;padding:2.4rem 0;font-size:.85rem;color:var(--body);line-height:1.8;text-align:center}
footer.site a{color:var(--teal)}
.footer-links{margin-bottom:.9rem}
.footer-links a{margin:0 .6rem}
.age{display:inline-block;border:2px solid var(--coral);color:var(--coral);border-radius:6px;padding:0 .4rem;font-weight:900;margin-right:.4rem}
.stick{display:none}
#topBtn{position:fixed;bottom:1.5rem;right:1.5rem;width:46px;height:46px;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.1rem;color:#12361c;background:var(--teal2);box-shadow:0 6px 18px rgba(245,197,24,.45);z-index:90}
@media(max-width:820px){.hero .grid,.split{grid-template-columns:1fr}.panel{order:-1}}
@media(max-width:640px){
  nav.main{display:none}
  .stick{display:block;position:fixed;bottom:0;left:0;right:0;padding:.6rem 1rem;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--edge);z-index:100}
  .stick .btn{width:100%;justify-content:center}
  body{padding-bottom:66px}
  #topBtn{bottom:4.6rem}
}