/* ============================================
   Indonesia Electronic Gaming Theme
   Applies site-wide via shared stylesheet
   ============================================ */

/* Enhance readability for Indonesian text */
body {
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
}

/* Soft vignette overlay for gaming atmosphere */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, transparent 28%, transparent 72%, rgba(0, 0, 0, 0.22) 100%);
}

body > * {
  position: relative;
  z-index: 1;
}

/* Headings with gold gaming accent */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
  text-shadow: none;
}

h2 {
  border-image: linear-gradient(90deg, var(--primary-color), transparent) 1;
}

a {
  color: var(--primary-light);
}

a:hover {
  color: var(--primary-color);
}

/* Main content surfaces */
.feature_be53,
.middle_7f92,
main,
article,
.detail_active_6430,
.description_iron_0773 {
  color: var(--text-primary);
}

/* Cards / panels previously white */
.inner_ec7e,
.sort_6578,
.medium-d171,
.tabs_37dc,
.hover_hot_637f,
.tag_slow_af0b,
.icon_6f2e,
.panel_hot_46b3,
.heading_easy_f453,
.background_glass_95b6,
.solid-c858,
.brown-15b0 {
  background: linear-gradient(180deg, #1a212c 0%, #161c26 100%) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.icon_6f2e li {
  background-color: rgba(11, 18, 32, 0.75) !important;
  border: 1px solid rgba(240, 180, 41, 0.12);
}

.icon_6f2e li:hover {
  background-color: rgba(240, 180, 41, 0.1) !important;
}

/* Indonesia-specific color accents */
.texture-inner-587f {
  color: #f87171;
}

/* Review tags styling */
.video-pink-8a1b {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.slider_181e {
  padding: 0.375rem 0.875rem;
  background-color: rgba(16, 185, 129, 0.18);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.35);
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.border_pink_0563 {
  padding: 0.375rem 0.875rem;
  background-color: rgba(239, 68, 68, 0.16);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* Case study boxes */
.gradient-advanced-c8b4 {
  background: linear-gradient(135deg, #2a2418 0%, #221c14 100%);
  border-left: 4px solid var(--primary-color);
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 8px;
  border: 1px solid rgba(201, 162, 39, 0.35);
  border-left-width: 4px;
  color: #f3ead8;
}

.gradient-advanced-c8b4,
.gradient-advanced-c8b4 p,
.gradient-advanced-c8b4 li {
  color: #f3ead8;
}

.gradient-advanced-c8b4 strong {
  display: block;
  color: #e4c76b;
  margin-bottom: 0.75rem;
  font-size: 1.0625rem;
}

/* Insight from research boxes */
.secondary-dirty-5e20 {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.12), rgba(240, 180, 41, 0.06));
  border-left: 4px solid var(--neon-cyan);
  padding: 1.25rem;
  margin: 1.5rem 0;
  border-radius: 4px;
  font-size: 0.9375rem;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-left-width: 4px;
}

.secondary-dirty-5e20 strong {
  color: var(--neon-cyan);
  display: block;
  margin-bottom: 0.5rem;
}

/* Verification methods */
.hover_hot_637f h4 {
  color: var(--primary-color);
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.hover_hot_637f h4:first-child {
  margin-top: 0;
}

.hover_hot_637f ol {
  margin: 1rem 0 1.5rem;
  padding-left: 1.5rem;
}

.hover_hot_637f li {
  margin-bottom: 0.75rem;
  line-height: 1.7;
}

/* OS-specific guides */
.sort-b5c7 {
  margin: 2rem 0;
}

.tag_slow_af0b h4 {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 1rem;
}

.tag_slow_af0b ol {
  margin: 0;
  padding-left: 1.5rem;
}

.tag_slow_af0b li {
  margin-bottom: 0.75rem;
}

/* Permission analysis table */
.panel_hot_46b3 {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
}

.panel_hot_46b3 thead {
  background: linear-gradient(135deg, #9a7618 0%, #c9a227 100%);
  color: #14110a;
}

.panel_hot_46b3 th {
  padding: 1rem;
  text-align: left;
  font-weight: 700;
  font-size: 0.9375rem;
}

.panel_hot_46b3 td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgba(240, 180, 41, 0.15);
  color: var(--text-secondary);
}

.panel_hot_46b3 tbody tr:hover {
  background-color: rgba(240, 180, 41, 0.08);
}

.panel_hot_46b3 tbody tr:last-child td {
  border-bottom: none;
}

.panel_hot_46b3 code {
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.875rem;
  background-color: rgba(239, 68, 68, 0.15);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  color: #fca5a5;
}

/* Video guide CTA */
.glass-5a02 {
  text-align: center;
  background: linear-gradient(135deg, rgba(240, 180, 41, 0.2) 0%, rgba(217, 119, 6, 0.12) 100%);
  padding: 2.5rem 2rem;
  border-radius: 12px;
  margin: 3rem 0;
  border: 1px solid rgba(240, 180, 41, 0.45);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.glass-5a02 h3 {
  margin-top: 0;
  color: var(--primary-light);
}

.glass-5a02 p {
  font-size: 1.0625rem;
  color: var(--text-secondary);
  max-width: 600px;
  margin: 1rem auto 1.5rem;
}

/* Troubleshooting inline boxes */
.copper-4b50 {
  background-color: #2c1919;
  border: 1px solid rgba(196, 92, 74, 0.55);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 1.5rem 0;
  color: #f3ead8;
}

.copper-4b50 h4 {
  color: #f3b4a8;
  margin-top: 0;
  margin-bottom: 1rem;
}

.copper-4b50 ul {
  margin: 0.5rem 0 0;
}

.copper-4b50 li,
.copper-4b50 p {
  margin-bottom: 0.5rem;
  color: #f3ead8;
}

/* Post-install tips */
.border-a84f {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.1), rgba(240, 180, 41, 0.06));
  border-left: 4px solid var(--neon-cyan);
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-radius: 4px;
  border: 1px solid rgba(34, 211, 238, 0.25);
  border-left-width: 4px;
}

.border-a84f h4 {
  color: var(--neon-cyan);
  margin-top: 0;
  margin-bottom: 1rem;
}

.border-a84f ol {
  margin: 0;
}

.border-a84f li {
  margin-bottom: 0.75rem;
}

/* Verification checklist */
.icon_6f2e h4 {
  margin-top: 0;
  color: var(--primary-color);
}

.icon_6f2e ul {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.icon_6f2e li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.icon_6f2e input[type="checkbox"] {
  margin-top: 0.25rem;
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}

.icon_6f2e label {
  cursor: pointer;
  flex: 1;
}

/* Important note styling */
.in_0b6e {
  background-color: #2c1919;
  border: 2px solid rgba(196, 92, 74, 0.55);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 1.5rem 0;
  font-weight: 500;
  color: #f3ead8;
}

.in_0b6e,
.in_0b6e p,
.in_0b6e li {
  color: #f3ead8;
}

.in_0b6e strong {
  color: #f3b4a8;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
}

/* Comparison tables */
.heading_easy_f453 {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
}

.heading_easy_f453 thead {
  background: linear-gradient(135deg, #9a7618 0%, #c9a227 100%);
  color: #14110a;
}

.heading_easy_f453 th {
  padding: 1rem;
  text-align: left;
  font-weight: 700;
  font-size: 0.9375rem;
}

.heading_easy_f453 td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgba(240, 180, 41, 0.15);
  color: var(--text-secondary);
}

.heading_easy_f453 tbody tr:hover {
  background-color: rgba(240, 180, 41, 0.08);
}

.heading_easy_f453 tbody tr:last-child td {
  border-bottom: none;
}

/* Satisfaction table */
.feature-c7bd {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

.feature-c7bd thead {
  background: linear-gradient(135deg, #2f6f58 0%, #3d8b6e 100%);
  color: #ecfdf5;
}

.feature-c7bd th {
  padding: 1rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.9375rem;
}

.feature-c7bd td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
  color: var(--text-secondary);
}

.feature-c7bd tbody tr:hover {
  background-color: rgba(16, 185, 129, 0.08);
}

/* Profile / stats cards */
.primary-over-c2c4 {
  background: linear-gradient(145deg, rgba(240, 180, 41, 0.14), rgba(34, 211, 238, 0.08)) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.motion_fec7,
.active-bf9f {
  background: linear-gradient(135deg, rgba(240, 180, 41, 0.16), rgba(16, 185, 129, 0.1)) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary);
}

/* Footer gaming strip */
footer,
.nav-1a6d,
.footer_8bb6 {
  background: linear-gradient(180deg, #0a1220 0%, #070d18 100%) !important;
  border-top: 1px solid rgba(240, 180, 41, 0.25);
  color: var(--text-secondary);
}

footer a,
.nav-1a6d a,
.footer_8bb6 a {
  color: var(--primary-light);
}

/* Code blocks on dark theme */
code {
  background-color: rgba(201, 162, 39, 0.12);
  color: #d4af37;
}

pre {
  background-color: #070d18;
  border: 1px solid rgba(240, 180, 41, 0.2);
}

/* Breadcrumb */
.article-66ee a {
  color: var(--primary-light);
}

.article-66ee span {
  color: var(--text-muted);
}

/* Mobile menu drawer */
.solid-c858 {
  background: linear-gradient(180deg, #121a2b 0%, #0b1220 100%) !important;
  border-bottom: 1px solid rgba(240, 180, 41, 0.25) !important;
}

.solid-c858 a {
  color: var(--text-secondary) !important;
}

.solid-c858 a:hover,
.solid-c858 a.fn-active-42cb {
  color: var(--primary-color) !important;
  background-color: rgba(240, 180, 41, 0.1);
}

/* CTA buttons - muted business gold / forest */
.blue-dbe8,
.header_large_ba5f,
.box_green_0754.header_large_ba5f {
  background: linear-gradient(180deg, #d4af37 0%, #c9a227 55%, #9a7618 100%) !important;
  color: #14110a !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

.pro-f055,
.media_f2c1,
.box_green_0754.media_f2c1 {
  background: linear-gradient(180deg, #4a9d7c 0%, #3d8b6e 100%) !important;
  color: #f4faf7 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

.blue-dbe8:hover,
.header_large_ba5f:hover,
.box_green_0754.header_large_ba5f:hover {
  background: linear-gradient(180deg, #e0c45a 0%, #d4af37 100%) !important;
  color: #14110a !important;
}

.video-top-b163 .green-c017 {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #e8c547 !important;
  border: 1.5px solid #d4af37 !important;
  box-shadow: none !important;
}

.video-top-b163 .green-c017:hover {
  background: rgba(212, 175, 55, 0.22) !important;
  color: #f3e0a0 !important;
  border-color: #e0c45a !important;
}

.video-top-b163 .footer_first_c549 {
  background: linear-gradient(180deg, #e0c45a 0%, #d4af37 50%, #c9a227 100%) !important;
  color: #14110a !important;
  border: 1.5px solid #d4af37 !important;
  box-shadow: 0 2px 10px rgba(201, 162, 39, 0.35) !important;
}

.video-top-b163 .footer_first_c549:hover {
  background: linear-gradient(180deg, #f0d978 0%, #e0c45a 100%) !important;
  color: #14110a !important;
}

/* Hamburger icon on dark header */
.complex-c2f2,
.complex-c2f2::before,
.complex-c2f2::after {
  background-color: var(--primary-light) !important;
}

/* Soft content well for long SEO articles */
.feature_be53 > .overlay_first_a104,
.middle_7f92 > .overlay_first_a104 {
  background: rgba(22, 28, 38, 0.55);
  border-radius: 12px;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.12);
}

/* High-contrast text on leftover callout boxes */
.icon-b15d,
.icon-b15d p,
.icon-b15d li,
.icon-b15d h3,
.secondary-iron-1099,
.secondary-iron-1099 li,
.secondary-iron-1099 p,
.next_4eda,
.next_4eda p,
.fast-c917,
.fast-c917 p,
.fast-c917 li,
.filter_34ae,
.filter_34ae p,
.filter_34ae li,
.hover_hot_637f,
.hover_hot_637f p,
.hover_hot_637f li,
.hover_hot_637f ol,
.secondary-dirty-5e20,
.glass-5a02 p,
.iron_0600,
.iron_0600 figcaption,
.highlight-white-951e {
  color: #f3ead8;
}

.secondary-dirty-5e20 strong,
.glass-5a02 h3,
.next_4eda .button_fast_ffc9,
.block-3d31 h3,
.fast-c917 h3,
.fast-c917 h4 {
  color: #e4c76b;
}

.hover_hot_637f h4 {
  color: #e4c76b;
}

.orange_e6cb {
  background-color: rgba(201, 162, 39, 0.22);
  color: #ead9a8;
}

.photo-0e7f {
  background-color: rgba(61, 139, 110, 0.28);
  color: #d5efe4;
}

.label-upper-1050,
.label-upper-1050 p {
  color: #f3ead8;
}

.label-upper-1050 strong {
  color: #e4c76b;
}

.description_white_0ffb,
.description_white_0ffb p {
  color: #f3ead8;
}

.border-a84f,
.border-a84f p,
.border-a84f li {
  color: #f3ead8;
}

/* Additional responsive adjustments for Indonesian content */
@media (max-width: 640px) {
  .video-pink-8a1b {
    gap: 0.375rem;
  }

  .slider_181e,
  .border_pink_0563 {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
  }

  .hover_hot_637f,
  .tag_slow_af0b {
    padding: 1rem;
  }

  .glass-5a02 {
    padding: 1.5rem 1rem;
  }

  .heading_easy_f453 {
    font-size: 0.875rem;
  }

  .heading_easy_f453 th,
  .heading_easy_f453 td {
    padding: 0.625rem 0.75rem;
  }

  /* Make tables scrollable on small screens */
  .surface_rough_e2ee,
  .heading_easy_f453,
  .panel_hot_46b3,
  .feature-c7bd {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  body {
    background-attachment: scroll;
  }
}

/* Print-specific adjustments */
@media print {
  body,
  body::before {
    background: #ffffff !important;
  }

  body {
    color: #111827 !important;
  }

  .glass-5a02,
  .box_green_0754,
  .icon_6f2e input[type="checkbox"] {
    display: none;
  }

  .gradient-advanced-c8b4,
  .secondary-dirty-5e20,
  .copper-4b50 {
    page-break-inside: avoid;
  }
}

/* css-noise: 6378 */
.widget-item-i3 {
  padding: 0.4rem;
  font-size: 10px;
  line-height: 1.0;
}

/* Ulasan review cards: keep verified badge, date, and score on one layout */
.surface_orange_d308 .backdrop_dd20 {
  padding: 1.25rem 1.35rem;
}

.surface_orange_d308 .element_609f {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.surface_orange_d308 .next-5837 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}

.surface_orange_d308 .logo-center-a6f7 {
  flex-shrink: 0;
}

.surface_orange_d308 .dropdown_1688 {
  min-width: 0;
  flex: 1;
}

.surface_orange_d308 .dropdown_1688 h4 {
  margin: 0 0 0.4rem;
  line-height: 1.3;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.surface_orange_d308 .bright-ca6d {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.75rem;
}

.surface_orange_d308 .breadcrumb_c9af {
  display: inline-flex;
  width: auto !important;
  height: auto !important;
  min-height: 0;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  background: rgba(201, 162, 39, 0.16);
  color: var(--primary-color);
  border: 1px solid rgba(201, 162, 39, 0.35);
}

.surface_orange_d308 .summary_7654 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  white-space: nowrap;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.surface_orange_d308 .bright_3dee {
  flex-shrink: 0;
  text-align: right;
}

.surface_orange_d308 .active_acc9 {
  color: var(--primary-color);
  letter-spacing: 0.06em;
  white-space: nowrap;
  font-size: 0.95rem;
  line-height: 1.2;
}

.surface_orange_d308 .title_0021 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: 0.2rem;
  line-height: 1.1;
}

@media (max-width: 480px) {
  .surface_orange_d308 .element_609f {
    flex-direction: column;
    gap: 0.75rem;
  }

  .surface_orange_d308 .bright_3dee {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: left;
    padding-left: 3.85rem;
  }

  .surface_orange_d308 .title_0021 {
    font-size: 1.125rem;
    margin-top: 0;
  }
}