/*
Theme Name: PročJak Magazine
Theme URI: https://procjak.cz
Author: PročJak
Author URI: https://procjak.cz
Description: Moderní magazínová šablona pro PročJak (Gutenberg + ACF).
Version: 1.2.9
Text Domain: procjak
Tags: blog, news, two-columns, custom-logo, accessibility-ready
*/

/* ====== Design tokens (light-first) ====== */
:root{
  --pj-font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --pj-font-heading: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";

  --pj-bg: #ffffff;
  --pj-surface: #f6f7fb;
  --pj-surface-2:#ffffff;

  --pj-text: #12131a;
  --pj-muted:#5a5f6d;

  --pj-border: rgba(16, 24, 40, 0.12);
  --pj-shadow: 0 14px 36px rgba(16, 24, 40, .10);
  --pj-radius: 18px;
  --pj-radius-sm: 12px;

  --pj-brand: #5b5cff;      /* catchy indigo */
  --pj-brand-2:#22c55e;     /* success green */
  --pj-warn:#f59e0b;
  --pj-danger:#ef4444;

  --pj-max: 1140px;
  --pj-content: 720px;
  --pj-g: 24px;
}

/* Auto-dark for users who want it (no toggle drama) */
@media (prefers-color-scheme: dark){
  :root{
    --pj-bg: #0b0c10;
    --pj-surface: #10121a;
    --pj-surface-2:#141827;
    --pj-text: #e8e8ee;
    --pj-muted:#a7a9b6;
    --pj-border: rgba(255,255,255,.10);
    --pj-shadow: 0 14px 36px rgba(0,0,0,.40);
  }
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background: var(--pj-bg);
  color: var(--pj-text);
  font-family: var(--pj-font-body);
  line-height:1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a{ color: var(--pj-brand); text-decoration:none; }
a:hover{ text-decoration: underline; }
img{ max-width:100%; height:auto; border-radius: var(--pj-radius-sm); }
.screen-reader-text{
  position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;
}

/* ====== Global layout ====== */
.procjak-container{
  max-width: var(--pj-max);
  margin: 0 auto;
  padding: 0 16px 72px;
}
.procjak-page{ padding-top: 6px; }

/* reading progress bar */
.procjak-progress{
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 3px;
  background: transparent;
}
.procjak-progress-bar{
  height: 3px;
  transform-origin: left center;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--pj-brand), rgba(91,92,255,.20));
}

/* ====== Header ====== */
.procjak-header{
  position: sticky;
  top: 3px;
  z-index: 999;
  backdrop-filter: blur(10px);
  background: color-mix(in srgb, var(--pj-bg) 80%, transparent);
  border-bottom: 1px solid var(--pj-border);
}
.procjak-header-inner{
  max-width: var(--pj-max);
  margin: 0 auto;
  padding: 12px 16px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}
.procjak-brand-link{
  display:flex;
  align-items:center;
  gap: 10px;
  color: var(--pj-text);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.procjak-brand-text{ font-size: 18px; }
.procjak-nav{ flex: 1; }
.procjak-menu{
  list-style:none;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  flex-wrap:wrap;
}
.procjak-menu a{
  color: var(--pj-muted);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.procjak-menu a:hover{
  color: var(--pj-text);
  background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
  border-color: var(--pj-border);
  text-decoration:none;
}
@media (max-width: 860px){
  .procjak-nav{ display:none; }
}

/* Search */
.procjak-search{
  display:flex;
  gap: 8px;
  align-items:center;
}
.procjak-search-field{
  width: min(320px, 52vw);
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--pj-border);
  background: color-mix(in srgb, var(--pj-surface) 65%, transparent);
  color: var(--pj-text);
  outline: none;
}
.procjak-search-field:focus{
  border-color: color-mix(in srgb, var(--pj-brand) 55%, var(--pj-border));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--pj-brand) 18%, transparent);
}
.procjak-search-button{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--pj-brand) 40%, var(--pj-border));
  background: color-mix(in srgb, var(--pj-brand) 18%, transparent);
  color: var(--pj-text);
  font-weight: 700;
  cursor:pointer;
}
.procjak-search-button:hover{
  background: color-mix(in srgb, var(--pj-brand) 26%, transparent);
}

/* ====== Article layout ====== */
.procjak-article{ margin-top: 18px; }
.procjak-hero{
  background: linear-gradient(180deg, color-mix(in srgb, var(--pj-surface) 85%, transparent), var(--pj-bg));
  border: 1px solid var(--pj-border);
  border-radius: var(--pj-radius);
  box-shadow: var(--pj-shadow);
  padding: 18px;
  margin: 22px 0 18px;
}
@media (min-width: 980px){
  .procjak-hero{ padding: 28px; }
}

.procjak-breadcrumbs{
  font-size: 13px;
  color: var(--pj-muted);
  margin-bottom: 12px;
}
.procjak-breadcrumbs a{ color: inherit; }
.procjak-title{
  font-family: var(--pj-font-heading);
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.14;
  letter-spacing: -0.02em;
  margin: 8px 0 10px;
}
.procjak-subtitle{
  font-size: 16px;
  color: var(--pj-muted);
  margin: 0 0 14px;
  max-width: 72ch;
}

.procjak-meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  margin-bottom: 14px;
}
.procjak-pill{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border: 1px solid var(--pj-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
  color: var(--pj-muted);
  font-size: 13px;
}

.procjak-question-badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.procjak-question-badge--proc{
  background: color-mix(in srgb, var(--pj-brand) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--pj-brand) 38%, var(--pj-border));
  color: var(--pj-text);
}
.procjak-question-badge--jak{
  background: color-mix(in srgb, var(--pj-brand-2) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--pj-brand-2) 32%, var(--pj-border));
  color: var(--pj-text);
}
.procjak-question-badge--oboji{
  background: color-mix(in srgb, var(--pj-warn) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--pj-warn) 34%, var(--pj-border));
  color: var(--pj-text);
}

.procjak-featured{ margin-top: 10px; }
.procjak-featured img{
  width: 100%;
  border-radius: var(--pj-radius);
  box-shadow: 0 12px 28px color-mix(in srgb, black 12%, transparent);
}

/* grid */
.procjak-layout{
  display:grid;
  grid-template-columns: 1fr;
  gap: 22px;
  align-items: start;
}
.procjak-layout.has-sidebar{
  grid-template-columns: minmax(0, var(--pj-content)) minmax(0, 1fr);
}
@media (max-width: 979px){
  .procjak-layout.has-sidebar{ grid-template-columns: 1fr; }
}

/* Content typography */
.procjak-content{
  background: var(--pj-surface-2);
  border: 1px solid var(--pj-border);
  border-radius: var(--pj-radius);
  box-shadow: var(--pj-shadow);
  padding: 18px;
}
@media (min-width: 980px){
  .procjak-content{ padding: 26px; }
}
.procjak-content p{ margin: 0 0 16px; }
.procjak-content h2{
  font-size: 22px;
  line-height: 1.25;
  margin: 28px 0 12px;
  letter-spacing: -0.01em;
}
.procjak-content h3{
  font-size: 18px;
  margin: 22px 0 10px;
}
.procjak-content ul, .procjak-content ol{ margin: 0 0 18px 22px; }
.procjak-content li{ margin: 6px 0; }
.procjak-content blockquote{
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 3px solid color-mix(in srgb, var(--pj-brand) 65%, transparent);
  background: color-mix(in srgb, var(--pj-brand) 10%, transparent);
  border-radius: var(--pj-radius-sm);
}
.procjak-content code{
  background: color-mix(in srgb, var(--pj-surface) 85%, transparent);
  border: 1px solid var(--pj-border);
  padding: 2px 6px;
  border-radius: 8px;
}
.procjak-content pre{
  background: color-mix(in srgb, var(--pj-surface) 85%, transparent);
  border: 1px solid var(--pj-border);
  padding: 14px;
  border-radius: var(--pj-radius-sm);
  overflow:auto;
}

/* Boxes / components */
.procjak-box{
  background: color-mix(in srgb, var(--pj-surface) 75%, transparent);
  border: 1px solid var(--pj-border);
  padding: 16px;
  border-radius: var(--pj-radius-sm);
}
.procjak-box > h2{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pj-muted);
}
.procjak-box--note{ background: color-mix(in srgb, var(--pj-surface) 85%, transparent); }
.procjak-tldr{ border-color: color-mix(in srgb, var(--pj-brand-2) 24%, var(--pj-border)); }
.procjak-quick-answer{ border-color: color-mix(in srgb, var(--pj-brand) 28%, var(--pj-border)); }
.procjak-mistakes{ border-color: color-mix(in srgb, var(--pj-warn) 34%, var(--pj-border)); }

/* TOC */
.procjak-toc-list{
  margin: 0;
  padding-left: 18px;
}
.procjak-toc-item a{
  display:block;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--pj-muted);
  border: 1px solid transparent;
}
.procjak-toc-item a:hover{
  background: color-mix(in srgb, var(--pj-surface-2) 70%, transparent);
  border-color: var(--pj-border);
  color: var(--pj-text);
  text-decoration:none;
}
.procjak-toc-h3 a{ padding-left: 18px; }

/* Sidebar */
.procjak-sidebar{
  position: sticky;
  top: 70px;
  background: transparent;
  display:flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 979px){
  .procjak-sidebar{ position: relative; top: auto; }
}

/* FAQ accordion */
.procjak-faq button[data-faq-toggle]{
  width:100%;
  text-align:left;
  background: transparent;
  border: 0;
  padding: 12px 10px;
  cursor:pointer;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  font-weight: 800;
  color: var(--pj-text);
}
.procjak-faq button[data-faq-toggle]:focus{
  outline: 2px solid color-mix(in srgb, var(--pj-brand) 55%, transparent);
  outline-offset: 2px;
  border-radius: 10px;
}
.procjak-faq .procjak-faq-panel{
  padding: 0 10px 12px;
  color: color-mix(in srgb, var(--pj-text) 92%, transparent);
}
.procjak-faq .procjak-faq-panel[data-open="false"]{ display:none; }

/* Author box */
.procjak-authorbox{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  padding: 16px;
  border: 1px solid var(--pj-border);
  border-radius: var(--pj-radius);
  background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
}
.procjak-authorbox img{ border-radius: 999px; }
.procjak-authorbox h2{ margin: 0 0 6px; font-size: 16px; }
.procjak-authorbox p{ margin: 0; color: var(--pj-muted); font-size: 14px; }

/* Related cards */
.procjak-section{ margin-top: 26px; }
.procjak-section-title{ font-size: 18px; margin: 0 0 12px; letter-spacing: -0.01em; }
.procjak-card-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 760px){
  .procjak-card-grid{ grid-template-columns: 1fr 1fr; }
}
.procjak-card{
  border: 1px solid var(--pj-border);
  border-radius: var(--pj-radius);
  background: var(--pj-surface-2);
  box-shadow: var(--pj-shadow);
  overflow:hidden;
}
.procjak-card-link{ display:block; color: inherit; }
.procjak-card-media{ position:relative; }
.procjak-card-img{ width:100%; display:block; border-radius: 0; }
.procjak-card-img--placeholder{
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pj-brand) 18%, transparent), color-mix(in srgb, var(--pj-brand-2) 10%, transparent));
}
.procjak-badge{
  position:absolute;
  left: 12px;
  top: 12px;
  background: color-mix(in srgb, var(--pj-bg) 78%, transparent);
  border: 1px solid var(--pj-border);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: var(--pj-text);
  backdrop-filter: blur(8px);
}
.procjak-card-body{ padding: 14px; }
.procjak-card-title{
  margin: 0 0 6px;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.procjak-card-excerpt{
  margin: 0 0 10px;
  color: var(--pj-muted);
  font-size: 13px;
  line-height: 1.45;
}
.procjak-card-meta{
  margin: 0;
  color: var(--pj-muted);
  font-size: 12px;
}

/* CTA */
.procjak-cta{
  border: 1px solid color-mix(in srgb, var(--pj-brand) 32%, var(--pj-border));
  background: color-mix(in srgb, var(--pj-brand) 10%, var(--pj-surface));
}
.procjak-cta .procjak-cta-inner{
  display:flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.procjak-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--pj-brand) 40%, var(--pj-border));
  background: color-mix(in srgb, var(--pj-brand) 22%, transparent);
  color: var(--pj-text);
  font-weight: 800;
}
.procjak-button:hover{ background: color-mix(in srgb, var(--pj-brand) 30%, transparent); text-decoration:none; }

/* Footer */
.procjak-footer{
  border-top: 1px solid var(--pj-border);
  margin-top: 36px;
  padding: 30px 0 40px;
  color: var(--pj-muted);
}
.procjak-footer-inner{
  max-width: var(--pj-max);
  margin: 0 auto;
  padding: 0 16px;
}
.procjak-footer-copy{ margin: 0 0 6px; font-weight: 800; color: var(--pj-text); }
.procjak-footer-note{ margin: 0; }
.procjak-pagination{
  margin-top: 22px;
}
.procjak-pagination .nav-links{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.procjak-pagination a,
.procjak-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--pj-border);
  background: var(--pj-surface-2);
  color: var(--pj-text);
  text-decoration: none;
}
.procjak-pagination a:hover{
  box-shadow: var(--pj-shadow);
}
.procjak-pagination .current{
  border-color: color-mix(in srgb, var(--pj-brand) 30%, var(--pj-border));
  background: color-mix(in srgb, var(--pj-brand) 10%, var(--pj-surface-2));
}
/* ====== Typography override: headings use the same font as body (WP/Gutenberg friendly) ====== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.wp-block-post-title,
.wp-block-query-title,
.wp-block-heading,
.procjak-title,
.procjak-card-title,
.procjak-section-title,
.procjak-content h2,
.procjak-content h3{
  font-family: var(--pj-font-body) !important;
}
/* ====== HARD OVERRIDE: kill Gutenberg / Global Styles heading fonts ====== */

/* 1) Set headings font everywhere, including Gutenberg wrappers */
html body :where(h1,h2,h3,h4,h5,h6){
  font-family: var(--pj-font-body) !important;
}

/* 2) WP/Gutenberg specific titles (common culprits) */
html body :where(
  .entry-title,
  .page-title,
  .wp-block-post-title,
  .wp-block-post-title a,
  .wp-block-query-title,
  .wp-block-heading,
  .wp-site-blocks h1,
  .wp-site-blocks h2,
  .wp-site-blocks h3,
  .wp-site-blocks h4,
  .wp-site-blocks h5,
  .wp-site-blocks h6,
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .procjak-title,
  .procjak-card-title,
  .procjak-section-title,
  .procjak-content h2,
  .procjak-content h3
){
  font-family: var(--pj-font-body) !important;
}

/* 3) Keep the “magazine” feel via weight + tracking (not another font) */
html body :where(h1, .procjak-title, .wp-block-post-title){
  font-weight: 900;
  letter-spacing: -0.03em;
}

html body :where(h2, .procjak-content h2, .procjak-section-title){
  font-weight: 850;
  letter-spacing: -0.02em;
}

html body :where(h3, .procjak-content h3){
  font-weight: 800;
  letter-spacing: -0.01em;
}
/* ====== Header nav + dropdown + mobile menu (FIXED) ====== */

/* reset listů */
.procjak-menu,
.procjak-menu .sub-menu{
  list-style:none;
  margin:0;
  padding:0;
}

.procjak-menu > li{ position:relative; }

/* šipka u položek co mají submenu */
.procjak-menu > li.menu-item-has-children > a::after{
  content:"▾";
  font-size:12px;
  margin-left:6px;
  opacity:.7;
}

/* ====== Desktop dropdown (hover + keyboard) ====== */
.procjak-menu .sub-menu{
  position:absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 240px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--pj-border);
  background: color-mix(in srgb, var(--pj-bg) 92%, transparent);
  backdrop-filter: blur(10px);
  box-shadow: var(--pj-shadow);
  display:none;
  z-index: 2000;
}

.procjak-menu > li:hover > .sub-menu,
.procjak-menu > li:focus-within > .sub-menu{
  display:block;
}

.procjak-menu .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color: var(--pj-text);
  text-decoration:none;
  white-space:nowrap;
}

.procjak-menu .sub-menu a:hover{
  background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
}
/* ====== Header tools wrapper (z-index/pointer fix) ====== */
.procjak-header,
.procjak-header-inner{
  position: relative;
  z-index: 1500;
}

.procjak-header-tools{
  display:flex;
  align-items:center;
  gap: 10px;
  position: relative;
  z-index: 2100; /* aby byl hamburger vždy klikací */
}

/* ====== Hamburger button ====== */
.procjak-nav-toggle{
  display:none; /* desktop hidden */
  border: 1px solid var(--pj-border);
  background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
  color: var(--pj-text);
  border-radius: 999px;
  width: 44px;
  height: 44px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex: 0 0 auto;
  position: relative;
  z-index: 2200;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}

/* ====== Mobile menu panel ====== */
.procjak-mobile-nav{
  display:none;
  margin: 10px 16px 0;
  padding: 12px;
  border: 1px solid var(--pj-border);
  border-radius: var(--pj-radius);
  background: color-mix(in srgb, var(--pj-bg) 92%, transparent);
  backdrop-filter: blur(10px);
  box-shadow: var(--pj-shadow);
  position: relative;
  z-index: 1400;
}

.procjak-header.is-mobile-open .procjak-mobile-nav{
  display:block;
}

/* ====== Mobile layout ====== */
@media (max-width: 860px){
  .procjak-nav{ display:none; }
  .procjak-nav-toggle{ display:inline-flex; }

  .procjak-header-inner{
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }

  /* brand vlevo, tools vpravo */
  .procjak-brand{ flex: 1 1 auto; min-width: 0; }
  .procjak-header-tools{ flex: 0 0 auto; }

  /* search bude pořád vedle hamburgeru, ale menší */
  .procjak-header-tools .procjak-search{
    display:flex;
    align-items:center;
    gap: 8px;
  }

  .procjak-search-field{
    width: min(52vw, 220px);
    padding: 10px 12px;
  }

  /* tlačítko hledání pryč, Enter funguje */
  .procjak-search-button{ display:none; }

  /* mobile menu panel */
  .procjak-mobile-nav{
    width: calc(100% - 32px);
  }

  /* menu = sloupec bez odrážek */
  .procjak-mobile-nav .procjak-mobile-menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction: column;
    gap: 6px;
  }

  .procjak-mobile-nav .procjak-mobile-menu > li > a{
    display:flex;
    justify-content: space-between;
    padding: 12px 12px;
    border-radius: 12px;
  }
  .procjak-mobile-nav .procjak-mobile-menu > li > a:hover{
    background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
    text-decoration:none;
  }

  /* SUBMENU na mobilu: defaultně skryté, otevře se až po .is-open */
  .procjak-mobile-nav .procjak-mobile-menu .sub-menu{
    display:none;
    padding: 6px 0 0;
  }
  .procjak-mobile-nav .procjak-mobile-menu li.is-open > .sub-menu{
    display:block;
  }

  .procjak-mobile-nav .procjak-mobile-menu .sub-menu a{
    display:block;
    padding: 10px 12px 10px 18px;
    border-radius: 12px;
    white-space: normal;
  }
  .procjak-mobile-nav .procjak-mobile-menu .sub-menu a:hover{
    background: color-mix(in srgb, var(--pj-surface) 70%, transparent);
    text-decoration:none;
  }
}
/* =========================
   Procjak: unify card thumbs
   ========================= */
.procjak-card-media{
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.procjak-card-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.procjak-card-img--placeholder{
  width: 100%;
  height: 100%;
}
/* Gutenberg obsah na stránkách a postech */
.procjak-content .wp-block {
  max-width: 100%;
}

.procjak-content .wp-block-image img{
  border-radius: var(--pj-radius-sm);
}

.procjak-content .wp-block-buttons .wp-block-button__link{
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--pj-brand) 40%, var(--pj-border));
  background: color-mix(in srgb, var(--pj-brand) 22%, transparent);
  color: var(--pj-text);
  font-weight: 800;
  text-decoration: none;
}
/* Featured image na článku: ať není jak billboard */
.procjak-featured{
  overflow: hidden;
  border-radius: var(--pj-radius);
}

.procjak-featured img{
  width: 100%;
  height: clamp(220px, 40vw, 520px);
  object-fit: cover;
  display: block;
}
/* Zastaví rozbíjení layoutu dlouhými řetězci */
.procjak-content,
.procjak-title,
.procjak-card-title,
.procjak-subtitle{
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* ===== ProcJak Footer ===== */

.procjak-footer {
	padding: 28px 0;
}

.procjak-footer-inner{
	display:flex;
	justify-content:space-between;
	gap:24px;
	align-items:flex-end;
}

.procjak-footer-left{
	min-width: 0;
}

.procjak-footer-copy{
	margin:0;
}

.procjak-footer-note{
	margin:6px 0 0;
	opacity:.85;
}

.procjak-footer-nav{
	margin-top:12px;
}

.procjak-footer-menu{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:12px 16px;
}

.procjak-footer-menu li{
	margin:0;
	padding:0;
}

.procjak-footer-menu a{
	text-decoration:none;
}

.procjak-footer-created{
	margin:0;
	font-size:12px;
	opacity:.75;
	text-align:right;
	white-space:nowrap;
}

.procjak-footer-created a{
	text-decoration:none;
}

/* Mobile */
@media (max-width: 600px){
	.procjak-footer-inner{
		flex-direction:column;
		align-items:flex-start;
	}
	.procjak-footer-created{
		text-align:left;
		white-space:normal;
		margin-top:10px;
	}
}
/* Větší mezera mezi "Související články" a navigací Předchozí/Další */
.procjak-article .post-navigation,
.procjak-article nav.post-navigation,
.procjak-article .procjak-post-nav,
.procjak-article .procjak-nav,
.procjak-article .procjak-post-nav-links {
	margin-top: 28px;
}