/*
Theme Name: BIKPP Professional
Theme URI: https://example.com/
Author: BIKPP
Description: Tema pendamping plugin "Bahasa Inggris bagi Konsultan Pajak Profesional". Tinggal unggah & aktifkan: halaman depan, permalink, dan menu diatur otomatis.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: bikpp-theme
*/

:root {
	--t-navy: #14213d;
	--t-navy-2: #1f3263;
	--t-gold: #c9a227;
	--t-gold-soft: #f7efd4;
	--t-ink: #1f2937;
	--t-muted: #6b7280;
	--t-line: #e5e7eb;
	--t-bg: #f6f7fb;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--t-bg);
	color: var(--t-ink);
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
img { max-width: 100%; height: auto; }
a { color: var(--t-navy-2); }
h1, h2, h3, h4 { color: var(--t-navy); line-height: 1.25; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 999; width: auto; height: auto; clip: auto; background: #fff; padding: .5rem 1rem; }

.t-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }

/* Header */
.t-header { background: #fff; border-bottom: 1px solid var(--t-line); position: sticky; top: 0; z-index: 50; }
.admin-bar .t-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .t-header { top: 46px; } }
.t-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 68px; }
.t-brand { display: flex; align-items: center; gap: .65rem; text-decoration: none; color: var(--t-navy); font-weight: 800; line-height: 1.2; }
.t-brand__mark { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; background: var(--t-navy); color: var(--t-gold); display: grid; place-items: center; font-weight: 800; font-size: .95rem; letter-spacing: .02em; }
.t-brand__text { font-size: .98rem; max-width: 24ch; }
.t-brand img { max-height: 44px; width: auto; }

.t-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: .25rem; }
.t-nav a { display: block; padding: .5rem .8rem; border-radius: 8px; text-decoration: none; color: var(--t-ink); font-weight: 600; font-size: .93rem; }
.t-nav a:hover, .t-nav .current-menu-item > a, .t-nav .current_page_item > a { background: var(--t-gold-soft); color: var(--t-navy); }
.t-nav .t-cta > a { background: var(--t-navy); color: #fff; padding: .55rem 1.1rem; }
.t-nav .t-cta > a:hover { background: var(--t-navy-2); color: #fff; }

.t-toggle { display: none; background: none; border: 1px solid var(--t-line); border-radius: 8px; padding: .45rem .6rem; cursor: pointer; }
.t-toggle span { display: block; width: 20px; height: 2px; background: var(--t-navy); margin: 4px 0; }
@media (max-width: 860px) {
	.t-toggle { display: block; }
	.t-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--t-line); padding: .5rem 20px 1rem; }
	.t-nav.is-open { display: block; }
	.t-nav ul { flex-direction: column; align-items: stretch; }
	.t-brand__text { font-size: .88rem; }
}

/* Konten */
.t-main { flex: 1 0 auto; padding: 2rem 0 3.5rem; }
.t-page-title { font-size: clamp(1.6rem, 3.5vw, 2.2rem); margin: 0 0 1.25rem; }
.t-entry { background: #fff; border: 1px solid var(--t-line); border-radius: 18px; padding: clamp(1.25rem, 4vw, 2.5rem); }
.t-entry > *:first-child { margin-top: 0; }
.t-entry--app { background: none; border: 0; padding: 0; }
.t-post + .t-post { margin-top: 1.25rem; }
.t-meta { color: var(--t-muted); font-size: .85rem; }
.t-pagination { margin-top: 2rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.t-pagination .page-numbers { padding: .4rem .8rem; border-radius: 8px; background: #fff; border: 1px solid var(--t-line); text-decoration: none; }
.t-pagination .current { background: var(--t-navy); color: #fff; border-color: var(--t-navy); }

/* Form & tombol umum (untuk halaman biasa) */
.t-entry input[type=text], .t-entry input[type=email], .t-entry input[type=search], .t-entry textarea { width: 100%; padding: .6rem .8rem; border: 1px solid #cfd5e3; border-radius: 9px; font: inherit; }
.t-btn, .t-entry button, .t-entry input[type=submit] { display: inline-block; background: var(--t-navy); color: #fff; border: 0; border-radius: 10px; padding: .65rem 1.2rem; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }

/* 404 */
.t-404 { text-align: center; padding: 3rem 1rem; }
.t-404 strong { display: block; font-size: 5rem; line-height: 1; color: var(--t-gold); }

/* Footer */
.t-footer { background: var(--t-navy); color: rgba(255,255,255,.75); padding: 2.25rem 0 1.5rem; font-size: .9rem; }
.t-footer a { color: #fff; }
.t-footer__grid { display: grid; grid-template-columns: 2fr 1fr; gap: 2rem; }
.t-footer__brand { color: #fff; font-weight: 800; font-size: 1rem; margin-bottom: .4rem; }
.t-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.t-footer ul a { text-decoration: none; opacity: .85; }
.t-footer ul a:hover { opacity: 1; text-decoration: underline; }
.t-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 1.75rem; padding-top: 1rem; font-size: .8rem; }
@media (max-width: 640px) { .t-footer__grid { grid-template-columns: 1fr; } }

/* Penyesuaian khusus halaman plugin */
.bikpp-page .bikpp-app { max-width: none; }
.bikpp-page .t-main { padding-top: 1.5rem; }
.bikpp-page .bikpp-nav__brand { display: none; }
.bikpp-page .bikpp-nav { justify-content: flex-start; }