/* ==========================================================================
   Dlaždice článkov vo výpise (dátum a tlačidlo "Čítať viac...")
   Dátum je písmom odsekov (PT Serif) vo farbe hlavičky so zlatou ikonou
   kalendára. Tlačidlo je vyplnené farbou hlavičky s krémovým textom a jemným
   okrajom, pri hover/focus dostane zlatý okraj zhrubnutý o 1px (rovnako ako
   tlačidlá v share-links.css a page-share.css). Farba pozadia sa pri hover
   nemení. Text tlačidla je v PT Serif, lebo Cinzel nemá znaky ako Ť.
   Cieľ: <article class="post"> vo výpise (téma Porto, .post-meta .meta-date
   a .btn-default v .clearfix).
   ========================================================================== */

/* --- Premenné --------------------------------------------------------------- */
article.post {
  --pcard-wine: #6b1420;                          /* farba hlavičky */
  --pcard-bg: #762833;                            /* farba hlavičky + 8 % bielej (ako page-share.css) */
  --pcard-gold: #d9b45c;                          /* zlatá – ikona, okraj pri hover/focus */
  --pcard-cream: #fffaf2;                         /* krémová – text tlačidla */
  --pcard-border: rgba(255, 255, 255, .18);       /* jemný svetlý okraj tlačidla */
  --pcard-radius: 3px;
}

/* --- Dátum -------------------------------------------------------------------- */
article.post .post-meta .meta-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "PT Serif", Georgia, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pcard-wine);
}

article.post .post-meta .meta-date > i {
  margin: 0;
  font-size: 15px;
  color: var(--pcard-gold);
}

/* --- Tlačidlo "Čítať viac..." ---------------------------------------------------- */
article.post .clearfix > a.btn.btn-default,
article.post .clearfix > a.btn.btn-default:hover,
article.post .clearfix > a.btn.btn-default:focus,
article.post .clearfix > a.btn.btn-default:active {
  display: inline-block;
  padding: 7px 16px;
  border: 1px solid var(--pcard-border);
  border-radius: var(--pcard-radius);
  background: var(--pcard-bg);                    /* pri hover sa nemení */
  box-shadow: none;
  color: var(--pcard-cream);
  font-family: "PT Serif", Georgia, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .08em;
  text-decoration: none;
  transition: none;
}

/* --- Hover / klávesnicový focus: zlatý okraj zhrubnutý o 1px ---------------------- */
article.post .clearfix > a.btn.btn-default:hover,
article.post .clearfix > a.btn.btn-default:focus,
article.post .clearfix > a.btn.btn-default:focus-visible {
  border-color: var(--pcard-gold);
  box-shadow: inset 0 0 0 1px var(--pcard-gold);
  outline: none;
}