/* ==========================================================================
   Warta Pro — main stylesheet
   ========================================================================== */

:root {
	--wpr-primary: #1a56db;
	--wpr-nav-1: #1f5ae0;
	--wpr-nav-2: #123c98;
	--wpr-hero: #1e73be;
	--wpr-slider-1: #dca231;
	--wpr-slider-2: #d2cb3a;
	--wpr-page-bg: #f0f2f9;
	--wpr-container: 1090px;
	--wpr-logo-1: #19c39a;
	--wpr-logo-2: #0b8a6c;
	--wpr-logo-sup: #2563eb;

	--wpr-bg: #ffffff;
	--wpr-text: #0f0f10;
	--wpr-muted: #5b5f6a;
	--wpr-soft: #e3e8f4;
	--wpr-soft-border: #c9d4f1;
	--wpr-line: #e8ebf2;
	--wpr-footer: #111111;
	--wpr-footer-2: #222222;
	--wpr-radius: 8px;
	--wpr-gap: 30px;
	--wpr-side: 325px;
	--wpr-pad: 28px;
	--wpr-font-head: "Kumbh Sans", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--wpr-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--wpr-fs: 17px;
	color-scheme: light;
}

html[data-theme="dark"] {
	--wpr-page-bg: #05070c;
	--wpr-bg: #0f141d;
	--wpr-text: #e8ebf1;
	--wpr-muted: #9aa3b2;
	--wpr-soft: #1b2331;
	--wpr-soft-border: #2b3548;
	--wpr-line: #232c3b;
	--wpr-footer: #0a0d13;
	--wpr-footer-2: #141922;
	color-scheme: dark;
}

/* Reset ----------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--wpr-page-bg);
	color: var(--wpr-text);
	font-family: var(--wpr-font);
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

img,
svg,
video,
iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--wpr-primary); }
button { font: inherit; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-family: var(--wpr-font-head); line-height: 1.3; margin: 0; font-weight: 700; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
input, textarea, select { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--wpr-primary); outline-offset: 2px; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; width: auto; z-index: 1000;
	top: 8px; left: 8px; background: #fff; color: #000; padding: 10px 14px; border-radius: 6px;
}

/* Layout ---------------------------------------------------------------- */
.wpr-site {
	max-width: var(--wpr-container);
	margin: 0 auto;
	background: var(--wpr-bg);
	min-height: 100vh;
	position: relative;
}
.wpr-container { padding-left: var(--wpr-pad); padding-right: var(--wpr-pad); }
.wpr-main { padding-top: 24px; padding-bottom: 10px; }
.wpr-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--wpr-side);
	gap: var(--wpr-gap);
	align-items: start;
}
.wpr-col-main,
.wpr-col-side { min-width: 0; }
.wpr-col-side > * + * { margin-top: 30px; }
.wpr-block { margin-bottom: 34px; }
.wpr-col-side .wpr-block { margin-bottom: 0; }

/* Icons */
.wpr-ico { flex: 0 0 auto; vertical-align: middle; }

/* Buttons */
.wpr-btn,
.wpr-content .wp-block-button__link,
input[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	background: var(--wpr-primary); color: #fff; border: 0; border-radius: 5px;
	padding: 8px 16px; font-size: 15.5px; font-weight: 500; line-height: 1.4;
	transition: filter .2s, transform .2s;
}
.wpr-btn:hover,
input[type="submit"]:hover { color: #fff; filter: brightness(1.1); }
.wpr-btn:disabled { opacity: .6; cursor: default; }

/* Section heading with dashed underline ---------------------------------- */
.wpr-sec-head {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
	margin-bottom: 16px;
}
.wpr-sec-title {
	font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--wpr-text);
}
.wpr-sec-title::after {
	content: ""; display: block; width: 79px; height: 3px; margin-top: 7px;
	background: linear-gradient(to right,
		var(--wpr-primary) 0 40px, transparent 40px 48px,
		var(--wpr-primary) 48px 63px, transparent 63px 71px,
		var(--wpr-primary) 71px 79px);
}
.wpr-more {
	display: inline-flex; align-items: center; gap: 6px;
	font-family: var(--wpr-font-head); font-weight: 600; font-size: 14.5px; white-space: nowrap;
	padding-top: 3px;
}

/* Meta ------------------------------------------------------------------ */
.wpr-meta {
	display: flex; flex-wrap: wrap; align-items: center;
	font-size: 13.5px; color: var(--wpr-muted); line-height: 1.5;
}
.wpr-sep {
	display: inline-block; width: 4px; height: 4px; border-radius: 50%;
	background: currentColor; opacity: .75; margin: 0 10px;
}
.wpr-cat {
	color: var(--wpr-cat, var(--wpr-primary)); font-weight: 600; font-size: 13.5px;
	font-family: var(--wpr-font-head);
}
.wpr-cat:hover { filter: brightness(1.15); color: var(--wpr-cat, var(--wpr-primary)); }

/* Thumbnails ------------------------------------------------------------ */
.wpr-thumb {
	display: block; position: relative; overflow: hidden;
	border-radius: var(--wpr-radius); background: var(--wpr-soft);
}
.wpr-thumb img {
	width: 100%; height: 100%; object-fit: cover; aspect-ratio: 23 / 16;
	transition: transform .5s ease;
}
.wpr-thumb:hover img,
.wpr-card-overlay:hover .wpr-thumb img { transform: scale(1.04); }
.wpr-noimg {
	display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 23 / 16;
	background: linear-gradient(135deg, var(--wpr-cat, #1a56db), #0f172a);
	color: rgba(255, 255, 255, .55);
}

.wpr-title { font-size: 15.5px; font-weight: 700; line-height: 1.38; }
.wpr-title a { color: var(--wpr-text); }
.wpr-title a:hover { color: var(--wpr-primary); }
.wpr-excerpt { color: var(--wpr-muted); font-size: 14.5px; line-height: 1.6; margin: 8px 0 0; }

/* ==========================================================================
   Header
   ========================================================================== */
.wpr-header { position: relative; z-index: 50; background: var(--wpr-bg); }

.wpr-topbar { border-bottom: 1px solid var(--wpr-line); }
.wpr-topbar-in { display: flex; align-items: center; gap: 18px; height: 40px; }
.wpr-breaking-label {
	flex: 0 0 auto;
	background: linear-gradient(90deg, #2d7ff5, #a855f7);
	color: #fff; font-family: var(--wpr-font-head); font-weight: 700; font-size: 14px;
	padding: 4px 10px; border-radius: 4px; white-space: nowrap;
}
.wpr-ticker {
	flex: 1 1 auto; overflow: hidden; min-width: 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.wpr-ticker-track { display: flex; width: max-content; animation: wpr-marquee 60s linear infinite; }
.wpr-ticker:hover .wpr-ticker-track { animation-play-state: paused; }
.wpr-ticker-group { display: flex; }
.wpr-ticker-item {
	display: inline-flex; align-items: center; gap: 10px; padding: 0 28px 0 0;
	white-space: nowrap; font-size: 14.5px;
}
.wpr-ticker-img { width: 24px; height: 24px; border-radius: 5px; overflow: hidden; flex: 0 0 24px; background: var(--wpr-soft); }
.wpr-ticker-img img,
.wpr-ticker-img .wpr-noimg { width: 24px; height: 24px; object-fit: cover; aspect-ratio: 1; }
.wpr-ticker-img .wpr-noimg svg { display: none; }
@keyframes wpr-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.wpr-headrow { display: flex; align-items: center; gap: 20px; padding-top: 14px; padding-bottom: 14px; }

/* Logo */
.wpr-logo { margin: 0; line-height: 1; flex: 0 0 auto; }
.wpr-logo-img img { max-height: 60px; width: auto; }
.wpr-logo-text a {
	display: inline; font-family: var(--wpr-font-head); font-weight: 800; letter-spacing: -.5px;
}
.wpr-logo-main {
	font-size: 40px; line-height: 1.1; padding-right: 3px; font-style: italic;
	background: linear-gradient(180deg, var(--wpr-logo-1), var(--wpr-logo-2));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.wpr-logo-main i { font-style: italic; }
.wpr-logo-sup {
	font-family: "Caveat", cursive; font-weight: 700; font-size: 26px; line-height: 0;
	color: var(--wpr-logo-sup); vertical-align: 0; position: relative; top: -.95em; margin-left: 3px;
}
.wpr-headrow .wpr-logo-text { white-space: nowrap; }
.wpr-logo-text a:hover .wpr-logo-main { filter: brightness(1.1); }

/* Search */
.wpr-search { position: relative; display: flex; align-items: center; }
.wpr-search input {
	width: 100%; height: 36px; border: 1px solid var(--wpr-soft-border); background: var(--wpr-soft);
	border-radius: 20px; padding: 0 42px 0 14px; font-size: 15px; outline: 0;
	transition: border-color .2s, box-shadow .2s;
}
.wpr-search input:focus { border-color: var(--wpr-primary); box-shadow: 0 0 0 3px rgba(26, 86, 219, .15); }
.wpr-search input::placeholder { color: #6b7280; }
.wpr-search button {
	position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
	width: 30px; height: 30px; border: 0; background: none; color: var(--wpr-text);
	display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
.wpr-headrow > .wpr-search { width: 248px; flex: 0 1 248px; }
.wpr-search-block { margin: 16px 0; }

.wpr-head-right { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.wpr-today { font-family: var(--wpr-font-head); font-weight: 600; font-size: 15px; white-space: nowrap; }
.wpr-icon-btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border: 0; border-radius: 50%; padding: 0;
	background: transparent; color: var(--wpr-text);
}
.wpr-icon-btn:hover { background: var(--wpr-soft); }
.wpr-burger,
.wpr-search-toggle { display: none; }
.wpr-mode .wpr-ico-dark { display: none; }
html[data-theme="dark"] .wpr-mode .wpr-ico-dark { display: inline; }
html[data-theme="dark"] .wpr-mode .wpr-ico-light { display: none; }

/* Social icons */
.wpr-socials { display: flex; align-items: center; gap: 10px; }
.wpr-soc {
	width: 28px; height: 28px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; background: #333; transition: transform .2s, filter .2s;
}
.wpr-soc:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.1); }
.wpr-soc-facebook { background: #3b5998; }
.wpr-soc-x { background: #0f0f0f; }
html[data-theme="dark"] .wpr-soc-x { background: #2a2f38; }
.wpr-soc-youtube { background: #d9202a; }
.wpr-soc-instagram { background: linear-gradient(45deg, #f58529, #dd2a7b 50%, #8134af); }
.wpr-soc-tiktok { background: #111; }
.wpr-soc-telegram { background: #229ed9; }
.wpr-soc-whatsapp { background: #25d366; }

/* Primary nav */
.wpr-navwrap { position: relative; }
.wpr-nav {
	background: linear-gradient(90deg, var(--wpr-nav-1) 0%, var(--wpr-nav-2) 100%);
	background: linear-gradient(90deg, var(--wpr-nav-1) 0%, color-mix(in srgb, var(--wpr-nav-1) 82%, #fff) 48%, var(--wpr-nav-2) 100%);
	border-radius: 6px 6px 0 0;
}
.wpr-nav > .wpr-menu {
	display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; padding: 0 6px; min-height: 44px;
}
.wpr-nav .menu-item { position: relative; list-style: none; }
.wpr-nav > .wpr-menu > .menu-item > a {
	position: relative; display: flex; align-items: center; gap: 4px; height: 44px; padding: 0 11px;
	font-family: var(--wpr-font-head); font-weight: 600; font-size: 15px;
	color: var(--wpr-item, #fff); white-space: nowrap; transition: opacity .2s;
}
.wpr-nav > .wpr-menu > .menu-item > a:hover { opacity: .8; color: var(--wpr-item, #fff); }
.wpr-nav > .wpr-menu > .current-menu-item > a::after,
.wpr-nav > .wpr-menu > .current-menu-ancestor > a::after,
.wpr-nav > .wpr-menu > .current-post-ancestor > a::after,
.wpr-nav > .wpr-menu > .current-category-ancestor > a::after {
	content: ""; position: absolute; left: 11px; right: 11px; bottom: 7px; height: 2px; border-radius: 2px;
	background: currentColor; opacity: .8;
}
.wpr-nav-caret { margin-left: 1px; opacity: .9; }
.wpr-nav-dot {
	position: absolute; top: 8px; right: 3px; width: 7px; height: 7px; border-radius: 50%;
	background: #ef2b2b; box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
}
.wpr-nav-badge {
	position: absolute; top: -7px; left: 50%; transform: translateX(-38%);
	background: #19c7b5; color: #fff; font-family: var(--wpr-font); font-size: 9.5px; font-weight: 700;
	line-height: 1; padding: 3px 5px 3px; border-radius: 3px; white-space: nowrap; letter-spacing: .1px;
}
.wpr-nav .sub-menu {
	position: absolute; top: 100%; left: 0; min-width: 210px; z-index: 60;
	background: var(--wpr-bg); border-radius: 8px; padding: 8px 0; list-style: none;
	box-shadow: 0 14px 34px rgba(15, 23, 42, .18); border: 1px solid var(--wpr-line);
	opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease;
}
.wpr-nav .sub-menu .sub-menu { top: -8px; left: 100%; }
.wpr-nav .menu-item:hover > .sub-menu,
.wpr-nav .menu-item:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.wpr-nav .sub-menu a {
	display: flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: 14.5px; font-weight: 600;
	font-family: var(--wpr-font-head); color: var(--wpr-text);
}
.wpr-nav .sub-menu a:hover { background: var(--wpr-soft); color: var(--wpr-primary); }
.wpr-nav .sub-menu .wpr-nav-badge,
.wpr-nav .sub-menu .wpr-nav-dot { position: static; transform: none; }

/* Secondary nav */
.wpr-subnav { background: var(--wpr-soft); border-radius: 0 0 6px 6px; }
.wpr-subnav .wpr-menu {
	display: flex; align-items: center; list-style: none; padding: 0 6px; min-height: 31px;
	overflow-x: auto; scrollbar-width: none;
}
.wpr-subnav .wpr-menu::-webkit-scrollbar { display: none; }
.wpr-subnav a {
	display: block; padding: 5px 9px; white-space: nowrap;
	font-family: var(--wpr-font-head); font-weight: 700; font-size: 13.5px; color: var(--wpr-text);
}
.wpr-subnav a:hover { color: var(--wpr-primary); }
.wpr-navwrap:not(:has(.wpr-subnav)) .wpr-nav { border-radius: 6px; }

/* Drawer (mobile menu) */
.wpr-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(8, 12, 20, .55); }
.wpr-drawer[hidden] { display: none; }
.wpr-drawer-panel {
	position: absolute; top: 0; left: 0; bottom: 0; width: min(340px, 88vw);
	background: var(--wpr-bg); overflow-y: auto; padding: 16px 18px 28px;
	transform: translateX(-100%); transition: transform .28s ease;
	box-shadow: 10px 0 30px rgba(0, 0, 0, .2);
}
.wpr-drawer.is-open .wpr-drawer-panel { transform: none; }
.wpr-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.wpr-drawer-head .wpr-logo-main { font-size: 32px; }
.wpr-drawer-head .wpr-logo-sup { font-size: 22px; }
.wpr-search-drawer { margin-bottom: 14px; }
.wpr-drawer-nav .wpr-menu { list-style: none; }
.wpr-drawer-nav li { list-style: none; }
.wpr-drawer-nav a {
	display: flex; align-items: center; gap: 8px; padding: 11px 4px 11px 12px;
	border-bottom: 1px solid var(--wpr-line); font-family: var(--wpr-font-head); font-weight: 700; font-size: 16px;
	position: relative;
}
.wpr-drawer-nav .wpr-menu > li > a::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; margin-top: -9px; border-radius: 2px;
	background: var(--wpr-nav-1);
}
.wpr-drawer-nav .wpr-nav-dot { width: 7px; height: 7px; border-radius: 50%; background: #ef2b2b; }
.wpr-drawer-nav .wpr-nav-badge {
	background: #19c7b5; color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 3px; font-family: var(--wpr-font);
}
.wpr-drawer-nav .sub-menu { padding-left: 14px; }
.wpr-drawer-nav .sub-menu a { font-size: 15px; font-weight: 600; }
.wpr-drawer-date { margin: 18px 0 10px; color: var(--wpr-muted); font-size: 14px; }
body.wpr-lock { overflow: hidden; }

/* ==========================================================================
   Ads
   ========================================================================== */
.wpr-ad { text-align: center; line-height: 0; }
.wpr-ad img,
.wpr-ad iframe { display: inline-block; max-width: 100%; height: auto; }
.wpr-ad > a { display: inline-block; }
.wpr-ad-top { padding-top: 22px; padding-bottom: 2px; }
.wpr-ad-bottom { padding-top: 6px; padding-bottom: 26px; }
.wpr-ad-list { margin: 0 0 24px; }
.wpr-ad-single { margin: 0 0 22px; }
.wpr-ad-incontent { margin: 24px 0; }
.wpr-ad-sidebar img { width: 100%; }
.wpr-ad-ph {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	width: 100%; margin: 0 auto; min-height: 54px; padding: 8px;
	border: 2px dashed var(--wpr-soft-border); border-radius: 6px; background: var(--wpr-soft);
	color: var(--wpr-muted); font: 600 13px/1.3 var(--wpr-font); text-align: center;
}
.wpr-ad-ph small { font-weight: 400; font-size: 11.5px; opacity: .8; }
.wpr-ad-rail .wpr-ad-ph { aspect-ratio: auto !important; height: 600px; }

.wpr-float {
	position: fixed; top: 90px; z-index: 40; width: 160px;
	display: none;
}
.wpr-float-left { left: calc(50% - var(--wpr-container) / 2 - 172px); }
.wpr-float-right { right: calc(50% - var(--wpr-container) / 2 - 172px); }
.wpr-float-close {
	position: absolute; top: -9px; right: -9px; z-index: 2; width: 22px; height: 22px; border-radius: 50%;
	border: 2px solid #fff; background: #111; color: #fff; display: flex; align-items: center; justify-content: center; padding: 0;
}
.wpr-float.is-closed { display: none !important; }
@media (min-width: 1460px) {
	.wpr-float { display: block; }
}

/* ==========================================================================
   Carousel
   ========================================================================== */
.wpr-carousel { position: relative; --wpr-item: calc((100% - 4 * 28px) / 5); --wpr-cgap: 28px; }
.wpr-track {
	display: flex; gap: var(--wpr-cgap); overflow-x: auto; overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.wpr-track::-webkit-scrollbar { display: none; }
.wpr-track > * { flex: 0 0 var(--wpr-item); min-width: 0; scroll-snap-align: start; }
.wpr-arrow {
	position: absolute; top: var(--wpr-arrow-top, 36%); z-index: 3; transform: translateY(-50%);
	width: 36px; height: 36px; border-radius: 50%; border: 0; padding: 0;
	background: rgba(37, 99, 235, .92); color: #fff;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 12px rgba(15, 40, 120, .3); transition: opacity .2s, transform .2s;
}
.wpr-arrow:hover { background: #1d4ed8; }
.wpr-prev { left: 12px; }
.wpr-next { right: 12px; }
.wpr-arrow[hidden] { display: none; }
.wpr-dots { display: flex; justify-content: center; gap: 6px; margin-top: 16px; }
.wpr-dots:empty { display: none; }
.wpr-dots button {
	width: 12px; height: 9px; border-radius: 6px; border: 0; padding: 0; background: rgba(0, 0, 0, .18); transition: .25s;
}
.wpr-dots button.is-active { width: 26px; background: #1d4ed8; }

/* Top carousel */
.wpr-top-carousel { margin-bottom: 26px; }
.wpr-top-carousel .wpr-card-grid .wpr-title { font-size: 15px; }
.wpr-top-carousel .wpr-card-grid .wpr-card-body { padding-top: 12px; }

/* ==========================================================================
   Cards
   ========================================================================== */
.wpr-card-grid .wpr-card-body { padding-top: 12px; }
.wpr-card-grid .wpr-meta { margin-top: 8px; }
.wpr-card-grid .wpr-excerpt {
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.wpr-card-grid .wpr-cat { display: inline-block; margin-bottom: 5px; font-size: 14px; }
.wpr-center { text-align: center; }
.wpr-center .wpr-meta { justify-content: center; }
.wpr-clamp-3,
.wpr-carousel-5 .wpr-title,
.wpr-carousel-box .wpr-title {
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* List card */
.wpr-list { display: flex; flex-direction: column; gap: 24px; }
.wpr-list + .wpr-block,
.wpr-block + .wpr-list { margin-top: 0; }
.wpr-col-main > .wpr-list { margin-bottom: 34px; }
.wpr-card-list {
	display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 20px; align-items: center;
}
.wpr-card-list .wpr-thumb img,
.wpr-card-list .wpr-noimg { aspect-ratio: 4 / 3; }
.wpr-card-list .wpr-title { font-size: 19px; line-height: 1.4; }
.wpr-card-list .wpr-meta { margin-top: 9px; }
.wpr-list.is-loading { opacity: .6; }
.wpr-card-list.is-new { animation: wpr-fade .45s ease both; }
@keyframes wpr-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* Overlay card */
.wpr-card-overlay { position: relative; border-radius: var(--wpr-radius); overflow: hidden; background: #111; }
.wpr-card-overlay .wpr-thumb { border-radius: 0; }
.wpr-card-overlay .wpr-thumb img,
.wpr-card-overlay .wpr-noimg { aspect-ratio: 16 / 9; }
.wpr-overlay-body {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	display: flex; align-items: flex-start; gap: 10px;
	padding: 60px 20px 18px; color: #fff; pointer-events: none;
	background: linear-gradient(to top, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .6) 55%, rgba(0, 0, 0, 0) 100%);
}
.wpr-overlay-body a { pointer-events: auto; }
.wpr-overlay-text { min-width: 0; flex: 1; }
.wpr-card-overlay .wpr-title a,
.wpr-card-overlay .wpr-title a:hover { color: #fff; }
.wpr-card-overlay .wpr-meta { color: rgba(255, 255, 255, .85); margin-top: 8px; }
.wpr-card-overlay .wpr-meta .wpr-cat { color: #fff; }
.wpr-card-overlay .wpr-excerpt { color: rgba(255, 255, 255, .9); font-size: 15px; margin-top: 10px; }
.wpr-cat-plain { color: #fff !important; display: block; margin-bottom: 6px; font-size: 14px; }
.wpr-rank {
	font-family: var(--wpr-font-head); font-weight: 700; font-size: 18px; line-height: 1.25; flex: 0 0 auto;
}

/* Hero box */
.wpr-hero {
	background: var(--wpr-hero); padding: 16px 16px 20px; margin-bottom: 34px;
}
.wpr-hero-main .wpr-title { font-size: 20px; line-height: 1.35; }
.wpr-hero-main .wpr-thumb img { aspect-ratio: 648 / 370; }
.wpr-hero-sub { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 18px; }
.wpr-hero-item .wpr-title { font-size: 15.5px; }
.wpr-hero-item .wpr-title a { color: #fff; }
.wpr-hero-item .wpr-title a:hover { color: #ffe600; }
.wpr-hero-item .wpr-meta { color: rgba(255, 255, 255, .78); margin-top: 10px; }

/* Full width carousel */
.wpr-home-full { margin-bottom: 4px; }
.wpr-block-carousel .wpr-card-grid .wpr-title { font-size: 15.5px; }

/* Grid */
.wpr-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; }
.wpr-grid-3 .wpr-thumb img,
.wpr-grid-3 .wpr-noimg { aspect-ratio: 3 / 2; }
.wpr-grid-3 .wpr-title { font-size: 16px; }
.wpr-block-grid .wpr-card-grid .wpr-card-body { padding-top: 14px; }

/* Slider box (sidebar) */
.wpr-block-sliderbox {
	background: linear-gradient(160deg, var(--wpr-slider-1) 0%, var(--wpr-slider-2) 100%);
	padding: 18px 16px 18px; color: #111;
}
.wpr-block-sliderbox .wpr-sec-title,
.wpr-block-sliderbox .wpr-more { color: #111; }
.wpr-block-sliderbox .wpr-sec-head { margin-bottom: 10px; }
.wpr-block-desc { color: rgba(0, 0, 0, .55); font-size: 14.5px; line-height: 1.55; margin-bottom: 14px; }
.wpr-carousel-box { --wpr-item: 60%; --wpr-cgap: 12px; }
.wpr-carousel-box .wpr-track { padding: 0 20%; scroll-padding: 0 20%; scroll-snap-type: x mandatory; }
.wpr-carousel-box .wpr-track > * { scroll-snap-align: center; }
.wpr-carousel-box .wpr-thumb img,
.wpr-carousel-box .wpr-noimg { aspect-ratio: 180 / 158; }
.wpr-carousel-box .wpr-card-grid { text-align: center; }
.wpr-carousel-box .wpr-card-body { padding-top: 10px; }
.wpr-carousel-box .wpr-cat { color: #1d4ed8; }
.wpr-carousel-box .wpr-title { font-size: 15px; }
.wpr-carousel-box .wpr-title a { color: #111; }
.wpr-carousel-box .wpr-prev { left: 4px; }
.wpr-carousel-box .wpr-next { right: 4px; }
.wpr-block-sliderbox .wpr-dots button { background: rgba(0, 0, 0, .17); }

/* Feature block (1 big + small) — container query adapts to column width */
.wpr-block-feature { container-type: inline-size; }
.wpr-feature-card .wpr-thumb img,
.wpr-feature-card .wpr-noimg { aspect-ratio: 325 / 184; }
.wpr-feature-card .wpr-overlay-body { text-align: center; justify-content: center; padding-bottom: 20px; }
.wpr-feature-card .wpr-title { font-size: 15.5px; }
.wpr-feature-side { display: none; }
.wpr-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.wpr-feature-list > :nth-child(n+3) { display: none; }
.wpr-feature-list .wpr-card-grid { text-align: center; }
.wpr-feature-list .wpr-thumb img,
.wpr-feature-list .wpr-noimg { aspect-ratio: 158 / 104; }
.wpr-feature-list .wpr-title { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wpr-feature-list .wpr-meta { display: none; }
@container (min-width: 560px) {
	.wpr-feature-main { display: grid; grid-template-columns: 1.15fr 1fr; gap: 22px; align-items: center; }
	.wpr-feature-card .wpr-overlay-body { display: none; }
	.wpr-feature-card .wpr-thumb img,
	.wpr-feature-card .wpr-noimg { aspect-ratio: 3 / 2; }
	.wpr-feature-card { background: transparent; }
	.wpr-feature-side { display: block; }
	.wpr-feature-side .wpr-cat { display: inline-block; margin-bottom: 6px; font-size: 14px; }
	.wpr-feature-side .wpr-title { font-size: 20px; }
	.wpr-feature-side .wpr-meta { margin-top: 8px; }
	.wpr-feature-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
	.wpr-feature-list > :nth-child(3) { display: block; }
	.wpr-feature-list .wpr-card-grid { text-align: left; }
	.wpr-feature-list .wpr-meta { display: flex; }
}

/* Popular */
.wpr-popular-first .wpr-thumb img,
.wpr-popular-first .wpr-noimg { aspect-ratio: 325 / 184; }
.wpr-popular-first .wpr-overlay-body { align-items: center; padding: 50px 18px 16px; }
.wpr-popular-first .wpr-rank { font-size: 20px; }
.wpr-popular-first .wpr-title { font-size: 14.5px; }
.wpr-popular-first .wpr-meta { font-size: 13px; margin-top: 6px; }
.wpr-popular-list { list-style: none; margin-top: 12px; }
.wpr-popular-list li {
	display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; align-items: start;
	padding: 6px 0 6px 10px;
}
.wpr-popular-list .wpr-rank { color: #4b4f58; font-size: 18px; padding-top: 2px; }
html[data-theme="dark"] .wpr-popular-list .wpr-rank { color: #aab2c0; }
.wpr-popular-list .wpr-title { font-size: 14.5px; line-height: 1.4; }
.wpr-popular-list .wpr-meta { font-size: 13px; margin-top: 6px; }

/* Load more & pagination */
.wpr-loadmore-wrap { text-align: center; margin: 6px 0 34px; }
.wpr-loadmore-wrap .wpr-end { color: var(--wpr-muted); font-size: 14px; }
.wpr-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 10px 0 34px; }
.wpr-pagination .page-numbers {
	min-width: 38px; height: 38px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: 6px; background: var(--wpr-soft); font-weight: 600; font-size: 14.5px;
}
.wpr-pagination .current { background: var(--wpr-primary); color: #fff; }

/* ==========================================================================
   Archive
   ========================================================================== */
.wpr-archive-head { margin-top: 2px; }
.wpr-archive-head .wpr-sec-title { font-size: 18px; }
.wpr-archive-desc { color: var(--wpr-muted); margin: -4px 0 18px; font-size: 15px; }
.wpr-archive-lead { margin-bottom: 26px; }
.wpr-archive-lead .wpr-thumb img,
.wpr-archive-lead .wpr-noimg { aspect-ratio: 678 / 387; }
.wpr-archive-lead .wpr-title { font-size: 24px; line-height: 1.35; }
.wpr-archive-lead .wpr-overlay-body { padding: 80px 16px 18px; }
.wpr-archive-lead .wpr-meta .wpr-cat { font-weight: 700; }
.wpr-archive-lead + .wpr-ad { margin-bottom: 26px; }
.wpr-empty { text-align: center; padding: 40px 10px; }
.wpr-empty h1,
.wpr-empty h2 { font-size: 24px; margin-bottom: 10px; }
.wpr-empty .wpr-search { max-width: 420px; margin: 18px auto 0; }
.wpr-404 {
	font-family: var(--wpr-font-head); font-size: 96px; font-weight: 800; line-height: 1; margin: 0 0 10px;
	background: linear-gradient(135deg, var(--wpr-nav-1), #a855f7); -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Breadcrumb */
.wpr-breadcrumb { margin-bottom: 12px; font-size: 14.5px; color: var(--wpr-muted); }
.wpr-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.wpr-breadcrumb li { display: inline-flex; align-items: center; gap: 4px; }
.wpr-breadcrumb li:last-child span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.wpr-bc-sep { margin-left: 4px; }

/* ==========================================================================
   Single
   ========================================================================== */
.wpr-article-head { text-align: center; margin-bottom: 18px; }
.wpr-article-title { font-size: 33px; line-height: 1.25; font-weight: 700; margin: 0 0 12px; }
.wpr-article-meta { font-size: 14.5px; color: var(--wpr-muted); line-height: 1.5; }
.wpr-article-meta > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.wpr-author { color: var(--wpr-muted); }
.wpr-verified { margin-left: 5px; }
.wpr-article-meta .wpr-cat { font-size: 14.5px; font-weight: 700; }

.wpr-share { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 22px; }
.wpr-share-btns { display: flex; gap: 10px; }
.wpr-share-btn {
	width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid currentColor; background: transparent;
	display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: .2s;
}
.wpr-share-facebook { color: #3b5998; }
.wpr-share-x { color: var(--wpr-text); }
.wpr-share-telegram { color: #229ed9; }
.wpr-share-whatsapp { color: #25a95a; }
.wpr-share-copy { color: var(--wpr-muted); }
.wpr-share-btn:hover { background: currentColor; }
.wpr-share-btn:hover svg { color: #fff; }
.wpr-share-copy.is-done { color: #16a34a; }
.wpr-gnews { display: inline-flex; align-items: center; gap: 7px; line-height: 1.05; }
.wpr-gnews-ico {
	position: relative; width: 32px; height: 26px; display: inline-block; flex: 0 0 32px;
}
.wpr-gnews-ico i { position: absolute; border-radius: 3px; }
.wpr-gnews-ico i:nth-child(1) { left: 2px; top: 0; width: 26px; height: 18px; background: #0f9d58; transform: rotate(-8deg); }
.wpr-gnews-ico i:nth-child(2) { left: 5px; top: 0; width: 26px; height: 18px; background: #f4b400; transform: rotate(6deg); }
.wpr-gnews-ico i:nth-child(3) { left: 0; top: 5px; width: 28px; height: 20px; background: #db4437; }
.wpr-gnews-ico b {
	position: absolute; left: 3px; top: 7px; width: 28px; height: 19px; background: #4285f4; color: #fff; border-radius: 3px;
	font: 800 10.5px/19px var(--wpr-font); text-align: center; letter-spacing: -.3px;
}
.wpr-gnews-txt small { display: block; font-size: 12.5px; color: var(--wpr-text); }
.wpr-gnews-txt strong { font-size: 13.5px; font-weight: 700; color: var(--wpr-text); }
.wpr-gnews-txt em {
	font-style: normal;
	background: linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 45%, #fbbc05 45% 62%, #4285f4 62% 80%, #34a853 80%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}

.wpr-featured { margin: 0 0 22px; }
.wpr-featured img { width: 100%; }
.wpr-featured figcaption { font-size: 14.5px; color: var(--wpr-muted); margin-top: 10px; }

.wpr-article-body.has-rail { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 26px; align-items: start; }
.wpr-rail { height: 100%; }
.wpr-rail-in { position: sticky; top: 16px; }

.wpr-fontsize { width: 200px; margin: 0 auto 24px; }
.wpr-fontsize input[type="range"] {
	-webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: #dfe2e8; border-radius: 4px; margin: 8px 0;
}
.wpr-fontsize input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; width: 28px; height: 13px; border-radius: 4px; background: var(--wpr-primary); cursor: pointer; border: 0;
}
.wpr-fontsize input[type="range"]::-moz-range-thumb {
	width: 28px; height: 13px; border-radius: 4px; background: var(--wpr-primary); cursor: pointer; border: 0;
}
.wpr-fontsize-labels { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--wpr-muted); padding: 0 2px; }

.wpr-content { font-size: var(--wpr-fs); line-height: 1.75; word-wrap: break-word; }
.wpr-content > * { margin-top: 0; margin-bottom: 1.15em; }
.wpr-content a { color: var(--wpr-primary); text-decoration: underline; text-underline-offset: 2px; }
.wpr-content h2 { font-size: 1.35em; margin-top: 1.4em; }
.wpr-content h3 { font-size: 1.2em; margin-top: 1.3em; }
.wpr-content h4 { font-size: 1.08em; }
.wpr-content ul,
.wpr-content ol { padding-left: 1.4em; }
.wpr-content li { margin-bottom: .4em; }
.wpr-content blockquote {
	margin-left: 0; margin-right: 0; padding: 14px 20px; border-left: 4px solid var(--wpr-primary);
	background: var(--wpr-soft); border-radius: 0 8px 8px 0; font-style: italic;
}
.wpr-content figure { margin-left: 0; margin-right: 0; }
.wpr-content figcaption,
.wpr-content .wp-caption-text { font-size: 14px; color: var(--wpr-muted); margin-top: 6px; }
.wpr-content img { border-radius: 4px; }
.wpr-content table { width: 100%; border-collapse: collapse; font-size: .92em; }
.wpr-content th,
.wpr-content td { border: 1px solid var(--wpr-line); padding: 8px 10px; }
.wpr-content .alignleft { float: left; margin: 0 1.2em 1em 0; }
.wpr-content .alignright { float: right; margin: 0 0 1em 1.2em; }
.wpr-content .aligncenter { margin-left: auto; margin-right: auto; }
.wpr-content iframe { width: 100%; }
.wpr-page-links { margin: 18px 0; font-weight: 600; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.wpr-page-links a,
.wpr-page-links > span:not(:first-child) { padding: 4px 11px; border-radius: 5px; background: var(--wpr-soft); }

.wpr-tags { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 6px 0 34px; }
.wpr-tags-label { background: var(--wpr-primary); color: #fff; padding: 3px 10px; border-radius: 4px; font-size: 14.5px; }
.wpr-tags a { background: #e4ebfb; color: var(--wpr-primary); padding: 3px 10px; border-radius: 4px; font-size: 14.5px; }
html[data-theme="dark"] .wpr-tags a { background: #1a2640; }
.wpr-tags a:hover { background: var(--wpr-primary); color: #fff; }

.wpr-terkait-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 40px; }
.wpr-terkait-item .wpr-title { font-size: 16px; }
.wpr-terkait-item .wpr-meta { font-size: 14px; margin-top: 8px; }
.wpr-related .wpr-card-grid .wpr-title { font-size: 15px; }

/* Comments */
.wpr-nocomment { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 18px 0 30px; color: #555; }
html[data-theme="dark"] .wpr-nocomment { color: #9aa3b2; }
.wpr-nocomment svg { margin-bottom: 18px; }
.wpr-nocomment strong { font-family: var(--wpr-font-head); font-size: 19px; color: var(--wpr-text); }
.wpr-nocomment span { font-size: 15px; color: var(--wpr-text); }
.wpr-comment-list { list-style: none; margin-bottom: 26px; }
.wpr-comment-list .children { list-style: none; padding-left: 40px; }
.wpr-comment-body { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--wpr-line); }
.wpr-comment-avatar img { border-radius: 50%; }
.wpr-comment-main { flex: 1; min-width: 0; }
.wpr-comment-head { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 4px; }
.wpr-comment-head .wpr-date { font-size: 13px; color: var(--wpr-muted); }
.wpr-comment-text p { margin-bottom: .6em; }
.comment-reply-link { font-size: 13.5px; font-weight: 700; color: var(--wpr-primary); }
.comment-respond { margin-top: 10px; }
.comment-respond .wpr-sec-head { margin-bottom: 14px; }
#cancel-comment-reply-link { font-size: 13px; margin-left: 10px; color: #ef4444; }
.comment-notes,
.logged-in-as { font-size: 15px; margin-bottom: 14px; }
.comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
.comment-form > p { margin: 0 0 18px; grid-column: 1 / -1; }
.comment-form .comment-form-author { grid-column: 1; }
.comment-form .comment-form-email { grid-column: 2; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
.wpr-index-filter input,
.wpr-index-filter select {
	width: 100%; background: var(--wpr-soft); border: 1px solid var(--wpr-soft-border); border-radius: 6px;
	padding: 9px 14px; font-size: 15.5px; outline: 0;
}
.comment-form textarea { min-height: 132px; resize: vertical; }
.comment-form input:focus,
.comment-form textarea:focus { border-color: var(--wpr-primary); }
.comment-form-cookies-consent { display: flex; align-items: center; gap: 12px; font-size: 15px; }
.comment-form-cookies-consent input {
	-webkit-appearance: none; appearance: none; width: 22px; height: 22px; flex: 0 0 22px; margin: 0;
	border: 1px solid var(--wpr-soft-border); background: var(--wpr-soft); border-radius: 5px; display: grid; place-content: center; cursor: pointer;
}
.comment-form-cookies-consent input:checked { background: var(--wpr-primary); border-color: var(--wpr-primary); }
.comment-form-cookies-consent input:checked::after { content: ""; width: 10px; height: 6px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(-45deg) translate(1px, -1px); }
.form-submit { text-align: right; }

/* Indeks page */
.wpr-index-filter { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.wpr-index-filter input,
.wpr-index-filter select { width: auto; flex: 1 1 180px; }
.wpr-index-list { list-style: none; border-top: 1px solid var(--wpr-line); margin-bottom: 26px; }
.wpr-index-list li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--wpr-line); }
.wpr-index-time { font-size: 13px; color: var(--wpr-muted); min-width: 150px; }
.wpr-index-title { flex: 1 1 100%; font-family: var(--wpr-font-head); font-weight: 700; font-size: 16.5px; }

/* Generic widgets placed in sidebars (core widgets) */
.wpr-widget ul { list-style: none; }
.wpr-widget li { padding: 7px 0; border-bottom: 1px solid var(--wpr-line); }
.wpr-widget .wp-block-search__inside-wrapper { display: flex; gap: 6px; }
.wpr-widget .wp-block-search__input { border: 1px solid var(--wpr-soft-border); background: var(--wpr-soft); border-radius: 6px; padding: 8px 12px; }
.wpr-widget .wp-block-search__button { background: var(--wpr-primary); color: #fff; border: 0; border-radius: 6px; padding: 8px 14px; }
.wpr-widget .tagcloud a,
.wpr-widget .wp-block-tag-cloud a { display: inline-block; background: var(--wpr-soft); padding: 4px 10px; border-radius: 4px; margin: 0 4px 6px 0; font-size: 13.5px !important; }

/* ==========================================================================
   Footer
   ========================================================================== */
.wpr-footer { background: var(--wpr-footer); color: #e7e7e7; margin-top: 0; }
.wpr-footer-grid {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px;
	padding-top: 30px; padding-bottom: 60px;
}
.wpr-footer .wpr-sec-title { color: #fff; font-size: 19px; }
.wpr-footer .wpr-sec-head { margin-bottom: 20px; }
.wpr-footer .wpr-logo-main { font-size: 34px; }
.wpr-footer .wpr-logo-sup { font-size: 22px; }
.wpr-footer .wpr-logo-img img { max-height: 48px; }
.wpr-footer-about { color: #8d8d8d; font-size: 15.5px; line-height: 1.7; margin: 18px 0 26px; }
.wpr-footer-soc .wpr-soc { width: 30px; height: 30px; }
.wpr-footer-soc .wpr-soc-x { background: transparent; }
.wpr-contact { list-style: none; }
.wpr-contact li { display: flex; gap: 16px; margin-bottom: 14px; font-size: 15.5px; line-height: 1.6; color: #eaeaea; }
.wpr-contact svg { margin-top: 3px; color: #fff; }
.wpr-contact a:hover { color: #fff; text-decoration: underline; }
.wpr-ftags { display: flex; flex-wrap: wrap; gap: 10px 13px; }
.wpr-ftags a { color: #2f6bf0; font-family: var(--wpr-font-head); font-weight: 700; font-size: 15.5px; }
.wpr-ftags a:hover { color: #6d9bff; }
.wpr-fcats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wpr-fcat {
	position: relative; display: block; padding: 6px 10px; border-radius: 3px; font-size: 15.5px;
	color: var(--wpr-cat, #2f6bf0); background: color-mix(in srgb, var(--wpr-cat, #2f6bf0) 13%, #111);
	white-space: nowrap; overflow: visible; text-overflow: ellipsis;
}
.wpr-fcat:hover { color: #fff; background: color-mix(in srgb, var(--wpr-cat, #2f6bf0) 55%, #111); }
.wpr-fcat span {
	position: absolute; top: -8px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px;
	background: #ff0000; color: #fff; font-size: 11.5px; line-height: 20px; text-align: center; border-radius: 3px;
}
.wpr-footer-bottom { background: var(--wpr-footer-2); border-top: 1px solid #353535; padding: 26px 0 30px; text-align: center; }
.wpr-center-soc { justify-content: center; margin-bottom: 14px; }
.wpr-footer-menu .wpr-menu { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 24px; }
.wpr-footer-menu a { color: #fff; font-size: 16px; }
.wpr-footer-menu a:hover { color: #9ec0ff; }
.wpr-copyright { color: #fff; font-size: 16px; margin: 12px 0 0; }

.wpr-totop {
	position: fixed; right: 18px; bottom: 18px; z-index: 90; width: 42px; height: 42px; border-radius: 50%; border: 0;
	background: var(--wpr-primary); color: #fff; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 20px rgba(26, 86, 219, .35); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .25s;
}
.wpr-totop svg { transform: rotate(-90deg); }
.wpr-totop.is-visible { opacity: 1; visibility: visible; transform: none; }

/* WordPress core classes */
.alignnone { margin: 5px 0 20px; }
.wp-caption { max-width: 100%; }
.sticky,
.bypostauthor,
.gallery-caption { outline: 0; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px) {
	.wpr-today { display: none; }
}

@media (max-width: 1024px) {
	:root { --wpr-side: 300px; --wpr-gap: 24px; --wpr-pad: 20px; }
	.wpr-carousel-5 { --wpr-item: calc((100% - 3 * 20px) / 4); --wpr-cgap: 20px; }
	.wpr-headrow > .wpr-search { flex-basis: 220px; }
}

@media (max-width: 900px) {
	.wpr-row { grid-template-columns: minmax(0, 1fr); }
	.wpr-col-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
	.wpr-col-side > * + * { margin-top: 0; }
	.wpr-col-side .wpr-ad { grid-column: auto; }
	.wpr-col-side { margin-bottom: 30px; }
	.wpr-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-bottom: 36px; }
	.wpr-carousel-5 { --wpr-item: calc((100% - 2 * 18px) / 3); --wpr-cgap: 18px; }
}

@media (max-width: 768px) {
	:root { --wpr-pad: 16px; }
	body { font-size: 15px; }

	/* Header mobile */
	.wpr-topbar-in { height: 38px; gap: 12px; }
	.wpr-breaking-label { font-size: 12.5px; padding: 3px 8px; }
	.wpr-ticker-item { font-size: 13.5px; }
	.wpr-headrow { gap: 8px; padding-top: 10px; padding-bottom: 10px; position: relative; }
	.wpr-burger,
	.wpr-search-toggle { display: inline-flex; }
	.wpr-head-soc { display: none; }
	.wpr-logo { margin: 0 auto; }
	.wpr-logo-main { font-size: 32px; }
	.wpr-logo-sup { font-size: 21px; }
	.wpr-logo-img img { max-height: 44px; }
	.wpr-head-right { margin-left: 0; gap: 2px; }
	.wpr-headrow > .wpr-search {
		display: none; position: absolute; left: var(--wpr-pad); right: var(--wpr-pad); top: 100%; z-index: 30;
		width: auto; background: var(--wpr-bg); padding: 10px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
	}
	.wpr-headrow.search-open > .wpr-search { display: flex; }
	.wpr-headrow > .wpr-search input { height: 42px; }

	.wpr-navwrap { padding-left: 0; padding-right: 0; }
	.wpr-nav,
	.wpr-subnav { border-radius: 0; }
	.wpr-nav > .wpr-menu {
		flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-top: 8px; min-height: 42px;
	}
	.wpr-nav > .wpr-menu::-webkit-scrollbar { display: none; }
	.wpr-nav > .wpr-menu > .menu-item > a { height: 36px; font-size: 14.5px; padding: 0 10px; }
	.wpr-nav .sub-menu,
	.wpr-nav-caret { display: none; }
	.wpr-nav-badge { top: -6px; }
	.wpr-nav-dot { top: 4px; }

	.wpr-ad-top { padding-top: 14px; padding-bottom: 0; }
	.wpr-main { padding-top: 16px; }

	/* Content mobile */
	.wpr-block { margin-bottom: 28px; }
	.wpr-carousel-5 { --wpr-item: 44%; --wpr-cgap: 14px; }
	.wpr-top-carousel .wpr-track,
	.wpr-block-carousel .wpr-track { margin-right: calc(-1 * var(--wpr-pad)); padding-right: var(--wpr-pad); }
	.wpr-arrow { width: 32px; height: 32px; }
	.wpr-hero { margin-left: calc(-1 * var(--wpr-pad)); margin-right: calc(-1 * var(--wpr-pad)); padding: 12px 12px 16px; margin-bottom: 28px; }
	.wpr-hero-main .wpr-title { font-size: 18px; }
	.wpr-hero-main .wpr-overlay-body { padding: 40px 14px 14px; }
	.wpr-hero-main .wpr-thumb img { aspect-ratio: 4 / 3; }
	.wpr-hero-main .wpr-excerpt { display: none; }
	.wpr-hero-sub { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
	.wpr-hero-item + .wpr-hero-item { border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 14px; }
	.wpr-hero-item .wpr-meta { margin-top: 6px; }

	.wpr-list { gap: 18px; }
	.wpr-card-list { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: start; }
	.wpr-card-list .wpr-title { font-size: 15.5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.wpr-card-list .wpr-meta { margin-top: 6px; font-size: 12.5px; }
	.wpr-card-list .wpr-sep { margin: 0 7px; }

	.wpr-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
	.wpr-grid-3 .wpr-title { font-size: 14.5px; }

	.wpr-col-side { grid-template-columns: minmax(0, 1fr); gap: 28px; }

	.wpr-archive-lead .wpr-title { font-size: 19px; }
	.wpr-archive-lead .wpr-thumb img { aspect-ratio: 4 / 3; }

	.wpr-article-title { font-size: 25px; }
	.wpr-article-meta { font-size: 13.5px; }
	.wpr-featured { margin-left: calc(-1 * var(--wpr-pad)); margin-right: calc(-1 * var(--wpr-pad)); }
	.wpr-featured figcaption { padding: 0 var(--wpr-pad); }
	.wpr-article-body.has-rail { display: block; }
	.wpr-rail { display: none; }
	.wpr-content { font-size: calc(var(--wpr-fs) - 1px); }
	.wpr-content .alignleft,
	.wpr-content .alignright { float: none; margin: 0 0 1em; }
	.wpr-gnews-txt small { font-size: 11.5px; }
	.wpr-terkait-grid { grid-template-columns: 1fr; gap: 16px; }
	.comment-form { grid-template-columns: 1fr; }
	.comment-form .comment-form-author,
	.comment-form .comment-form-email { grid-column: 1; }

	.wpr-footer-grid { grid-template-columns: 1fr; gap: 30px; padding-bottom: 30px; }
	.wpr-footer-menu .wpr-menu { gap: 6px 16px; }
	.wpr-footer-menu a,
	.wpr-copyright { font-size: 14.5px; }
}

@media (max-width: 420px) {
	.wpr-carousel-5 { --wpr-item: 62%; }
	.wpr-card-list { grid-template-columns: 110px minmax(0, 1fr); }
	.wpr-breaking-label { max-width: 42vw; overflow: hidden; text-overflow: ellipsis; }
	.wpr-share-btn { width: 28px; height: 28px; }
	.wpr-share-btns { gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
	.wpr-ticker { overflow-x: auto; }
}

@media print {
	.wpr-topbar, .wpr-navwrap, .wpr-col-side, .wpr-footer, .wpr-share, .wpr-ad, .wpr-float, .wpr-comments, .wpr-totop, .wpr-fontsize { display: none !important; }
	.wpr-row { display: block; }
	body, .wpr-site { background: #fff; }
}
.wpr-drawer-nav .wpr-nav-dot,
.wpr-drawer-nav .wpr-nav-badge { position: static; transform: none; box-shadow: none; }