/*
Theme Name: ZenBlog CMA
Theme URI: https://www.cms-cma.cz/
Author: WebProjekt Praha & Web2.cz (WordPress port)
Author URI: https://www.cms-cma.cz/
Description: WordPress port of the legacy ZenBlog-based theme for Česká marketingová společnost (CMS-CMA). Ports the assets2k23 bundle verbatim (Bootstrap 5.3.2, Swiper, GLightbox, AOS, Bootstrap Icons; EB Garamond / Inter / Playfair Display). Content model is provided by the cma-core plugin.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: zenblog-cma
*/

/* --------------------------------------------------------------
   Theme-specific additions on top of the ported main.css.
   Kept minimal on purpose — the ZenBlog look lives in assets2k23/css.
--------------------------------------------------------------- */

/* Give fixed-header room so page content is not hidden behind it. */
#main {
  padding-top: 90px;
}
body.home #main {
  padding-top: 0; /* the hero slider provides its own top spacing */
}

/* Daily glossary teaser (cma-core [cma_daily_glossary] shortcode). */
.cma-daily-glossary {
  border: 1px dotted #001b79;
  padding: 15px;
  background: #fff;
}
.cma-daily-glossary__title {
  font-size: 120%;
  font-weight: 800;
  line-height: 150%;
  text-align: center;
  margin: 0 0 10px;
}
.cma-daily-glossary__title a { color: #001b79; }
.cma-daily-glossary__excerpt { margin-bottom: 10px; }
.cma-daily-glossary__more { text-align: right; margin: 0; }

/* Magazine archive: year-grouped cover grid. */
.mak-year-block { margin-bottom: 45px; }
.mak-year-block h2.mak-year-title {
  border-bottom: 2px solid #001b79;
  padding-bottom: 6px;
  margin-bottom: 25px;
  color: #001b79;
}
.mak-cover {
  display: block;
  margin-bottom: 8px;
  background: #001b79;
  padding: 3px;
  line-height: 0;
}
.mak-cover img { width: 100%; height: auto; }
.mak-cover-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 4;
  background: #001b79;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-family: var(--font-primary, serif);
}
.mak-cover-placeholder span { font-size: 150%; font-weight: 700; }
.mak-issue-label { font-size: 90%; }
.mak-issue-label .mak-viewer-link { display: inline-block; }

/* Alphabetical glossary index. */
.glossary-index .glossary-letter {
  margin-top: 35px;
  color: #001b79;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 4px;
}
.glossary-index ul { columns: 2; }
@media (min-width: 992px) { .glossary-index ul { columns: 3; } }
.glossary-alpha-nav { margin: 15px 0 25px; }
.glossary-alpha-nav a {
  display: inline-block;
  padding: 2px 8px;
  margin: 2px;
  border: 1px solid #dee2e6;
  font-weight: 600;
}

/* Award / year selector as real links. */
.cma-year-selector { margin: 0 0 30px; }
.cma-year-selector a {
  display: inline-block;
  padding: 6px 12px;
  margin: 3px;
  background: #f0f0f0;
  border: 1px solid #dee2e6;
  font-weight: 600;
}
.cma-year-selector a.active { background: #001b79; color: #fff; }

/* Gallery partial (GLightbox). */
.cma-gallery { margin-top: 20px; }
.cma-gallery .gallery-item { margin-bottom: 15px; line-height: 0; }
.cma-gallery .gallery-item img { width: 100%; height: auto; }
.cma-gallery figcaption {
  line-height: 1.3;
  font-size: 85%;
  color: #6c757d;
  padding: 4px 2px 0;
}

/* Video embeds. */
.cma-videos { margin-top: 20px; }
.cma-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 15px;
}
.cma-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Breadcrumb (mini navigation under header). */
.cma-breadcrumb { text-align: right; font-size: 85%; margin: 15px 0; }
.cma-breadcrumb .sep { color: #00539c; }