/* ============================================================
   KARAWANG BEKASI — Industrial Theme Override
   Tone: Industrial Steel (#1A2E3F) + Forge Orange (#E07B18)
   Loaded last — overrides jogja-home.css & jogja-artikel.css
   ============================================================ */

/* ── CSS variable overrides ── */
:root {
  --jg-green:      #1A2E3F;
  --jg-green-mid:  #2B4560;
  --jg-gold:       #E07B18;
  --jg-gold-dark:  #B85F0A;
  --jg-cream:      #F4F3F1;
  --jg-cream-dark: #E2E0DC;
}

/* ── Hardcoded color overrides ── */

/* Popular & Pilihan item borders */
.jg-popular-item,
.jg-pilihan-item { border-bottom-color: #e8e5e0; }

/* Category banner gradient second stop */
.jg-cat-banner {
  background: linear-gradient(135deg, #F4F3F1 0%, #e4e1dc 100%);
}

/* Author banner dark gradient stop */
.jg-author-banner {
  background: linear-gradient(135deg, #1A2E3F 0%, #0A1A27 100%);
}

/* Footer dark background */
.jg-footer { background: #0D1620; }

/* Category banner icon shadow (was rgba green) */
.jg-cat-banner .jg-page-banner-icon {
  box-shadow: 0 4px 16px rgba(26,46,63,.2);
}

/* Category banner label (was rgba green) */
.jg-cat-banner .jg-page-banner-label {
  background: rgba(26,46,63,.08);
  border-color: rgba(26,46,63,.2);
}

/* Search box focus ring (was rgba green) */
.jg-search-box:focus-within {
  box-shadow: 0 0 0 4px rgba(26,46,63,.08);
}

/* Tag banner icon shadow (was rgba gold) */
.jg-tag-banner .jg-page-banner-icon {
  box-shadow: 0 4px 16px rgba(224,123,24,.25);
}

/* Tag banner label (was rgba gold) */
.jg-tag-banner .jg-page-banner-label {
  background: rgba(224,123,24,.1);
  border-color: rgba(224,123,24,.3);
}

/* Author label pill (was rgba gold) */
.jg-author-label {
  background: rgba(224,123,24,.12);
  border-color: rgba(224,123,24,.3);
}

/* Footer social hover tint (was rgba gold) */
.jg-footer-social a:hover {
  background: rgba(224,123,24,.08);
}

/* ── Topstrip ── */
.jg-topstrip {
  background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(9, 9, 121, 1) 80%, rgba(26, 46, 63, 1) 100%);
}
