/*
Theme Name: Ontslog Kino
Theme URI: https://movie.ontslog.mn
Author: Ontslog.mn
Description: movie.ontslog.mn-д зориулсан хөнгөн theme. Ontslog Video плагинтай хамт ажиллана: кино жагсаалт, үнэгүй хэсэг, QPay төлбөр, утасны дугаараар нэвтрэх, профайл.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ontslog-kino
*/

:root {
	--k-accent: #F54927;
	--k-accent-soft: #fdeae5;
	--k-ink: #16181d;
	--k-muted: #6b7280;
	--k-line: #ececef;
	--k-soft: #f6f7f9;
	--k-bg: #ffffff;
	--k-header-h: 64px;
	--k-max: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--k-bg);
	color: var(--k-ink);
	font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--k-accent); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font-family: inherit; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.k-wrap { max-width: var(--k-max); margin: 0 auto; padding: 0 20px; }

/* ---------- Header ---------- */
.k-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.96); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--k-line); }
.admin-bar .k-header { top: 32px; }
.k-header-in { height: var(--k-header-h); display: flex; align-items: center; gap: 22px; }
.k-logo { display: flex; align-items: center; gap: 8px; flex: none; }
.k-logo img { max-height: 34px; width: auto; }
.k-wordmark { font-weight: 900; font-size: 24px; letter-spacing: -.8px; color: var(--k-accent); line-height: 1; }
.k-wordmark small { font-size: 12px; font-weight: 800; letter-spacing: 0; }
.k-logo-tag { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--k-ink); border-radius: 6px; padding: 3px 7px; }
.k-logo:hover { color: inherit; }

.k-nav { flex: 1; min-width: 0; }
.k-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.k-nav ul::-webkit-scrollbar { display: none; }
.k-nav li { flex: none; }
.k-nav a { display: block; padding: 8px 12px; border-radius: 999px; font-weight: 700; font-size: 14.5px; color: #2b2d31; white-space: nowrap; }
.k-nav a:hover { background: var(--k-soft); color: var(--k-ink); }
.k-nav .current-menu-item > a, .k-nav a.is-current { background: var(--k-accent-soft); color: var(--k-accent); }

.k-tools { display: flex; align-items: center; gap: 8px; flex: none; }
.k-search { position: relative; }
.k-search input { width: 230px; height: 40px; border: 1px solid var(--k-line); background: var(--k-soft); border-radius: 999px; padding: 0 14px 0 38px; font-size: 14px; color: var(--k-ink); outline: none; transition: border-color .15s, background .15s, width .2s; }
.k-search input:focus { background: #fff; border-color: var(--k-accent); width: 270px; }
.k-search svg { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #9aa0a8; pointer-events: none; }
.k-pill { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 999px; font-weight: 700; font-size: 14px; white-space: nowrap; border: 1px solid var(--k-line); background: #fff; color: var(--k-ink); cursor: pointer; }
.k-pill:hover { border-color: #d9dbe0; color: var(--k-ink); }
.k-pill-accent { background: var(--k-accent); border-color: var(--k-accent); color: #fff; }
.k-pill-accent:hover { color: #fff; filter: brightness(.95); }
.k-pill-sub { color: #b26a00; background: #fff7e6; border-color: #ffe2b0; }
.k-pill-sub:hover { color: #b26a00; }
.k-icon-btn { display: none; width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--k-soft); color: var(--k-ink); align-items: center; justify-content: center; cursor: pointer; }

/* ---------- Main ---------- */
.k-main { min-height: 60vh; padding: 26px 0 50px; }
.k-page-title { font-size: 30px; font-weight: 800; letter-spacing: -.4px; margin: 4px 0 18px; }
.k-content { max-width: 820px; }
.k-content p { margin: 0 0 1em; }
.k-empty { text-align: center; padding: 80px 20px; color: var(--k-muted); }
.k-empty h1 { font-size: 64px; margin: 0; color: var(--k-accent); }
.k-empty .k-pill { margin-top: 16px; }

/* Ontslog Video-ийн хэсгүүдийг theme-д тааруулах */
.ov-hub .ov-nav { margin-top: 2px; }
.ov-hero h2, .ov-row-head h2 { font-size: 21px !important; font-weight: 800; letter-spacing: -.2px; }
.ov-single { max-width: none !important; }
.ov-profile { margin-top: 0 !important; }

/* ---------- Footer ---------- */
.k-footer { border-top: 1px solid var(--k-line); background: var(--k-soft); padding: 40px 0 26px; color: var(--k-muted); font-size: 14px; }
.k-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.k-footer .k-wordmark { font-size: 22px; }
.k-footer p { margin: 10px 0 0; max-width: 300px; line-height: 1.6; }
.k-footer h4 { margin: 4px 0 12px; font-size: 15px; font-weight: 800; color: var(--k-ink); }
.k-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.k-footer ul a { color: #4b5563; }
.k-footer ul a:hover { color: var(--k-accent); }
.k-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--k-line); font-size: 13px; }
.k-footer-bottom nav { display: flex; gap: 18px; }

/* ---------- Гар утасны доод цэс ---------- */
.k-tabbar { display: none; }

@media (max-width: 1100px) {
	.k-header-in { gap: 14px; }
	.k-nav a { padding: 8px 9px; font-size: 14px; }
	.k-search input { width: 190px; }
	.k-search input:focus { width: 220px; }
}
@media (max-width: 960px) {
	.k-footer-grid { grid-template-columns: 1fr 1fr; }
	.k-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
	:root { --k-header-h: 56px; }
	.k-nav { display: none; }
	.k-header-in { gap: 10px; }
	.k-wordmark { font-size: 21px; }
	.k-search { display: none; }
	.k-search.is-open { display: block; position: absolute; left: 12px; right: 12px; top: calc(var(--k-header-h) + 6px); }
	.k-search.is-open input, .k-search.is-open input:focus { width: 100%; height: 46px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
	.k-icon-btn { display: inline-flex; }
	.k-tools { margin-left: auto; }
	.k-pill-hide-m { display: none; }
	.k-main { padding: 18px 0 90px; }
	.k-page-title { font-size: 24px; }
	.k-footer { padding-bottom: 96px; }
	.k-tabbar { display: grid; grid-template-columns: repeat(4, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background: #fff; border-top: 1px solid var(--k-line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
	.k-tabbar { max-width: 100vw; }
	.k-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11px; font-weight: 700; color: #6b7280; padding: 4px 0; }
	.k-tabbar a.is-current { color: var(--k-accent); }
	.k-tabbar svg { width: 22px; height: 22px; }
}
@media (max-width: 782px) {
	.admin-bar .k-header { top: 46px; }
}
@media (max-width: 600px) {
	#wpadminbar { position: fixed; }
	.k-wrap { padding: 0 14px; }
	.k-wordmark { font-size: 20px; }
	.k-logo-tag { font-size: 10px; padding: 2px 6px; }
	.k-footer-grid { grid-template-columns: 1fr 1fr; gap: 22px 16px; }
}
@media (min-width: 961px) {
	/* Том дэлгэцэнд ангиллын табыг header-т харуулдаг тул давхардуулахгүй (хайлт header-т бий). */
	.home .ov-hub > .ov-nav { display: none; }
}