/* blog skin — mobile/tablet fixes. Scoped to page-id-4274 (/blog/). */

/* ---------------------------------------------------------------------------
   1. The page header is the shared `.gmg-k-hero` (compact variant) from
   hero.css — the old light `.gmg-blog-head` row was replaced by it during the
   2026-07-24 Relaunch header rollout, so its rules were dropped from here.
--------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   2. Hide the author byline on every card.
   Markup: <p class="t-entry-meta t-entry-author"><a class="tmb-avatar-size-md">
           <img class="avatar ..."></a><span class="tmb-username-text">by admin</span></p>

   The <img class="avatar"> is no longer emitted at all — the DSGVO fix switched
   the WP option `show_avatars` off (Einstellungen → Diskussion), so
   get_avatar() returns false site-wide and no secure.gravatar.com URL reaches
   the markup. The avatar selectors below are kept as a harmless belt-and-braces
   in case the option is ever flipped back on.

   The byline itself stays hidden: it renders as an English "by admin" in white
   on the white card (invisible) and links to /author/admin/, which 404s.
--------------------------------------------------------------------------- */
body.page-id-4274 .t-entry-author,
body.page-id-4274 .t-entry-meta.t-entry-author,
body.page-id-4274 .t-entry img.avatar,
body.page-id-4274 .t-entry .tmb-avatar-size-md {
  display: none !important;
}

/* The <hr class="separator-extra"> exists only to separate the excerpt from
   that byline. With the byline hidden it is a hairline plus 18px+18px margin
   of dead space at the foot of every card — drop it together with the byline.
   :has() keeps this surgical: only the separator that directly precedes the
   hidden byline goes, any other separator in a card layout survives. Browsers
   without :has() simply keep the hairline (cosmetic-only fallback). */
body.page-id-4274 .t-entry hr.separator-extra:has(+ .t-entry-author) {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   3. Category chips over the photo — bigger, opaque backing, high contrast.
   Markup: <span class="t-entry-category t-cat-over-inner">
             <a class="transparent-cat tmb-term-evidence font-ui">Lifestyle</a>
--------------------------------------------------------------------------- */
body.page-id-4274 .t-entry-category .transparent-cat,
body.page-id-4274 .t-entry-category a.tmb-term-evidence {
  display: inline-block;
  min-height: 24px;
  padding: 4px 10px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 600;
  letter-spacing: .02em;
  color: #fff !important;
  background: rgba(0, 0, 0, .72) !important;
  border-radius: 4px;
  text-shadow: none !important;
  backdrop-filter: none !important;
}

body.page-id-4274 .t-entry-category .transparent-cat:hover,
body.page-id-4274 .t-entry-category a.tmb-term-evidence:hover {
  background: rgba(0, 0, 0, .85) !important;
  color: #fff !important;
}

/* spacing when several chips stack top-right */
body.page-id-4274 .t-entry-category.t-cat-over-inner {
  margin: 0 4px 4px 0;
}

/* ---------------------------------------------------------------------------
   4. Touch targets — filter nav ("Show all" / categories) as comfortable
   tap targets; "Show all" (data-filter="*") emphasised as a button.
--------------------------------------------------------------------------- */
body.page-id-4274 .isotope-filters .isotope-nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 16px;
  font-size: 14px;
}

body.page-id-4274 .isotope-filters .isotope-nav-link[data-filter="*"] {
  margin: 0 6px 8px 0;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 999px;
  font-weight: 600;
}

body.page-id-4274 .isotope-filters .isotope-nav-link[data-filter="*"].active,
body.page-id-4274 .isotope-filters .isotope-nav-link[data-filter="*"]:hover {
  color: #fff;
  background: #1a1a1a;
  border-color: #1a1a1a;
}

/* card tap area: keep the whole tile comfortably clickable */
body.page-id-4274 .t-entry-visual-overlay,
body.page-id-4274 .t-entry-title a {
  min-height: 44px;
}

/* ---------------------------------------------------------------------------
   6. Single post — "Ähnliche Beiträge" cards below the article.
   Same Uncode posts module, same byline markup as the /blog/ grid above, but
   rendered on the single-post template. Without these rules the foot of every
   related card is a hairline separator followed by a ~65px empty band: the
   avatar is gone (show_avatars=off) and the "by admin" text next to it is
   white-on-white, so the strip carries nothing visible.

   NOTE: this stylesheet is enqueued for is_page(4274) only. For the block
   below to take effect the enqueue in functions.php must also cover
   is_singular('post') — see the handover note for the exact snippet. Until
   then these rules are inert (they cost nothing and leak nowhere).
--------------------------------------------------------------------------- */
body.single-post .t-entry .t-entry-meta.t-entry-author,
body.single-post .t-entry img.avatar,
body.single-post .t-entry .tmb-avatar-size-sm,
body.single-post .t-entry hr.separator-extra:has(+ .t-entry-author) {
  display: none !important;
}