/*
 * Dark Mode Override CSS
 * Theme: thbgn (GP Blog Negeri)
 * Hanya override warna - tidak mengubah layout
 */

/* =============================================
   CSS VARIABLES - Dark Theme Override
   ============================================= */
:root {
  --contrast: #e8e8e8;
  --contrast-2: #a0b4d6;
  --contrast-3: #c0c0c0;
  --base: #2a2a2a;
  --base-2: #1e1e1e;
  --base-3: #181818;
  --accent: #4d9fff;
  --tax-bg: #2a2a2a;
  --tax-color: #ff6b6b;
  --yellow: #ffd166;
  --blue: #4d9fff;
  --purple: #c77dff;
  --block-bg: #1e3a5f;
}

/* =============================================
   BODY & GLOBAL
   ============================================= */
body {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

a {
  color: #4d9fff !important;
}
a:hover, a:focus, a:active {
  color: #a0c8ff !important;
}

/* =============================================
   HEADER
   ============================================= */
.site-header {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #2e2e2e !important;
}

.top-bar {
  background-color: #111111 !important;
  color: #aaaaaa !important;
}

.main-title a,
.main-title a:hover {
  color: #e8e8e8 !important;
}

.site-description {
  color: #888 !important;
}

/* =============================================
   NAVIGATION
   ============================================= */
.main-navigation,
.main-navigation ul ul {
  background-color: #1a1a1a !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color: #d4d4d4 !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a {
  color: #4d9fff !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #4d9fff !important;
}

.main-navigation ul ul li a {
  border-bottom: 1px solid #2e2e2e !important;
}

.main-navigation ul ul {
  background-color: #1e1e1e !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

/* Mobile navigation */
#site-navigation {
  background: #1a1a1a !important;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus {
  background-color: rgba(255,255,255,0.05) !important;
  color: #e0e0e0 !important;
}

/* Slideout menu */
ul.slideout-menu ul,
ul.slideout-menu ul li a {
  border-color: #2e2e2e !important;
  color: #d4d4d4 !important;
}

/* =============================================
   SEARCH
   ============================================= */
.search-modal-form,
.gp-search-modal .gp-modal__overlay {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

.search-modal-form .search-field {
  color: #e0e0e0 !important;
  background: transparent !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  color: #e0e0e0 !important;
  background-color: #252525 !important;
  border-color: #333 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
  background-color: #2a2a2a !important;
  border-color: #4d9fff !important;
  color: #e0e0e0 !important;
}

/* =============================================
   CONTENT AREA
   ============================================= */
.site-content {
  background-color: #121212 !important;
}

/* Post cards / boxes */
.shadow {
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.4) !important;
}

.shadow2 {
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.35) !important;
}

/* Entry titles */
.entry-title a {
  color: #e8e8e8 !important;
}
.entry-title a:hover {
  color: #a0c8ff !important;
}

/* Entry meta */
.entry-meta {
  color: #888888 !important;
}

/* =============================================
   POST CATEGORIES / TAGS (Pill badges)
   ============================================= */
.post-categories span,
.post-categories span a {
  background: #2a2a2a !important;
  color: #ff6b6b !important;
}

.post-categories span:hover,
.post-categories span a:hover {
  background: #333 !important;
}

/* =============================================
   SIDEBAR & WIDGETS
   ============================================= */
.sidebar .widget,
.widget-area .widget {
  background-color: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
}

.widget-title {
  color: #e0e0e0 !important;
  border-bottom: 2px solid #2e2e2e !important;
}

/* Popular posts list in sidebar */
.sidebar a,
.widget-area a {
  color: #d0d0d0 !important;
}
.sidebar a:hover,
.widget-area a:hover {
  color: #4d9fff !important;
}

/* Navigation widget links */
#nav_menu-2 a,
.widget_nav_menu a {
  color: #d0d0d0 !important;
}

/* =============================================
   GB CONTAINERS (GenerateBlocks)
   ============================================= */
.gb-container-adab90c3 {
  background-color: #1e1e1e !important;
}

.gb-container-4e15af78 {
  background-color: #1e1e1e !important;
}

.gb-container-07844459 {
  background-color: #1a1a1a !important;
}

/* White backgrounds in gb containers */
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"] {
  background-color: #1e1e1e !important;
}

/* =============================================
   HEADLINES / TEXT COLORS
   ============================================= */
h2.gb-headline-b05dfdaf a {
  color: #e0e0e0 !important;
}
h2.gb-headline-b05dfdaf a:hover {
  color: #a0c8ff !important;
}

h2.gb-headline-cbdd5f90 {
  color: #e0e0e0 !important;
}
h2.gb-headline-cbdd5f90 a {
  color: #e0e0e0 !important;
}
h2.gb-headline-cbdd5f90 a:hover {
  color: #a0c8ff !important;
}

p.gb-headline-d60fg9b1 {
  color: #888888 !important;
}

p.gb-headline-2f9711a8 {
  color: #888888 !important;
}

/* =============================================
   PAGINATION
   ============================================= */
.paging-navigation {
  border-top: 1px solid #2e2e2e !important;
  background: none !important;
}

.paging-navigation span,
.paging-navigation a {
  border: 1px solid #333 !important;
  color: #d0d0d0 !important;
  background: #1e1e1e !important;
}

.paging-navigation span.current {
  background: #1e3a5f !important;
  color: #fff !important;
  border-color: #2e5490 !important;
}

/* =============================================
   COMMENTS
   ============================================= */
.comments-area {
  border-color: #2a2a2a !important;
}

.comment-list .reply a {
  border: 1px solid #333 !important;
  color: #aaa !important;
}

.comment-list li.depth-1 {
  border: 1px solid #2a2a2a !important;
  background: #1a1a1a !important;
}

.comment-content {
  border: none !important;
}

/* =============================================
   FOOTER
   ============================================= */
.footer-widgets,
.footer-widgets-container {
  background-color: #141414 !important;
  border-top: 1px solid #2a2a2a !important;
}

.site-info,
.inside-site-info {
  background-color: #0f0f0f !important;
  color: #666 !important;
  border-top: 1px solid #1e1e1e !important;
}

.site-info a {
  color: #888 !important;
}

.gb-container-2f05acdd {
  background-color: #1a1a2e !important;
}

.gb-container-8fcdf41a {
  background-color: #111118 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

/* =============================================
   MASONRY LOAD MORE
   ============================================= */
.masonry-load-more {
  border-top: 1px solid #2e2e2e !important;
  border-bottom: 1px solid #2e2e2e !important;
}

.masonry-load-more a {
  color: #d0d0d0 !important;
}

/* =============================================
   OWL CAROUSEL DOTS
   ============================================= */
.owl-dots button {
  background: #333 !important;
}

.owl-dots button.active {
  background: #4d9fff !important;
}

/* =============================================
   TEACHER / EXTRAKURIKULER SLIDES
   ============================================= */
.extrakurikuler .owl-item {
  background: #1e1e1e !important;
}

.teacher_slide .owl-item {
  border: 1px solid #2a2a2a !important;
}

/* =============================================
   TERM LIST & TAG LIST
   ============================================= */
.term_list a {
  border-bottom: 1.5px solid #444 !important;
  color: #aaa !important;
}

/* =============================================
   TOC (Table of Contents)
   ============================================= */
#ez-toc-container {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
}

#ez-toc-container .ez-toc-title-container {
  border-bottom: 1px solid #2a2a2a !important;
}

div#ez-toc-container ul li {
  border-bottom: 1px solid #2a2a2a !important;
}

#ez-toc-container a {
  color: #4d9fff !important;
}

#ez-toc-container a:hover {
  color: #a0c8ff !important;
}

/* =============================================
   STEPS TIMELINE
   ============================================= */
ul.steps li {
  border-left: 1px dashed #3a6dad !important;
  color: #c0c0c0 !important;
}

ul.steps li:before {
  border: 10px solid #1a1a1a !important;
  background: #2e5490 !important;
}

ul.steps li strong {
  color: #e0e0e0 !important;
}

/* =============================================
   BUTTONS
   ============================================= */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
  color: #fff !important;
  background-color: #1e3a5f !important;
}

a.generate-back-to-top {
  background-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}

a.generate-back-to-top:hover {
  background-color: rgba(255,255,255,0.25) !important;
}

/* =============================================
   SHARE IT & ADDTOANY
   ============================================= */
.addtoany_share_save_container,
.addtoany_share_save_container p,
.addtoany_share_save_container span,
.a2a_label,
[class*="addtoany"] p,
[class*="addtoany"] span {
  color: #e0e0e0 !important;
}

/* Teks "Share it:" - biasanya <p><strong> atau label langsung */
.entry-content p,
.entry-content span,
.dynamic-entry-content p,
.dynamic-entry-content span {
  color: #d0d0d0 !important;
}

.sharedaddy,
.sharedaddy p,
.sharedaddy span,
.sharedaddy h3,
.sd-title,
.sd-social-text {
  color: #e0e0e0 !important;
}

/* Related Post heading & area */
.related-posts h2,
.related-posts h3,
.related-posts .widget-title,
[class*="related"] h2,
[class*="related"] h3,
[class*="related"] .title {
  color: #e0e0e0 !important;
}

/* =============================================
   MISC BORDERS & DIVIDERS
   ============================================= */
hr,
.main-navigation .main-nav ul li a {
  border-color: #2a2a2a !important;
}

/* White backgrounds that appear in inline blocks */
.gb-container-adab90c3,
[class*="gb-container"] {
  border-color: #2a2a2a !important;
}

/* =============================================
   MOBILE OVERRIDES
   ============================================= */
@media only screen and (max-width: 767px) {
  body {
    background: #121212 !important;
  }
}

@media only screen and (max-width: 768px) {
  #site-navigation {
    background: #1a1a1a !important;
  }
}