/*
 Theme Name: Astra Child - Yrkeskverulanten
 Theme URI: https://example.com/
 Description: Minimal Astra child theme with black header + logo, no sidebars, custom home loop (featured + 3), full post content, SVG-friendly featured images, and post format styling.
 Author: You
 Template: astra
 Version: 1.0.0
*/

 /* Wk 202508201255 */

/* --- Global resets --- */
body { margin: 0; }

/* Hide Astra's default site header and footer (we output our own simple header) */
.site-header { display: none !important; }
.site-footer { display: none !important; }

/* Simple black header bar */
.bk-strap {
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 12px 24px; /* medium-ish height */
}
.bk-strap a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; }
.bk-strap img { height: 44px; width: auto; display: block; }

/* Content container width (let Astra handle container; we just give breathing room) */
.bk-container { max-width: 980px; margin: 24px auto; padding: 0 16px; }

/* Loop styles */
.bk-featured { margin-bottom: 48px; border-bottom: 1px solid #eee; padding-bottom: 24px; }
.bk-post { margin-bottom: 48px; }
.bk-post .bk-title a { text-decoration: none; }
.bk-post .bk-meta { opacity: .7; font-size: .9rem; margin-bottom: 8px; }

/* Make loop featured images smaller and SVG-safe */
.bk-thumb {
  max-width: 420px;
  width: 100%;
}
.bk-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

/* Single post featured image smaller as well */
.single .entry-content .wp-post-image,
.single .ast-single-post .post-thumb img {
  max-width: 560px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 16px 0;
}

/* Post format styles */
.format-aside .bk-title { display: none; }
.format-aside .bk-post,
.single .format-aside .entry-content { background: #f8f9fa; padding: 16px; border-left: 4px solid #ccc; }

.format-link .bk-title a { text-decoration: underline; }
.format-status .bk-title { display: none; }
.format-status .bk-post { font-style: italic; }

.format-quote .bk-post blockquote {
  border-left: 4px solid #222;
  margin: 0;
  padding: 8px 16px;
  font-size: 1.1rem;
}

.format-image .bk-thumb { max-width: 640px; }

/* Ensure SVG thumbnails always have a box so they don't collapse */
img.wp-post-image[width=""] { width: 100% !important; }