/**
 * FreeCreditHub Button Design System — Option 7 (visual skin only)
 * Applies gradient / border / shadow / hover. Does NOT change size, padding,
 * font-size, width, or layout. Original component metrics always win.
 * Scoped selectors only — never global button/.btn.
 */

:root {
  --fch-cta-grad: linear-gradient(135deg, #4d91ff 0%, #326de8 50%, #194cbf 100%);
  --fch-cta-grad-hover: linear-gradient(135deg, #5a9bff 0%, #3a76ef 50%, #1c56d0 100%);
  --fch-cta-grad-active: linear-gradient(135deg, #3f82f0 0%, #2b61d4 50%, #153fa8 100%);
  --fch-cta-shadow: 0 10px 22px rgba(25, 76, 191, 0.24);
  --fch-cta-shadow-hover: 0 14px 26px rgba(25, 76, 191, 0.3);
  --fch-cta-ink: #ffffff;
  --fch-cta-blue: #0b4db3;
  --fch-cta-blue-soft: #eff6ff;
  --fch-cta-blue-mid: #dbeafe;
}

/* ---------- Skin tokens (no sizing) ---------- */
.banner-actions a,
.partner-category-info > a,
.rail-content > a,
a.card-button,
a.primary-button,
a.nav-cta,
a.telegram-cta.nav-cta,
button.fch-contact-chat,
.fch-contact-actions .nav-cta,
a.toplist-gamesreviews__offer-cta-btn,
#fchGangV2 a.toplist-gamesreviews__offer-cta-btn,
[id^="fch"] a.toplist-gamesreviews__offer-cta-btn,
a.fch-cta {
  color: var(--fch-cta-ink) !important;
  background: var(--fch-cta-grad) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: var(--fch-cta-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, filter 0.18s ease;
}

.banner-actions a:hover,
.banner-actions a:focus-visible,
.partner-category-info > a:hover,
.rail-content > a:hover,
a.card-button:hover,
a.primary-button:hover,
a.nav-cta:hover,
button.fch-contact-chat:hover,
a.toplist-gamesreviews__offer-cta-btn:hover,
a.toplist-gamesreviews__offer-cta-btn:focus-visible,
#fchGangV2 a.toplist-gamesreviews__offer-cta-btn:hover,
a.fch-cta:hover,
a.fch-cta:focus-visible {
  background: var(--fch-cta-grad-hover) !important;
  box-shadow: var(--fch-cta-shadow-hover), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  filter: brightness(1.02);
  outline: none;
}

.banner-actions a:active,
.partner-category-info > a:active,
.rail-content > a:active,
a.card-button:active,
a.primary-button:active,
a.nav-cta:active,
button.fch-contact-chat:active,
a.toplist-gamesreviews__offer-cta-btn:active,
a.fch-cta:active {
  background: var(--fch-cta-grad-active) !important;
  filter: none;
}

/* Secondary (Featured slider “View Bonus Info”) — original light treatment + Option 7 blues */
.banner-actions a:last-child {
  color: var(--fch-cta-blue) !important;
  background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
  border-color: rgba(29, 110, 234, 0.36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(29, 110, 234, 0.1) !important;
}

.banner-actions a:last-child:hover,
.banner-actions a:last-child:focus-visible {
  border-color: rgba(29, 110, 234, 0.58) !important;
  background: linear-gradient(135deg, #ffffff, #dbeafe) !important;
  filter: none;
}

/* Toplist / partnership CTAs: keep existing structure; one arrow via cta-circle only */
a.toplist-gamesreviews__offer-cta-btn .toplist-gamesreviews__cta-label,
#fchGangV2 a.toplist-gamesreviews__offer-cta-btn .toplist-gamesreviews__cta-label {
  color: inherit !important;
}

a.toplist-gamesreviews__offer-cta-btn .toplist-gamesreviews__cta-circle,
#fchGangV2 a.toplist-gamesreviews__offer-cta-btn .toplist-gamesreviews__cta-circle {
  border-color: rgba(255, 255, 255, 0.95) !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Kill any Option-7 pseudo icon/arrow that would change box size */
.banner-actions a::before,
.banner-actions a::after,
.partner-category-info > a::before,
.partner-category-info > a::after,
.rail-content > a::before,
.rail-content > a::after,
a.card-button::before,
a.card-button::after,
a.primary-button::before,
a.primary-button::after,
a.nav-cta::before,
a.nav-cta::after,
button.fch-contact-chat::before,
button.fch-contact-chat::after,
a.toplist-gamesreviews__offer-cta-btn::before,
a.toplist-gamesreviews__offer-cta-btn::after,
a.fch-cta::before,
a.fch-cta::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

/* Do not force layout metrics — page/component CSS owns size, padding, width, radius */}

/* Restore telegram media (previous pass hid SVG/img when using ::before) */
a.nav-cta.telegram-cta > img,
a.nav-cta.telegram-cta > svg {
  position: static !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  border: 0 !important;
}

/* Utility controls remain untouched */
.menu-toggle,
.menu-close,
.dropdown-toggle,
.mobile-partnership-toggle,
.slider-dots button,
.slider-nav,
.hero-pager button,
.lucky-spin-button {
  /* no Option 7 skin */
}