/* ============================================================
   NORDIC AURORA THEME — nettcasinomedektepenger.com
   Deep fjord darkness + northern-lights glow
   ============================================================ */


:root {
  --na-void:    #05080E;
  --na-fjord:   #09101D;
  --na-surface: #0F1825;
  --na-raised:  #162032;
  --na-border:  rgba(79,195,247,0.10);
  --na-teal:    #00D4A0;
  --na-ice:     #4FC3F7;
  --na-frost:   #8DDDF7;
  --na-gold:    #F0C040;
  --na-gold2:   #C98A0A;
  --na-white:   #EDF2F8;
  --na-muted:   rgba(193,210,230,0.62);
  --na-faint:   rgba(193,210,230,0.35);
  --font-d: 'Sora', sans-serif;
  --font-b: 'DM Sans', sans-serif;
}

/* ---- base ---- */
html, body {
  background-color: var(--na-void) !important;
  color: var(--na-white) !important;
  font-family: var(--font-b) !important;
}

body {
  background-image:
    radial-gradient(ellipse 140% 55% at 50% -5%,  rgba(0,212,160,0.07) 0%, transparent 65%),
    radial-gradient(ellipse  80% 40% at 85% 12%,  rgba(79,195,247,0.05) 0%, transparent 50%),
    radial-gradient(ellipse  60% 30% at 10% 80%,  rgba(0,212,160,0.03) 0%, transparent 50%) !important;
  background-attachment: fixed !important;
}

p, li, td, span { font-family: var(--font-b) !important; }
p { color: var(--na-muted) !important; line-height: 1.78 !important; }
a { color: var(--na-ice) !important; transition: color 0.18s !important; }
a:hover { color: var(--na-teal) !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-d) !important;
  color: var(--na-white) !important;
  letter-spacing: -0.025em !important;
}

/* ---- header ---- */
.cls_b8m3s2w1 {
  background: rgba(5,8,14,0.92) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border-bottom: 1px solid var(--na-border) !important;
  box-shadow: 0 1px 0 rgba(0,212,160,0.06), 0 8px 32px rgba(0,0,0,0.5) !important;
}

.cls_logo_link { color: var(--na-white) !important; }

.cls_n2v4a6g8 a {
  color: var(--na-faint) !important;
  font-family: var(--font-b) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.cls_n2v4a6g8 a:hover { color: var(--na-ice) !important; }

/* ---- casino comparison table ---- */
.comparison-block-xc {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--na-border) !important;
}

.mi-table-header {
  background: rgba(0,212,160,0.07) !important;
  border-bottom: 1px solid rgba(0,212,160,0.12) !important;
  color: var(--na-teal) !important;
  font-family: var(--font-d) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  padding: 13px 20px !important;
}

.iv-table-row {
  background: var(--na-surface) !important;
  border-bottom: 1px solid rgba(79,195,247,0.06) !important;
  transition: background 0.22s, border-color 0.22s !important;
}
.iv-table-row:last-child { border-bottom: none !important; }
.iv-table-row:hover {
  background: var(--na-raised) !important;
  border-color: rgba(0,212,160,0.14) !important;
}

/* logo wrapper */
.wh-casino-logo-wrapper {
  background: var(--na-raised) !important;
  border: 1px solid var(--na-border) !important;
  border-radius: 14px !important;
  width: 110px !important;
  height: 110px !important;
}

/* advantage checkmarks */
.yz-advantage-item { color: var(--na-muted) !important; font-family: var(--font-b) !important; }
.yz-advantage-item::before { color: var(--na-teal) !important; }

/* bonus box */
.lt-bonus-highlight {
  background: rgba(240,192,64,0.06) !important;
  border: 1px solid rgba(240,192,64,0.18) !important;
  border-radius: 8px !important;
}
.lt-bonus-highlight div:first-child {
  color: var(--na-gold) !important;
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
}

/* stars & rating */
.celestial-stars { color: var(--na-gold) !important; }
.celestial-rating-number { color: var(--na-white) !important; font-family: var(--font-d) !important; }

/* play button */
.aj-play-button {
  background: linear-gradient(135deg, var(--na-gold) 0%, #D4920A 100%) !important;
  color: #04060B !important;
  border: none !important;
  border-radius: 7px !important;
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 4px 14px rgba(240,192,64,0.28) !important;
  transition: transform 0.18s, box-shadow 0.18s !important;
}
.aj-play-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(240,192,64,0.42) !important;
  color: #04060B !important;
}

/* review button */
.gk-review-button {
  background: transparent !important;
  border: 1px solid var(--na-border) !important;
  color: var(--na-faint) !important;
  border-radius: 7px !important;
  font-family: var(--font-b) !important;
  font-size: 11px !important;
  transition: border-color 0.18s, color 0.18s !important;
}
.gk-review-button:hover {
  border-color: rgba(79,195,247,0.35) !important;
  color: var(--na-ice) !important;
}

/* ---- inline CTA blocks ---- */
.cta-inline-block {
  background: linear-gradient(135deg, rgba(0,212,160,0.09) 0%, rgba(79,195,247,0.07) 100%) !important;
  border: 1px solid rgba(0,212,160,0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
.cta-special-offer-block {
  background: linear-gradient(135deg, rgba(240,192,64,0.08) 0%, rgba(240,192,64,0.04) 100%) !important;
  border: 1px solid rgba(240,192,64,0.2) !important;
  border-radius: 12px !important;
}

.cta-inline-title { font-family: var(--font-d) !important; color: var(--na-white) !important; }
.cta-inline-bonus { color: var(--na-gold) !important; font-family: var(--font-d) !important; }
.cta-inline-text  { color: var(--na-muted) !important; }

.cta-inline-btn {
  background: linear-gradient(135deg, var(--na-gold) 0%, #D4920A 100%) !important;
  color: #04060B !important;
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(240,192,64,0.28) !important;
}
.cta-inline-btn:hover {
  box-shadow: 0 8px 26px rgba(240,192,64,0.46) !important;
  color: #04060B !important;
}

.cta-inline-logo img {
  background: var(--na-raised) !important;
  border: 1px solid var(--na-border) !important;
  border-radius: 12px !important;
}

/* ---- primary / secondary buttons ---- */
.cls_p1l4a9y3 {
  background: linear-gradient(135deg, var(--na-gold) 0%, #C98A0A 100%) !important;
  color: #04060B !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(240,192,64,0.2) !important;
}
.cls_p1l4a9y3:hover { color: #04060B !important; box-shadow: 0 8px 24px rgba(240,192,64,0.38) !important; }

.cls_s5e2c8o1 {
  background: transparent !important;
  border: 1px solid var(--na-border) !important;
  color: var(--na-muted) !important;
  border-radius: 8px !important;
  font-family: var(--font-b) !important;
}
.cls_s5e2c8o1:hover {
  background: rgba(79,195,247,0.06) !important;
  color: var(--na-ice) !important;
  border-color: rgba(79,195,247,0.3) !important;
}

/* ---- accordion / FAQ ---- */
.cls_a7c3d1n5 {
  background: var(--na-surface) !important;
  border: 1px solid var(--na-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.cls_accord_header {
  background: transparent !important;
  color: var(--na-white) !important;
  font-family: var(--font-d) !important;
  font-weight: 600 !important;
}
.cls_accord_header:hover { background: rgba(79,195,247,0.05) !important; color: var(--na-ice) !important; }
.cls_accord_body {
  background: transparent !important;
  color: var(--na-muted) !important;
  font-family: var(--font-b) !important;
}

/* ---- BLUF / highlight box ---- */
.blfb-e1255ba-20260601 {
  background: rgba(0,212,160,0.06) !important;
  border-left: 3px solid var(--na-teal) !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--na-white) !important;
}
.blfb-e1255ba-20260601 p  { color: rgba(212,228,240,0.85) !important; }
.blfb-e1255ba-20260601 strong { color: var(--na-white) !important; }

/* ---- component / content cards ---- */
.component, .pros-cons, .bonus-highlight, .featured-casino,
.author-box, .trust-badges, .review-cards {
  background: var(--na-surface) !important;
  border: 1px solid var(--na-border) !important;
  border-left: 3px solid var(--na-teal) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
}
.component h2, .component h3 {
  color: var(--na-white) !important;
  border-bottom-color: rgba(0,212,160,0.2) !important;
}

/* ---- footer ---- */
.cls_f9o4t7r5 {
  background: var(--na-fjord) !important;
  border-top: 1px solid var(--na-border) !important;
  position: relative !important;
}
.cls_f9o4t7r5::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--na-teal), var(--na-ice), transparent);
  opacity: 0.5;
}
.cls_f9o4t7r5 a { color: var(--na-faint) !important; }
.cls_f9o4t7r5 a:hover { color: var(--na-ice) !important; }
footer h3, footer h4, footer h5 { color: var(--na-white) !important; }

/* ---- exit popup ---- */
#exitPopup .exit-popup {
  background: linear-gradient(160deg, var(--na-fjord) 0%, var(--na-surface) 100%) !important;
  border: 1px solid var(--na-border) !important;
  border-top: 3px solid var(--na-teal) !important;
}
#exitPopup .exit-popup h2 { color: var(--na-white) !important; }
#exitPopup .exit-popup p  { color: var(--na-muted) !important; }
#exitPopup .exit-popup-badge {
  background: linear-gradient(135deg, var(--na-teal), var(--na-ice)) !important;
  color: var(--na-fjord) !important;
}
#exitPopup .exit-popup-offer {
  background: var(--na-raised) !important;
  border: 1px solid var(--na-border) !important;
}
#exitPopup .exit-popup-offer:hover { border-color: rgba(0,212,160,0.3) !important; }
#exitPopup .exit-popup-offer-name { color: var(--na-white) !important; }
#exitPopup .exit-popup-offer-bonus { color: var(--na-gold) !important; }

/* ---- sticky footer ---- */
.sticky-footer, [class*="sticky-footer-inner"] {
  background: rgba(5,8,14,0.96) !important;
  backdrop-filter: blur(16px) !important;
  border-top: 1px solid var(--na-border) !important;
}

/* ---- mobile menu ---- */
#mobileMenu { background: var(--na-fjord) !important; }
#mobileMenu a { color: var(--na-white) !important; }
#mobileMenu a:hover { color: var(--na-gold) !important; }

/* ---- cookie banner ---- */
#cookie-banner {
  background: var(--na-fjord) !important;
  border-top: 1px solid var(--na-border) !important;
}

/* ---- hero aurora pulse ---- */
.hero-section, .hero-section-home, .hero-inner {
  position: relative !important;
  background: transparent !important;
}
.hero-section::after, .hero-section-home::after {
  content: '';
  position: absolute;
  top: -60px; left: 50%; transform: translateX(-50%);
  width: 700px; height: 300px;
  background: radial-gradient(ellipse, rgba(0,212,160,0.12) 0%, rgba(79,195,247,0.06) 40%, transparent 70%);
  pointer-events: none;
  animation: aurora-pulse 6s ease-in-out infinite alternate;
  z-index: 0;
}
@keyframes aurora-pulse {
  from { opacity: 0.6; transform: translateX(-50%) scaleX(1); }
  to   { opacity: 1.0; transform: translateX(-50%) scaleX(1.08); }
}

/* ---- general table cells ---- */
table th { color: var(--na-white) !important; background: var(--na-raised) !important; }
table td { color: var(--na-muted) !important; border-color: var(--na-border) !important; }
table tr:hover td { background: rgba(79,195,247,0.03) !important; }

/* ---- casino-styles generic overrides ---- */
.casino-table thead { background: var(--na-raised) !important; }
.casino-table th { background: var(--na-raised) !important; color: var(--na-white) !important; }
.casino-table tbody tr { background: var(--na-surface) !important; }
.casino-table tbody tr:hover { background: var(--na-raised) !important; transform: none !important; }

/* =============================================================
   CLS_RW_* CASINO TABLE — FULL DESKTOP GRID + AURORA STYLING
   ============================================================= */

/* CSS variable overrides for rw- variables (undefined in source) */
:root {
  --rw-primary:  #0F1825;
  --rw-secondary: #F0C040;
  --rw-card-bg:  #0F1825;
}

/* ---- Table wrapper ---- */
.cls_rw_table_wrapper {
  max-width: 1100px !important;
  margin: 0 auto 24px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--na-border) !important;
  background: transparent !important;
}

/* ---- Header row ---- */
.cls_rw_table_head {
  display: grid !important;
  grid-template-columns: 1.4fr 1.6fr 1fr 1.4fr 1.3fr !important;
  align-items: center !important;
  padding: 12px 20px !important;
  background: rgba(0,212,160,0.07) !important;
  border-bottom: 1px solid rgba(0,212,160,0.14) !important;
}
.cls_rw_table_head > div {
  font-family: var(--font-d) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--na-teal) !important;
  text-align: center !important;
}
.cls_rw_table_head > div:first-child { text-align: left !important; }

/* ---- Casino row ---- */
.cls_rw_table_row {
  display: grid !important;
  grid-template-columns: 1.4fr 1.6fr 1fr 1.4fr 1.3fr !important;
  align-items: center !important;
  padding: 20px 20px !important;
  background: var(--na-surface) !important;
  border-bottom: 1px solid rgba(79,195,247,0.06) !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(79,195,247,0.06) !important;
  margin-bottom: 0 !important;
  transition: background 0.2s !important;
  gap: 12px !important;
}
.cls_rw_table_row:last-child { border-bottom: none !important; }
.cls_rw_table_row:hover { background: var(--na-raised) !important; }

/* row cells: reset the mobile column-flex */
.cls_rw_table_row > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.cls_rw_table_row > div:first-child {
  align-items: flex-start !important;
}

/* ---- Logo ---- */
.cls_rw_logo_img {
  max-width: 120px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  background: var(--na-raised) !important;
  padding: 6px !important;
  margin: 0 !important;
  border: 1px solid var(--na-border) !important;
}

/* ---- Advantages ---- */
.cls_rw_pros {
  text-align: left !important;
  margin: 0 !important;
  width: 100% !important;
}
.cls_rw_pro_item {
  font-family: var(--font-b) !important;
  font-size: 12px !important;
  color: var(--na-muted) !important;
  padding: 2px 0 2px 16px !important;
  position: relative !important;
  line-height: 1.5 !important;
}
.cls_rw_pro_item::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--na-teal) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}

/* ---- Rating ---- */
.cls_rw_rating { text-align: center !important; }
.cls_rw_stars {
  color: var(--na-gold) !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  line-height: 1 !important;
  display: block !important;
}
.cls_rw_score {
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--na-white) !important;
  margin-top: 4px !important;
}

/* ---- Bonus ---- */
.cls_rw_bonus { text-align: center !important; }
.cls_rw_bonus_amount {
  font-family: var(--font-d) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  color: var(--na-gold) !important;
  line-height: 1.2 !important;
}
.cls_rw_bonus_detail {
  font-family: var(--font-b) !important;
  font-size: 11px !important;
  color: var(--na-muted) !important;
  margin-top: 2px !important;
}

/* ---- Action buttons ---- */
.cls_rw_actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
}

.cls_rw_btn_play {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  background: linear-gradient(135deg, var(--na-gold) 0%, #D4920A 100%) !important;
  color: #04060B !important;
  font-family: var(--font-d) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(240,192,64,0.3) !important;
  transition: transform 0.18s, box-shadow 0.18s !important;
  text-transform: uppercase !important;
}
.cls_rw_btn_play:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(240,192,64,0.44) !important;
  color: #04060B !important;
}

.cls_rw_btn_review {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: transparent !important;
  border: 1px solid var(--na-border) !important;
  color: var(--na-faint) !important;
  font-family: var(--font-b) !important;
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  transition: border-color 0.18s, color 0.18s !important;
}
.cls_rw_btn_review:hover {
  border-color: rgba(79,195,247,0.35) !important;
  color: var(--na-ice) !important;
}

/* ---- Mobile: collapse back to cards ---- */
@media (max-width: 768px) {
  .cls_rw_table_head { display: none !important; }
  .cls_rw_table_row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 16px !important;
    border-bottom: 1px solid var(--na-border) !important;
    margin: 0 !important;
    gap: 12px !important;
  }
  .cls_rw_table_row > div { align-items: center !important; text-align: center !important; }
  .cls_rw_pros { text-align: center !important; }
  .cls_rw_pro_item { padding-left: 0 !important; }
  .cls_rw_pro_item::before { display: none !important; }
  .cls_rw_logo_img { max-width: 130px !important; margin: 0 auto !important; }
  .cls_rw_btn_play { max-width: 260px !important; }
  .cls_rw_btn_review { max-width: 260px !important; }
}

/* ---- Home H1 aurora color ---- */
.home-h1-compact { color: var(--na-white) !important; font-family: var(--font-d) !important; }

/* ---- Author bio box ---- */
.author-bio {
  background: var(--na-surface) !important;
  border: 1px solid var(--na-border) !important;
  border-radius: 12px !important;
}
.author-bio img { border-color: var(--na-gold) !important; }

/* ---- CTA offer block ---- */
.cta-offer-block {
  background: linear-gradient(135deg, rgba(0,212,160,0.08) 0%, rgba(15,24,37,0.95) 100%) !important;
  border: 1px solid rgba(0,212,160,0.18) !important;
  border-radius: 14px !important;
}
.cta-offer-block .cta-title { font-family: var(--font-d) !important; color: var(--na-white) !important; }
.cta-offer-block .cta-desc  { color: var(--na-muted) !important; }
.cta-offer-block .cta-bonus-highlight { color: var(--na-gold) !important; font-family: var(--font-d) !important; }
.cta-offer-block .cta-btn {
  background: linear-gradient(135deg, var(--na-gold) 0%, #D4920A 100%) !important;
  color: #04060B !important;
  box-shadow: 0 4px 18px rgba(240,192,64,0.28) !important;
}
.cta-offer-block .cta-btn:hover { color: #04060B !important; }
.cta-offer-block .cta-badge {
  background: var(--na-teal) !important;
  color: var(--na-fjord) !important;
}

/* ---- Review cards ---- */
.cls_rw_review_card, [class*="review-card"], [class*="review_card"] {
  background: var(--na-surface) !important;
  border: 1px solid var(--na-border) !important;
  border-radius: 12px !important;
}

/* ---- Sticky footer rw- variables ---- */
.sticky-footer-bar {
  background: linear-gradient(180deg, rgba(9,16,29,0.98), rgba(5,8,14,0.99)) !important;
  border-top: 1px solid var(--na-border) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.6) !important;
}
.sticky-footer-btn {
  background: linear-gradient(135deg, var(--na-gold) 0%, #D4920A 100%) !important;
  color: #04060B !important;
}
.sticky-footer-text .sticky-brand { color: var(--na-gold) !important; }
.sticky-footer-bonus { color: var(--na-gold) !important; }