/*
Theme Name: MitroRun
Theme URI: https://github.com/granittemaj/papingu-mitrorun-theme
Author: PAPINGU
Author URI: https://papingu.com
Description: Custom theme for MitroRun, the city run of Mitrovica. Built for the MitroRun Core plugin and Secure Custom Fields. Black, white and one green. No framework, no build step.
Version: 1.14.3
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mitrorun
Tags: event, one-page, custom-fields, translation-ready, accessibility-ready
Update URI: https://github.com/granittemaj/papingu-mitrorun-theme
GitHub Theme URI: granittemaj/papingu-mitrorun-theme
Primary Branch: main

The main stylesheet lives in assets/css/main.css and is enqueued separately.
This file carries the theme header and WordPress-specific rules only.
*/

/* ==========================================================
   WordPress core classes
   ========================================================== */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}
.screen-reader-text:focus{
  background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  clip:auto!important;clip-path:none;color:#0A0B0A;display:block;font-size:.875rem;
  font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;
  text-decoration:none;top:5px;width:auto;z-index:100000;
}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:100000}

.alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}
.alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}
.aligncenter{display:block;margin-inline:auto}
.alignwide{max-width:1200px;margin-inline:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}

.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-size:.82rem;color:#6E756F;margin-top:.5rem}
.sticky{display:block}
.gallery-caption{display:block}
.bypostauthor{display:block}

/* Focus visibility, keyboard users */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid #25B34C;outline-offset:3px;border-radius:4px;
}

/* ==========================================================
   Editor and inner pages (privacy policy, terms, etc.)
   ========================================================== */
.page-hero{
  background:#0A0B0A;color:#fff;padding:8rem var(--pad) clamp(2.5rem,6vw,4rem);
}
.page-hero .lbl{color:rgba(255,255,255,.58)}
.page-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:.8rem}
.page-hero .meta{margin-top:1rem;color:rgba(255,255,255,.55);font-size:.8rem}

/* Runs the full measure, lining up with the page hero above it rather than
   sitting in a narrow column of its own. */
.prose{max-width:var(--max);margin-inline:auto;padding:clamp(3rem,7vw,5rem) var(--pad)}
.prose > * + *{margin-top:1.1rem}
.prose h2{font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:-.03em;margin-top:2.6rem;line-height:1.15}
.prose h3{font-size:1.1rem;letter-spacing:-.02em;margin-top:1.8rem}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li + li{margin-top:.4rem}
.prose a{color:#149139;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:#0A0B0A}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:1.4rem}
.prose th,.prose td{text-align:left;padding:.7rem .8rem;border:1px solid #E1E5E1;vertical-align:top}
.prose th{background:#F4F6F4;font-weight:700}
.prose blockquote{border-left:3px solid #25B34C;padding-left:1.2rem;color:#6E756F}
.prose code{background:#F4F6F4;padding:.15rem .4rem;border-radius:4px;font-size:.9em}
.prose hr{border:0;border-top:1px solid #E1E5E1;margin:2.4rem 0}

.toc{background:#F4F6F4;border:1px solid #E1E5E1;border-radius:14px;padding:1.4rem 1.6rem;margin-bottom:2rem}
.toc p{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#6E756F;margin-bottom:.8rem}
.toc ol{padding-left:1.2rem;font-size:.94rem}
.toc li + li{margin-top:.3rem}

/* 404 */
.e404{min-height:80svh;display:grid;place-items:center;text-align:center;background:#0A0B0A;color:#fff;padding:8rem var(--pad) 4rem}
.e404 .big{font-size:clamp(5rem,20vw,14rem);font-weight:900;letter-spacing:-.06em;line-height:.85}
.e404 .big span{color:#25B34C}
.e404 p{color:rgba(255,255,255,.65);max-width:44ch;margin:1.2rem auto 2rem}

/* Posts listing, used only if news is switched on */
.post-list{display:grid;gap:1.4rem;padding:clamp(3rem,7vw,6rem) var(--pad);max-width:1440px;margin-inline:auto}
@media(min-width:800px){.post-list{grid-template-columns:repeat(3,1fr)}}
.post-card{border:1px solid #E1E5E1;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .4s}
.post-card:hover{border-color:#25B34C}
.post-card .body{padding:1.3rem}
.post-card h2{font-size:1.15rem;letter-spacing:-.02em;line-height:1.2}
.post-card time{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E756F}

.pagination{display:flex;gap:.5rem;justify-content:center;padding-bottom:4rem;flex-wrap:wrap}
.pagination .page-numbers{padding:.55rem .95rem;border:1px solid #E1E5E1;border-radius:100px;font-size:.85rem;font-weight:600}
.pagination .current,.pagination .page-numbers:hover{background:#25B34C;border-color:#25B34C;color:#fff}