/* ==========================================================================
   SMARTA SVERIGE – ANPASSAD CSS
   Senast uppdaterad: 2026-07-27
   ========================================================================== */

:root {
  --ss-card-bg: #faf9f6;
  --ss-meta-color: #5c5c5c;
  --ss-meta-size: 12px;
  --ss-meta-gap: 5px;
  --ss-article-padding: 14px;
}


/* ==========================================================================
   1. ARTIKELKORT – METADATA
   ========================================================================== */

.uagb-post-grid-byline {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 6px 0 12px;
  color: var(--ss-meta-color);
  font-size: var(--ss-meta-size);
  line-height: 1.4;
}

.uagb-post__date,
.uagb-post__author {
  margin: 0;
  padding: 0;
  color: inherit;
}

.uagb-post__date {
  order: 1;
  text-transform: none;
}

.uagb-post__author {
  order: 2;
}

.uagb-post__author a {
  color: var(--ss-meta-color) !important;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.uagb-post__date::after {
  content: "·";
  display: inline-block;
  margin: 0 var(--ss-meta-gap);
  color: var(--ss-meta-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.uagb-post__author::after,
.uagb-post__author a::after {
  content: none !important;
}


/* ==========================================================================
   2. ENSKILD ARTIKEL – KORT
   ========================================================================== */

body.single-post .single-layout-1 .entry-header,
body.single-post .single-layout-1 .entry-content {
  margin: 0 !important;
  border: 0 !important;
  background: var(--ss-card-bg) !important;
  box-shadow: none !important;
}

body.single-post .single-layout-1 .entry-header {
  padding: 0 var(--ss-article-padding) !important;
  overflow: hidden;
}

body.single-post .single-layout-1 .entry-content {
  padding: 10px var(--ss-article-padding) 24px !important;
}

body.single-post .single-layout-1 .entry-header::after,
body.single-post .single-layout-1 .entry-content::before {
  display: none !important;
}


/* ==========================================================================
   3. ENSKILD ARTIKEL – UTVALD BILD
   ========================================================================== */

body.single-post
.single-layout-1
.entry-header
.post-thumb-img-content.post-thumb {
  width: calc(100% + (2 * var(--ss-article-padding))) !important;
  margin: 0 calc(-1 * var(--ss-article-padding)) 12px !important;
  padding: 0 !important;
}

body.single-post
.single-layout-1
.entry-header
.post-thumb-img-content.post-thumb
img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
}


/* ==========================================================================
   4. ENSKILD ARTIKEL – RUBRIK
   ========================================================================== */

body.single-post .single-layout-1 .entry-title {
  margin: 0 0 6px;
  padding: 0;
  line-height: 1.08;
}


/* ==========================================================================
   5. ENSKILD ARTIKEL – METADATA
   ========================================================================== */

body.single-post .single-layout-1 .entry-meta {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 14px;
  padding: 0;
  color: var(--ss-meta-color);
  font-size: var(--ss-meta-size);
  line-height: 1.4;
}

body.single-post .single-layout-1 .entry-meta,
body.single-post .single-layout-1 .entry-meta span,
body.single-post .single-layout-1 .entry-meta a {
  color: var(--ss-meta-color) !important;
  font-size: inherit;
  font-weight: 400;
  text-decoration: none;
}

body.single-post .single-layout-1 .entry-meta a {
  pointer-events: none;
  cursor: default;
}

/* En enda punkt mellan datum och författare */
body.single-post .single-layout-1 .entry-meta .posted-on::after {
  content: "·";
  display: inline-block;
  margin: 0 var(--ss-meta-gap);
  color: var(--ss-meta-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* Ta bort Astras extra separatorer */
body.single-post .single-layout-1 .entry-meta .byline::before,
body.single-post .single-layout-1 .entry-meta .byline::after,
body.single-post .single-layout-1 .entry-meta .author::before,
body.single-post .single-layout-1 .entry-meta .author::after,
body.single-post .single-layout-1 .entry-meta a::after {
  content: none !important;
}


/* ==========================================================================
   6. ENSKILD ARTIKEL – INGRESS
   ========================================================================== */

body.single-post .smarta-sverige-ingress {
  margin: 0 0 22px;
  padding: 0;
  font-size: 1.08em;
  line-height: 1.55;
}

body.single-post .smarta-sverige-ingress p {
  margin: 0;
}