/* airdrop-seo.css — 신규 SEO 섹션 스타일 (unlock.css 위에 append) */

.cp-breadcrumb {
  font-size: 13px;
  color: #94a3b8;
  margin: 12px 0 4px;
}
.cp-breadcrumb a {
  color: #cbd5e1;
  text-decoration: none;
}
.cp-breadcrumb a:hover { color: #f59e0b; }
.cp-breadcrumb-sep { opacity: .5; margin: 0 6px; }

.cp-intro {
  background: rgba(15, 23, 42, .55);
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 22px 26px;
  margin: 28px 0;
}
.cp-intro h2 {
  margin: 0 0 14px;
  font-size: 22px;
  color: #f59e0b;
}
.cp-intro p {
  margin: 0;
  line-height: 1.75;
  color: #e2e8f0;
  font-size: 15px;
}

/* Related searches grid */
.cp-related {
  margin: 36px 0 20px;
}
.cp-related h2 {
  font-size: 20px;
  color: #fde68a;
  margin: 0 0 6px;
}
.cp-related-sub {
  font-size: 13px;
  color: #94a3b8;
  margin: 0 0 14px;
}
.cp-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px;
}
.cp-related-item {
  display: block;
  padding: 10px 14px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 8px;
  color: #cbd5e1;
  text-decoration: none;
  font-size: 13.5px;
  transition: .15s;
}
.cp-related-item:hover {
  border-color: #f59e0b;
  color: #fde68a;
  background: #0f172a;
}

/* Hashtag cloud */
.cp-hashtag-cloud {
  margin: 28px 0 24px;
}
.cp-hashtag-cloud h2 {
  font-size: 18px;
  color: #fde68a;
  margin: 0 0 12px;
}
.cp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cp-hashtag {
  display: inline-block;
  padding: 6px 12px;
  background: rgba(245, 158, 11, .12);
  border: 1px solid rgba(245, 158, 11, .35);
  border-radius: 999px;
  color: #fbbf24;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: .15s;
}
.cp-hashtag:hover {
  background: rgba(245, 158, 11, .25);
  border-color: #f59e0b;
  color: #fff;
}

/* FAQ */
.cp-faq {
  margin: 36px 0 24px;
}
.cp-faq h2 {
  font-size: 22px;
  color: #f59e0b;
  margin: 0 0 16px;
}
.cp-faq details {
  background: rgba(15, 23, 42, .55);
  border: 1px solid #1e293b;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 10px;
}
.cp-faq summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 15.5px;
  color: #fde68a;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-faq summary::-webkit-details-marker { display: none; }
.cp-faq summary::after {
  content: "+";
  font-size: 22px;
  color: #94a3b8;
  margin-left: 12px;
  transition: .15s;
}
.cp-faq details[open] summary::after {
  content: "−";
  color: #f59e0b;
}
.cp-faq-body {
  margin-top: 14px;
  line-height: 1.7;
  color: #cbd5e1;
  font-size: 14.5px;
}

/* HowTo */
.cp-howto {
  margin: 30px 0 24px;
  background: rgba(15, 23, 42, .45);
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 22px 26px;
}
.cp-howto h2 {
  font-size: 22px;
  color: #f59e0b;
  margin: 0 0 12px;
}
.cp-howto-intro {
  color: #94a3b8;
  font-size: 14px;
  margin: 0 0 16px;
}
.cp-howto ol {
  margin: 0;
  padding-left: 26px;
  color: #e2e8f0;
}
.cp-howto ol li {
  margin-bottom: 14px;
  line-height: 1.7;
  font-size: 14.5px;
}
.cp-howto ol li strong {
  color: #fde68a;
  display: inline-block;
  margin-bottom: 4px;
}

/* Author block */
.cp-author {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin: 36px 0 14px;
  padding: 16px 20px;
  background: rgba(15, 23, 42, .45);
  border: 1px solid #1e293b;
  border-radius: 10px;
  font-size: 13.5px;
  color: #cbd5e1;
}
.cp-author strong {
  color: #fde68a;
  font-size: 15px;
}
.cp-author .cp-updated {
  margin-left: auto;
  color: #94a3b8;
  font-size: 12.5px;
}

/* RTL fix for arabic */
[dir="rtl"] .cp-breadcrumb-sep { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .cp-faq summary { flex-direction: row-reverse; }
[dir="rtl"] .cp-faq summary::after { margin-left: 0; margin-right: 12px; }
[dir="rtl"] .cp-howto ol { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .cp-author .cp-updated { margin-left: 0; margin-right: auto; }

/* Mobile */
@media (max-width: 640px) {
  .cp-intro, .cp-howto { padding: 16px 18px; }
  .cp-intro h2, .cp-faq h2, .cp-howto h2 { font-size: 19px; }
  .cp-related-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .cp-related-item { padding: 8px 10px; font-size: 12.5px; }
  .cp-hashtag { padding: 5px 10px; font-size: 12px; }
  .cp-faq summary { font-size: 14px; }
  .cp-faq-body, .cp-howto ol li { font-size: 13.5px; }
}

/* ── Telegram Alert Banner ────────────────────────────────────── */
.cp-tg-alert {
  margin: 20px 0 28px;
}
.cp-tg-card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: linear-gradient(135deg, #1e293b, #0f172a);
  border: 1px solid #f59e0b;
  border-radius: 14px;
  padding: 20px 24px;
  position: relative;
  overflow: hidden;
}
.cp-tg-card::before {
  content: '';
  position: absolute;
  top: -40%; right: -5%;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(245,158,11,.2), transparent 70%);
  pointer-events: none;
}
.cp-tg-icon {
  font-size: 36px;
  flex-shrink: 0;
  line-height: 1;
}
.cp-tg-body { flex: 1; min-width: 0; }
.cp-tg-title {
  font-size: 17px;
  font-weight: 800;
  color: #fde68a;
  margin: 0 0 6px;
  letter-spacing: -.3px;
}
.cp-tg-desc {
  font-size: 13px;
  color: #94a3b8;
  margin: 0 0 14px;
  line-height: 1.5;
}
.cp-tg-form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.cp-tg-input {
  flex: 1 1 200px;
  background: rgba(0,0,0,.4);
  border: 1px solid #334155;
  border-radius: 9px;
  padding: 11px 14px;
  color: #f0f0f0;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color .15s;
}
.cp-tg-input:focus { border-color: #f59e0b; }
.cp-tg-input::placeholder { color: #475569; }
.cp-tg-btn {
  background: linear-gradient(180deg, #fbbf24, #f59e0b);
  color: #000;
  border: none;
  border-radius: 9px;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: transform .15s;
}
.cp-tg-btn:hover { transform: translateY(-1px); }
.cp-tg-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.cp-tg-msg {
  margin-top: 10px;
  padding: 9px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
}
.cp-tg-msg.ok  { background: rgba(34,197,94,.12);  border: 1px solid rgba(34,197,94,.3);  color: #22c55e; }
.cp-tg-msg.err { background: rgba(244,63,94,.12);   border: 1px solid rgba(244,63,94,.3);  color: #f43f5e; }
.cp-tg-msg.wait{ background: rgba(245,158,11,.10);  border: 1px solid rgba(245,158,11,.3); color: #f59e0b; }

[dir='rtl'] .cp-tg-card { flex-direction: row-reverse; }
[dir='rtl'] .cp-tg-card::before { right: auto; left: -5%; }

@media (max-width: 640px) {
  .cp-tg-card { flex-direction: column; padding: 16px 16px; }
  .cp-tg-icon { font-size: 28px; }
  .cp-tg-title { font-size: 15px; }
  .cp-tg-btn { width: 100%; }
}