/*
Theme Name: BTC
Theme URI: https://banguntujuhcahaya.com/
Author: CV. Bangun Tujuh Cahaya
Author URI: https://banguntujuhcahaya.com/
Description: Theme resmi untuk banguntujuhcahaya.com. Dibuat ringan, bersih, tanpa plugin builder pihak ketiga (page builder/redirect) supaya lebih aman dari sisipan judi online (judol). Header desktop & mobile mengikuti desain resmi CV. Bangun Tujuh Cahaya.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: btc
*/

/* =============================================
   RESET DASAR
============================================= */
*{margin:0;padding:0;box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
body{
	font-family:'Plus Jakarta Sans','Segoe UI',Arial,Helvetica,sans-serif;
	color:#222;
	background:#f5f5f5;
	line-height:1.8;
	letter-spacing:0.15px;
	font-weight:400;
}
.container{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}

/* =============================================
   TOP BAR (logo + kontak) - warna kuning khas BTC
============================================= */
.btc-topbar{
	background:#f6b90c;
	position:relative;
	overflow:hidden;
}
.btc-topbar::before,
.btc-topbar::after{
	content:"";
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,0.12);
	width:260px;
	height:260px;
}
.btc-topbar::before{ top:-120px; left:-60px; }
.btc-topbar::after{ top:-140px; right:-80px; }

.btc-topbar-inner{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:22px 20px;
	gap:20px;
}

.btc-brand{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin:0 auto;
}
.btc-brand img{
	max-height:80px;
	width:auto;
	display:block;
	margin:0 auto;
}
.btc-brand-text{
	font-weight:700;
	font-size:26px;
	color:#111;
	letter-spacing:0.2px;
}
.btc-brand-text small{
	display:block;
	font-weight:500;
	font-size:12px;
	letter-spacing:1px;
	color:#222;
}

.btc-contact{
	font-size:15px;
	color:#111;
	font-weight:500;
	letter-spacing:0.2px;
}
.btc-contact li{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:6px;
	line-height:1.5;
}
.btc-contact li:last-child{margin-bottom:0;}
.btc-contact svg{
	flex:none;
	width:16px;
	height:16px;
}
.btc-contact a{word-break:break-all;}

/* =============================================
   NAVBAR UTAMA (gelap)
============================================= */
.btc-navbar{
	background:#2f333d;
	position:relative; /* penting: jadi acuan posisi menu mobile (.btc-menu) */
	z-index:200;
}
.btc-navbar-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

/* Menu desktop */
.btc-menu{
	display:flex;
}
.btc-menu li{
	position:relative;
}
.btc-menu a{
	display:block;
	padding:18px 22px;
	color:#e7e7e7;
	font-size:15px;
	font-weight:500;
	letter-spacing:0.3px;
	transition:background .2s,color .2s;
}
.btc-menu li:first-child a{ background:#3f434e; color:#fff; }
.btc-menu a:hover,
.btc-menu li.current-menu-item > a{
	background:#3f434e;
	color:#fff;
}
.btc-menu .sub-menu{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	min-width:200px;
	background:#3f434e;
	z-index:50;
}
.btc-menu li:hover > .sub-menu{ display:block; }
.btc-menu .sub-menu a{ padding:12px 18px; }

/* Search toggle */
.btc-search-toggle{
	background:none;
	border:none;
	color:#e7e7e7;
	padding:18px 22px;
	cursor:pointer;
	font-size:17px;
	line-height:1;
}
.btc-search-toggle:hover{ color:#fff; }

.btc-search-form{
	display:none;
	background:#20232b;
	padding:16px 20px;
}
.btc-search-form.is-open{ display:block; }
.btc-search-form form{
	display:flex;
	max-width:600px;
	margin:0 auto;
}
.btc-search-form input[type="search"]{
	flex:1;
	padding:10px 14px;
	border:none;
	font-size:15px;
}
.btc-search-form button{
	padding:10px 18px;
	background:#f6b90c;
	border:none;
	font-weight:600;
	cursor:pointer;
}

/* Hamburger (mobile) */
.btc-hamburger{
	display:none;
	align-items:center;
	gap:8px;
	background:none;
	border:none;
	color:#e7e7e7;
	padding:16px 20px;
	font-size:15px;
	font-weight:500;
	cursor:pointer;
}
.btc-hamburger .bar{
	width:20px;
	height:2px;
	background:#e7e7e7;
	position:relative;
	display:inline-block;
}
.btc-hamburger .bar::before,
.btc-hamburger .bar::after{
	content:"";
	position:absolute;
	left:0;
	width:20px;
	height:2px;
	background:#e7e7e7;
}
.btc-hamburger .bar::before{ top:-6px; }
.btc-hamburger .bar::after{ top:6px; }

/* =============================================
   KONTEN & FOOTER SEDERHANA
============================================= */
.btc-content{
	padding:40px 0;
	min-height:300px;
	background:#fff;
}
.entry-title{
	font-weight:700;
	letter-spacing:0.2px;
	margin-bottom:18px;
}

/* Pemisah antar artikel di halaman daftar (Home, arsip, hasil cari) */
article.post + article.post,
article.post ~ article.post{
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #e6e6e6;
}
article.post:first-of-type{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
.entry-content{
	font-size:16px;
}
.entry-content p{
	line-height:1.9;
	letter-spacing:0.2px;
	margin-bottom:20px;
}
.entry-thumbnail{
	margin-bottom:20px;
}
.btc-footer{
	background:#2f333d;
	color:#cfcfcf;
	padding:24px 0;
	text-align:center;
	font-size:14px;
}
.btc-footer a{ color:#f6b90c; }

/* =============================================
   DESKTOP: logo rata tengah topbar, menu rata tengah navbar
============================================= */
@media (min-width:769px){
	.btc-topbar-inner{
		position:relative;
		justify-content:flex-end; /* sisa item (kontak) ke kanan, logo di-absolute-center */
	}
	.btc-brand{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		margin:0;
	}

	.btc-navbar-inner{
		position:relative;
	}
	.btc-menu{
		flex:1;
		display:flex;
		justify-content:center;
	}
	.btc-search-toggle{
		position:absolute;
		right:0;
		top:0;
	}
}

/* =============================================
   RESPONSIVE - MOBILE
============================================= */
@media (max-width:768px){
	.btc-topbar-inner{ padding:14px 16px; gap:10px; }
	.btc-brand{ width:100%; justify-content:center; }
	.btc-brand img{ max-height:46px; }
	.btc-brand-text{ font-size:16px; }
	.btc-brand-text small{ font-size:9px; }
	.btc-contact{ font-size:11px; }
	.btc-contact svg{ width:12px; height:12px; }

	.btc-navbar-inner{ justify-content:space-between; }
	.btc-hamburger{ display:flex; }
	.btc-menu{
		display:none;
		flex-direction:column;
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background:#2f333d;
		z-index:100;
		width:100%;
	}
	.btc-menu.is-open{ display:flex; }
	.btc-menu li:first-child a{ background:transparent; }
	.btc-menu .sub-menu{
		display:block;
		position:static;
		background:#3f434e;
	}
	.btc-search-toggle{ padding:16px 18px; }
}

@media (max-width:480px){
	.btc-brand-text{ font-size:14px; }
	.btc-contact{ font-size:10px; }
}