/* Popsikook: blogi (loend, postitus, meeldimine, kommentaarid). Tokenid theme.json-ist. */

/* ---------- Päis ---------- */
.pk-blogi-head { padding-block: var(--pk-sec); }
.pk-blogi-head > .pk-wrap > * { margin-block: 0; }
.pk-blogi-head h1, .pk-blogi-head .wp-block-query-title { font-size: var(--wp--preset--font-size--heading-1); }
.pk-blogi-head .has-lead-font-size { margin-top: var(--pk-s3); color: var(--wp--preset--color--muted); }
.pk-blogi-section { padding-block: var(--pk-sec); }

/* ---------- Kaardid ---------- */
.pk-blogi-list .wp-block-post-template { grid-template-columns: 1fr; gap: var(--pk-s5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .pk-blogi-list .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .pk-blogi-list .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pk-blogi-list .wp-block-post-template > li { margin: 0; display: flex; }
.pk-blogi-card { position: relative; display: flex; flex-direction: column; width: 100%; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); overflow: hidden; }
.pk-blogi-card > * { margin-block: 0; }
.pk-blogi-card .wp-block-post-featured-image { margin: 0; }
.pk-blogi-card .wp-block-post-featured-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.pk-blogi-card__body { display: flex; flex-direction: column; flex: 1; gap: var(--pk-s2); padding: var(--pk-s4); }
.pk-blogi-card__body > * { margin-block: 0; }
.pk-blogi-date, .pk-blogi-post .wp-block-post-date { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.pk-blogi-card .wp-block-post-title { font-size: 1.25rem; line-height: 1.25; }
.pk-blogi-card .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pk-blogi-card .wp-block-post-title a:hover { color: var(--wp--preset--color--brand); text-decoration: underline; }
.pk-blogi-card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.pk-blogi-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); }
.pk-blogi-card .wp-block-post-excerpt__excerpt { margin: 0; }
.pk-blogi-more { margin-top: auto; padding-top: var(--pk-s2); font-weight: 700; }
.pk-blogi-more a { color: var(--wp--preset--color--brand); text-decoration: none; }
.pk-blogi-more a:hover { text-decoration: underline; }
.pk-blogi-list .wp-block-query-pagination { margin-top: var(--pk-s6); gap: var(--pk-s3); }
.pk-blogi-list .wp-block-query-pagination a { font-weight: 600; }

/* ---------- Loendurid ---------- */
.pk-blogi-statswrap { margin: 0; }
.pk-blogi-stats { display: flex; flex-wrap: wrap; gap: var(--pk-s1) var(--pk-s4); margin: 0; padding: 0; list-style: none; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); font-variant-numeric: tabular-nums; }
.pk-blogi-stat { display: inline-flex; align-items: center; gap: .35rem; }
.pk-blogi-i { flex: none; }

/* ---------- Postitus ---------- */
.pk-blogi-post { padding-block: var(--pk-sec-top) var(--pk-sec); }
.pk-blogi-post > .pk-wrap > * + * { margin-top: var(--pk-s4); }
.pk-blogi-back { margin-bottom: var(--pk-s5); }
.pk-blogi-back a { font-weight: 600; text-decoration: none; }
.pk-blogi-back a:hover { text-decoration: underline; }
.pk-blogi-hero { margin-top: 0; }
.pk-blogi-hero img { display: block; width: 100%; border-radius: var(--wp--custom--radius); aspect-ratio: 21 / 9; object-fit: cover; }
@media (max-width: 699px) { .pk-blogi-hero img { aspect-ratio: 16 / 10; } }
.pk-blogi-meta { gap: var(--pk-s2) var(--pk-s4); }
.pk-blogi-meta > * { margin-block: 0; }
.pk-blogi-chips { display: flex; flex-wrap: wrap; gap: var(--pk-s2); }
.pk-blogi-chips a { display: inline-block; padding: .2rem .8rem; border-radius: 999px; background: var(--wp--preset--color--sand-2); color: var(--wp--preset--color--brand-hover); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-decoration: none; }
.pk-blogi-chips a:hover { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-blogi-chips .wp-block-post-terms__separator { display: none; }
.pk-blogi-title { margin-top: var(--pk-s3); font-size: var(--wp--preset--font-size--heading-1); }
.pk-blogi-content { margin-top: var(--pk-s5); }
.pk-blogi-content > * { margin-inline: 0; }
.pk-blogi-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-inline: 0; }
.pk-blogi-content img { border-radius: var(--wp--custom--radius-s); height: auto; }
.pk-blogi-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pk-s3) var(--pk-s5); margin-top: var(--pk-s6); padding-top: var(--pk-s5); border-top: 1px solid var(--wp--preset--color--line); }
.pk-blogi-foot > * { margin-block: 0; }
.pk-blogi-tags a { text-decoration: none; padding: .1rem .55rem; border: 1px solid var(--wp--preset--color--line); border-radius: 999px; font-size: var(--wp--preset--font-size--small); }
.pk-blogi-author { color: var(--wp--preset--color--muted); }
.pk-blogi-author::before { content: "Autor: "; }
.pk-blogi-foot .pk-meeldi-wrap { margin-left: auto; }

/* ---------- Meeldib mulle ---------- */
.pk-meeldi { display: inline-flex; flex-direction: column; align-items: flex-end; gap: var(--pk-s1); }
.pk-meeldi__btn { display: inline-flex; align-items: center; gap: .5rem; min-height: 3rem; padding: .5rem 1.1rem; font: inherit; font-weight: 700; color: var(--wp--preset--color--brand); background: transparent; border: 2px solid var(--wp--preset--color--brand); border-radius: 999px; cursor: pointer; }
.pk-meeldi__btn:hover:not(:disabled) { background: var(--wp--preset--color--sand); }
.pk-meeldi__btn[aria-pressed="true"] { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-meeldi__btn[aria-pressed="true"] .pk-blogi-i { fill: currentColor; }
.pk-meeldi__btn[aria-disabled="true"] { opacity: .7; cursor: progress; }
.pk-meeldi__btn:disabled { opacity: .6; cursor: default; }
.pk-meeldi__count { font-variant-numeric: tabular-nums; }
.pk-meeldi__msg { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--danger); }
.pk-meeldi__msg:empty { display: none; }

/* ---------- Kommentaarid ---------- */
.pk-komm { margin-top: var(--pk-s7); max-width: 68ch; }
.pk-komm > * + * { margin-top: var(--pk-s4); }
.pk-komm .wp-block-comments-title { margin-bottom: var(--pk-s4); }
.pk-komm .wp-block-comment-template { margin: 0; padding: 0; list-style: none; }
.pk-komm .wp-block-comment-template ol { padding-left: var(--pk-s5); list-style: none; }
.pk-komm__item { padding: var(--pk-s4); margin-bottom: var(--pk-s3); background: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius); }
.pk-komm__item > * + * { margin-top: var(--pk-s2); }
.pk-komm .avatar { border-radius: 50%; }
.pk-komm .wp-block-comment-date a { color: var(--wp--preset--color--muted); text-decoration: none; }
.pk-kommentaar-vorm { border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); padding: 0; }
.pk-kommentaar-vorm > summary { padding: var(--pk-s3) var(--pk-s4); font-weight: 700; color: var(--wp--preset--color--brand); cursor: pointer; }
.pk-kommentaar-vorm[open] > summary { border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-kommentaar-vorm > :not(summary) { margin: var(--pk-s4); }
.pk-komm .comment-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.pk-komm .comment-form input[type="text"], .pk-komm .comment-form input[type="email"], .pk-komm .comment-form textarea { width: 100%; box-sizing: border-box; padding: .7rem .9rem; font: inherit; border: 1px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }
.pk-komm .comment-form-cookies-consent label { display: inline; font-weight: 400; }
.pk-komm .form-submit .wp-block-button__link, .pk-komm .form-submit input[type="submit"] { min-height: 3rem; padding: .6rem 1.6rem; font: inherit; font-weight: 700; color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); border: 0; border-radius: var(--wp--custom--radius-s); cursor: pointer; }
.pk-komm .form-submit input[type="submit"]:hover { background: var(--wp--preset--color--brand-hover); }

/* ---------- Tooted, eelmine/järgmine, seotud ---------- */
.pk-blogi-tooted { padding-block: var(--pk-sec); }
.pk-blogi-nav { padding-block: var(--pk-sec); }
.pk-blogi-prevnext { gap: var(--pk-s4); margin-bottom: var(--pk-s7); }
.pk-blogi-prevnext > * { flex: 1 1 14rem; margin: 0; }
.pk-blogi-prevnext .post-navigation-link-next { text-align: right; }
.pk-blogi-prevnext a { font-weight: 600; }
.pk-seotud:not(:has(.wp-block-post-template)) { display: none; }
.pk-seotud > h2 { margin-bottom: var(--pk-s5); }

/* Postituse sisu: kõik plokid (ka pealkirjad) ühe laiusega, vasakult joondatud nagu H1 */
.pk-blogi-content > * { max-width: 68ch; margin-left: 0; margin-right: 0; }
.pk-blogi-content > .alignwide, .pk-blogi-content > .alignfull { max-width: none; }