/*
Theme Name:    Wpmedia Child
Template:      wpmedia
*/


/* Biar .archive-description kelihatan di light mode */
html:not(.dark) .archive-description {
  color: #333333 !important;    /* ganti sesuai warna gelap pilihanmu */
}
html:not(.dark) .widget-subtitle,
html:not(.dark) .archive-description {
  color: #333333 !important;
}

.box-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px; /* jarak bawah antar box-item */
}


/* === DARK MODE BASE #1d2327 === */
body.dark-theme {
  /* Latar belakang utama */
  --background-color:       #1d2327; /* dasar utama */
  --content-bgcolor:        #242a2e; /* konten sedikit lebih terang */
  --header-bgcolor:         #20262a; /* header */
  --mainmenu-bgcolor:       #23292d; 
  --mainmenu-secondbgcolor: #1f2529;
  --footer-bgcolor:         #20262a;
  --greybody-bgcolor:       #1f2529;
  --border-color:           #3b4145;

  /* Widget panel */
  --widget-color1:          #242a2e;
  --widget-color2:          #2b3135;

  /* Teks & aksen */
  --main-color:             #d0d3d6; /* teks utama agak keabu-abuan */
  --link-color-body:        #d0d3d6;
  --hoverlink-color-body:   #f1c40f; /* aksen kuning */
  --topnav-color:           #d0d3d6;
  --topnav-link-color:      #d0d3d6;
  --topnav-linkhover-color: #f1c40f;
  --mainmenu-color:         #d0d3d6;
  --mainmenu-hovercolor:    #f1c40f;
  --content-greycolor:      #a9afb3; /* teks sekunder */
  --footer-color:           #d0d3d6;
  --footer-linkcolor:       #d0d3d6;
  --footer-hover-linkcolor: #e0e0e0;

  /* Widget typography */
  --widget-title:           #f1c40f !important;
  --widget-desc:            #b9bfc3;
  --widget-link:            #d0d3d6;
  --widget-linkhover:       #f1c40f;
  --widget-meta:            #b9bfc3;

  /* Transparansi tipis */
  --rgbacolor:              rgba(255, 255, 255, 0.02);
  --rgbacolorthin:          rgba(255, 255, 255, 0.01);
  --rgbacoloractive:        rgba(255, 255, 255, 0.05);
}

/* === LIGHT MODE BASE #1d2327 === */
body {
	--font-reguler: 400;
	--font-bold: 600;
	--background-color: #eeeeee;
	--scheme-color: #3b3b3b;
	--secondscheme-color: #1d2327;
	--main-color: #000000;
	--link-color-body: #000000;
	--hoverlink-color-body: #9a1e23;
	--border-color: #e0e0e0;
	--header-bgcolor: #ffffff;
	--topnav-color: #000000;
	--topnav-link-color: #000000;
	--topnav-linkhover-color: #9a1e23;
	--mainmenu-bgcolor: #3b3b3b;
	--mainmenu-secondbgcolor: #1f2529;
	--mainmenu-direction: 80deg;
	--mainmenu-color: #ffffff;
	--mainmenu-hovercolor: #f1c40f;
	--content-bgcolor: #ffffff;
	--content-greycolor: #555555;
	--button-bgcolor: #1d2327;
	--button-color: #ffffff;
	--footer-bgcolor: #ffffff;
	--footer-color: #666666;
	--footer-linkcolor: #000000;
	--footer-hover-linkcolor: #9a1e23;
	--greybody-bgcolor: #eeeeee;
	--rgbacolor: rgba(0, 0, 0, 0.05);
	--rgbacolorthin: rgba(0, 0, 0, 0.025);
	--rgbacoloractive: rgba(0, 0, 0, 0.1);
}

.gmr-cf-metacontent span {
    border-left: 3px solid #b0b6ba;
}



/* Container thumbnail */
.content-single .post-thumbnail {
  position: relative;
  display: inline-block; /* pastikan ukuran sesuai gambar */
}

/* Gambar tetap normal */
.content-single .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.content-single .post-thumbnail {
  position: relative;
}

.content-single .post-thumbnail .caption,
.content-single .post-thumbnail figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;

  padding: 12px 8px;
  color: #FFEB3B;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 2;

  text-align: center;   /* cukup ini untuk center horizontal */
  font-size: 12px;
  line-height: 1.4;
}


/* Container thumbnail */
.content-single .post-thumbnail {
  position: relative;
  display: inline-block;
}

/* Gambar normal */
.content-single .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

/* Caption muncul di bawah gambar tapi tetap di atas layer gambar */
.content-single .post-thumbnail .caption {
  position: absolute;
  bottom: 0; /* nempel di bawah gambar */
  left: 0;
  width: 100%;
  padding: 6px 8px; /* jarak nyaman */
  color: #fdf6ec; /* teks putih */
  background: rgba(0, 0, 0, 0.2); /* hitam transparan ringan */
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: 12px;
  line-height: 1.3;
  transition: background 0.3s ease;
}

/* Hover efek opsional */
.content-single .post-thumbnail:hover .caption {
  background: rgba(0, 0, 0, 0.35);
}

/* Responsif: tablet */
@media screen and (max-width: 768px) {
  .content-single .post-thumbnail .caption {
    font-size: 11px;
    padding: 5px 6px;
  }
}

/* Responsif: mobile */
@media screen and (max-width: 480px) {
  .content-single .post-thumbnail .caption {
    font-size: 10px;
    padding: 4px 6px;
  }
}




/* Artikel tunggal full width tapi tetap 700px di tengah */
.single .single-content-center {
  max-width: 700px;
  margin: 0 auto;
}

/* Pastikan sidebar mati total */
.single .sidebar,
.single .widget-area {
  display: none !important;
}

.idtsliderthumb-modhome .splide__slide
{
    display: none !important;
}
.gmr-topnavwrap .row-flex {
    height: 32px;
}

.entry-content-single {
    margin: 0 0 0px;
}
article.post {
	margin-bottom: 0px;
}
.gmr-mainmenu ul > li {
	display: grid !important;
	grid-template-columns: repeat(1, 1fr);
	position: relative;
	height: 30px;
	align-items: center;
	justify-content: center;
}

.gmr-mainmenu ul > li > a {
	position: relative;
	display: flex;
	padding: 0 0;
	font-size: 14px;
	line-height: 1.0;
	text-decoration: none !important;
	color: var(--mainmenu-color);
	height: 30px;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.meta-content a {
    color: var(--main-color); /* teks lebih jelas di dark & light */
    text-decoration: none;     /* opsional, biar lebih rapi */
}

.meta-content a:hover {
    color: var(--scheme-color); /* warna aksen saat hover */
}


.meta-content {
    font-size: 11px;           /* ukuran font */
    color: #333333;            /* default teks dark untuk light mode */
    line-height: 1.4;          /* biar enak dibaca */
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

/* Override warna untuk dark mode */
body.dark-theme .meta-content {
    color: #eeeeee;            /* teks terang di dark mode */
}


/* Hilangin thumbnail related post */
.gmr-related-post .post-thumbnail {
    display: none !important;
}

.entry-content-archive p {
    display: none !important;
}

.gmr-iconnotif .gmr-iconnotif-wrap, .gmr-iconnotif a {
    display: none !important;
}

.gmr-iconnotif svg {
    display: none !important;
}

/* Hilangin tanggal related post */
.gmr-related-post .posted-on {
    display: none !important;
}

/* Reset counter */
.gmr-related-post {
    counter-reset: related;
}

/* Styling judul related post */
.gmr-related-post .reltitle a {
    display: flex;
    align-items: center;
    font-size: 15px;   /* pas di HP */
    line-height: 1.2;  /* rapet tapi masih kebaca */
    margin: 0;         /* hilangin margin ekstra */
    padding: 2px 0;    /* kasih napas tipis */
}

/* Nomor dengan lingkaran */
.gmr-related-post .reltitle a::before {
    counter-increment: related;
    content: counter(related);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;   /* kecil biar rapih */
    height: 18px;
    margin-right: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: var(--scheme-color, #0073aa);
    border-radius: 50%;
    flex-shrink: 0;
}

/* Flat mode: tanpa jarak antar item */
.gmr-related-post .box-item {
    margin: 0; 
    padding: 0;
    border: none;
}


/* Default (light) */
:root {
  --background-color: #ffffff;
  --main-color: #333333;
  --link-color-body: #333333;
  --hoverlink-color-body: #0073aa;
  /* dst... */
}

/* Jika user OS/HP set ke dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #1d2327;
    --main-color: #e0e3e6;
    --link-color-body: #d0d3d6;
    --hoverlink-color-body: #f1c40f;
    /* dst... */
  }
}




.subcat-slider-wrapper{background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:0 0 10px;overflow-x:auto;white-space:nowrap}.subcat-slider{display:flex;gap:8px;padding:6px 0;-webkit-overflow-scrolling:touch}.subcat-item{display:inline-block;padding:5px 10px;font-size:13px;border-radius:4px;background-color:#f2f2f2;color:#222;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s ease-in-out}.subcat-item:hover{background-color:#0073aa;color:#fff}.subcat-item.active{background-color:#cc0000;color:#fff}body.dark-theme .subcat-slider-wrapper{background-color:#1e1e1e;border-color:#333}body.dark-theme .subcat-item{background-color:#2a2a2a;color:#ccc}body.dark-theme .subcat-item:hover{background-color:#0073aa;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:700}.gmr-logo-mobile img{max-width:250px!important}.gmr-logo{max-width:180px!important}@media(max-width:992px){.gmr-logo-mobile{height:35px!important;margin-left:5px!important}}body,body.dark-theme{--scheme-color:#3b3b3b}.widget-subtitle,.archive-description{color:#e8e8e8}html:not(.dark) .widget-subtitle,html:not(.dark) .archive-description{color:#333!important}body.dark-theme .widget-subtitle,body.dark-theme .archive-description{color:#ccc!important}.footer-column .widget-title{color:#fff!important}.gmr-topnavwrap .site-header{padding:10px 0}.gmr-mainmenu ul{padding:0}.gmr-nextposts-button .nextposts-content-link,.cat-links-content,.site-info{display:none!important}.page-title:before,.widget-title:before,.sub-title:before,.widget h1.wp-block-heading:before,.widget h2.wp-block-heading:before,.widget h3.wp-block-heading:before,.comment-reply-title:before{content:"";margin-right:10px;width:10px;height:15px;background-color:#3b3b3b;border-radius:2px}ul.gmr-socialicon-share li.whatsapp a,ul.gmr-socialicon-share li.telegram a,ul.gmr-socialicon-share li.twitter a,ul.gmr-socialicon-share li.facebook a,button#share-modal{background-color:#3b3b3b}.esai-disclaimer{margin-top:2em;padding:1em;background-color:#fdf6ec;color:#3b3b3b;border-left:4px solid #a93226;font-size:.875em}body.dark-theme .esai-disclaimer{background-color:var(--content-bgcolor,#1a1a1a);color:var(--main-color,#eee);border-left-color:var(--mainmenu-hovercolor,#f1c40f)}body.dark-theme .esai-disclaimer a{color:var(--mainmenu-hovercolor,#f1c40f)}.custom-logo-link img.logo-light,.custom-logo-link img.logo-dark{display:none}body:not(.dark-theme) .custom-logo-link img.logo-light{display:inline-block!important;max-width:210px;height:auto}body.dark-theme .custom-logo-link img.logo-dark{display:inline-block!important;max-width:210px;height:auto;margin-bottom:0}.widget-titleimg .img-titlebg{display:none}.breaking-news-wrapper{background:#f9f9f9;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.breaking-news-bar{display:flex;align-items:center;padding:8px 0;font-size:14px;overflow:hidden;position:relative;max-width:100%}.breaking-news-bar strong{flex-shrink:0;margin-right:16px;padding:6px 12px;color:#fff;background-color:#d62828;font-weight:600;white-space:nowrap;border-radius:4px}.breaking-news-content{display:inline-block;animation:scroll-left 45s linear infinite;white-space:nowrap;padding-left:100%}.breaking-news-bar a{color:#111;text-decoration:none;margin-right:40px;font-weight:500}@keyframes scroll-left{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}body.dark-theme #ez-toc-container,body.dark-theme .ez-toc-widget-container{background-color:var(--content-bgcolor);color:var(--main-color);border:1px solid var(--border-color);transition:all .3s ease-in-out}body.dark-theme #ez-toc-container a,body.dark-theme .ez-toc-widget-container a{color:var(--link-color-body)}body.dark-theme #ez-toc-container a:hover,body.dark-theme .ez-toc-widget-container a:hover{color:var(--hoverlink-color-body)}body.dark-theme #ez-toc-container li,body.dark-theme .ez-toc-widget-container li{border-color:var(--border-color)}body.dark-theme #ez-toc-container .ez-toc-title{color:var(--widget-title)}body.dark-theme #ez-toc-container ul{background-color:transparent}.table-scroll{overflow-x:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:1.5em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#333}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2;font-weight:700}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}body.dark-theme table{color:var(--main-color)}body.dark-theme th,body.dark-theme td{border-color:var(--border-color)}body.dark-theme th{background-color:var(--header-bgcolor);color:var(--main-color)}body.dark-theme tr:nth-child(even){background-color:var(--rgbacolor)}body.dark-theme tr:hover{background-color:var(--rgbacoloractive)}.entry-content table{display:block;overflow-x:auto}@media(max-width:400px){.gmr-gravatar-metasingle{display:block}}