/* === v1.19.4 Kurallar & Şartlar tasarım paketi ===
   Sadece /ikibucukmilyon sayfasındaki kurallar alanını etkiler. */

.rules-terms-card {
  position: relative;
  margin-top: 24px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 255, .12), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(255, 204, 102, .10), transparent 30%),
    linear-gradient(145deg, rgba(6, 25, 36, .82), rgba(4, 15, 24, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 18px 60px rgba(0, 0, 0, .28) !important;
}

.rules-terms-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.10), transparent 28%, transparent 72%, rgba(255,255,255,.055));
  opacity: .65;
}

.rules-terms-title {
  position: relative;
  z-index: 1;
  padding: 22px 24px 18px;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.085);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
}

.rules-terms-title .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rules-terms-title .tag::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffcc66, #fff1aa);
  box-shadow: 0 0 16px rgba(255, 204, 102, .45);
}

.rules-terms-title h2 {
  margin-top: 8px !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  letter-spacing: -.035em;
}

.rules-terms-content {
  position: relative;
  z-index: 1;
  padding: 22px 24px 26px;
  color: rgba(236, 248, 255, .88) !important;
  line-height: 1.78 !important;
  font-size: 14.5px !important;
}

.rules-terms-content > *:first-child { margin-top: 0 !important; }
.rules-terms-content > *:last-child { margin-bottom: 0 !important; }

.rules-terms-content h1,
.rules-terms-content h2,
.rules-terms-content h3,
.rules-terms-content h4 {
  color: #fff;
  letter-spacing: -.025em;
  line-height: 1.2;
  margin: 22px 0 10px;
}

.rules-terms-content h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}

.rules-terms-content h3::before {
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 3px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #2dd4ff, #ffcc66);
  box-shadow: 0 0 18px rgba(45, 212, 255, .25);
}

.rules-terms-content p {
  margin: 10px 0;
  color: rgba(236, 248, 255, .84);
}

.rules-terms-content strong,
.rules-terms-content b {
  color: #ffffff;
  font-weight: 800;
}

.rules-terms-content a {
  color: #77e8ff;
  text-decoration: none;
  border-bottom: 1px solid rgba(119, 232, 255, .35);
}

.rules-terms-content a:hover { color: #fff; }

.rules-terms-content ul,
.rules-terms-content ol {
  margin: 14px 0 18px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.rules-terms-content ul { list-style: none; }
.rules-terms-content ol { counter-reset: ruleCounter; list-style: none; }

.rules-terms-content li {
  position: relative;
  margin: 0 !important;
  padding: 12px 14px 12px 42px;
  min-height: 44px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  color: rgba(236, 248, 255, .86);
}

.rules-terms-content ul li::before {
  content: "✓";
  position: absolute;
  left: 13px;
  top: 12px;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: #061824;
  background: linear-gradient(135deg, #ffcc66, #fff1aa);
  box-shadow: 0 6px 18px rgba(255, 204, 102, .18);
}

.rules-terms-content ol li { counter-increment: ruleCounter; }
.rules-terms-content ol li::before {
  content: counter(ruleCounter);
  position: absolute;
  left: 13px;
  top: 12px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 900;
  color: #041018;
  background: linear-gradient(135deg, #2dd4ff, #aaf4ff);
  box-shadow: 0 6px 18px rgba(45, 212, 255, .16);
}

.rules-terms-content blockquote,
.rules-terms-content .note,
.rules-terms-content .warning,
.rules-terms-content .info {
  margin: 16px 0;
  padding: 15px 16px;
  border-radius: 17px;
  border: 1px solid rgba(45, 212, 255, .18);
  background: rgba(45, 212, 255, .06);
  color: rgba(236, 248, 255, .88);
}

.rules-terms-content .warning {
  border-color: rgba(255, 204, 102, .22);
  background: rgba(255, 204, 102, .065);
}

.rules-terms-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 16px;
  margin: 16px 0;
  border: 1px solid rgba(255,255,255,.08);
}

.rules-terms-content th,
.rules-terms-content td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.065);
  text-align: left;
}

.rules-terms-content th {
  color: #fff;
  background: rgba(255,255,255,.065);
}

.rules-terms-content tr:last-child td { border-bottom: 0; }

@media (max-width: 760px) {
  .rules-terms-title { padding: 18px 16px 14px; }
  .rules-terms-content { padding: 16px; font-size: 13.8px !important; }
  .rules-terms-content li { padding: 11px 12px 11px 40px; border-radius: 14px; }
}


/* === v1.24.1 restore: paneldeki <div class="rules-list"><div class="rule-item"> yapısını geri tasarla === */
.rules-terms-content .rules-list{
  display:grid !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}

.rules-terms-content .rule-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:flex-start !important;
  min-height:74px !important;
  padding:16px 18px 16px 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.078) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(45,212,255,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 30px rgba(0,0,0,.15) !important;
}

.rules-terms-content .rule-item::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:15px !important;
  bottom:15px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #2dd4ff, #ffcc66) !important;
  box-shadow:0 0 18px rgba(45,212,255,.18) !important;
}

.rules-terms-content .rule-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  font-size:18px !important;
  line-height:1 !important;
  background:linear-gradient(135deg, rgba(45,212,255,.16), rgba(255,204,102,.14)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.rules-terms-content .rule-text{
  min-width:0 !important;
}

.rules-terms-content .rule-title{
  margin:0 0 7px !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.25 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
}

.rules-terms-content .rule-desc{
  margin:0 !important;
  color:rgba(226,242,250,.82) !important;
  font-size:14.2px !important;
  line-height:1.62 !important;
  font-weight:650 !important;
}

.rules-terms-title{
  display:block !important;
}

.rules-terms-title h2{
  text-align:left !important;
  margin:8px 0 0 !important;
}

.rules-terms-title .tag{
  margin:0 !important;
}

/* v23.7/v23.9'dan kalmış ikon classları bir şekilde sayfaya sızarsa gizle */
.ikb-main-icon,
.ikb-section-icon,
.ikb-title-icon,
.ikb-rules-icon{
  display:none !important;
}

@media(max-width:760px){
  .rules-terms-content .rule-item{
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:11px !important;
    padding:14px 13px !important;
    border-radius:16px !important;
  }
  .rules-terms-content .rule-icon{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    font-size:16px !important;
  }
  .rules-terms-content .rule-title{
    font-size:15.5px !important;
  }
  .rules-terms-content .rule-desc{
    font-size:13.2px !important;
  }
}


/* === v1.24.2 /ikibucukmilyon Rules Icon Size Tune ===
   Kurallar & Şartlar içindeki madde ikonlarını eski premium görünüme yakın daha büyük yapar.
*/

.rules-terms-content .rule-item{
  grid-template-columns:62px minmax(0,1fr) !important;
  gap:18px !important;
  min-height:92px !important;
  padding:20px 22px 20px 18px !important;
  border-radius:20px !important;
}

.rules-terms-content .rule-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  border-radius:18px !important;
  font-size:28px !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(45,212,255,.22), rgba(255,204,102,.18)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 12px 28px rgba(0,0,0,.18),
    0 0 24px rgba(45,212,255,.10) !important;
}

.rules-terms-content .rule-title{
  font-size:19px !important;
  line-height:1.22 !important;
  margin-bottom:8px !important;
}

.rules-terms-content .rule-desc{
  font-size:14.8px !important;
  line-height:1.66 !important;
}

/* Eğer liste yapısında eski ul/ol ikonları kullanılırsa onlar da büyüsün */
.rules-terms-content ul li,
.rules-terms-content ol li{
  padding-left:54px !important;
  min-height:54px !important;
}

.rules-terms-content ul li::before,
.rules-terms-content ol li::before{
  left:14px !important;
  top:12px !important;
  width:28px !important;
  height:28px !important;
  font-size:15px !important;
}

@media(max-width:760px){
  .rules-terms-content .rule-item{
    grid-template-columns:50px minmax(0,1fr) !important;
    gap:13px !important;
    min-height:78px !important;
    padding:16px 14px !important;
    border-radius:17px !important;
  }

  .rules-terms-content .rule-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    border-radius:15px !important;
    font-size:22px !important;
  }

  .rules-terms-content .rule-title{
    font-size:16.5px !important;
  }

  .rules-terms-content .rule-desc{
    font-size:13.5px !important;
  }
}