/*
 * Släng dig i vego – temats egen CSS.
 * Färger och typsnitt kommer från theme.json (var(--wp--preset--...)).
 * Här ligger det som blockredigeraren inte kan uttrycka: klistrat sidhuvud med
 * frostat glas, flödet med bild och text sida vid sida (varannan sida), pilar, chips.
 */

:root {
  --sdiv-hairline: var(--wp--preset--color--hairline, #e2dacb);
  --sdiv-green: var(--wp--preset--color--green, #2f6b3a);
  --sdiv-radius: 14px;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }

/* ---------- Sidhuvud ---------- */
.sdiv-header {
  position: sticky;
  top: 0;
  z-index: 40;
  isolation: isolate;
  border-bottom: 1px solid var(--sdiv-hairline);
}
/* Frostat glas på ett pseudoelement: backdrop-filter direkt på sidhuvudet skulle
   göra mobilmenyns position:fixed relativ till sidhuvudet i stället för fönstret. */
.sdiv-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(246, 241, 231, 0.92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.sdiv-header__row {
  min-height: 72px;
  padding-top: 10px;
  padding-bottom: 10px;
  row-gap: 8px;
}
/* Bladmärket ur loggan: 55 px brett, höjden följer bildens proportioner. */
.sdiv-brand__logo { width: auto; }
.sdiv-brand__logo img {
  width: 55px;
  height: auto;
  display: block;
  margin-top: -6px; /* bladen får sticka upp lite över textens x-höjd */
}
.sdiv-nav { gap: 8px 24px; }
.sdiv-nav__menu { margin: 0; }
.sdiv-nav__ig .wp-block-button__link {
  padding: 10px 16px;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sdiv-nav__ig .wp-block-button__link::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6f1e7' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23f6f1e7' stroke='none'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (min-width: 600px) {
  .wp-block-navigation li.sdiv-only-mobile { display: none; }
}

/* Sökknappen i sidhuvudet: bara ikon, fäller ut fältet vid klick (kärnans button-only-läge). */
.sdiv-search .wp-block-search__button {
  background: transparent;
  border: 0;
  color: var(--wp--preset--color--contrast);
  padding: 8px;
  margin: 0;
  border-radius: 999px;
  cursor: pointer;
}
.sdiv-search .wp-block-search__button:hover { color: var(--sdiv-green); }
.sdiv-search .wp-block-search__button svg { width: 22px; height: 22px; fill: currentColor; }
.sdiv-search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper,
.sdiv-search .wp-block-search__inside-wrapper {
  border: 0;
  padding: 0;
}
.sdiv-search .wp-block-search__input {
  border: 1px solid var(--sdiv-hairline);
  border-radius: 999px;
  padding: 8px 14px;
  background: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: 15px;
  color: var(--wp--preset--color--contrast);
}
.sdiv-search .wp-block-search__input:focus { outline: 2px solid var(--sdiv-green); outline-offset: 1px; }
/* Kärnan ger blocket sin fasta bredd även när fältet är infällt; då ska det bara ta ikonens plats. */
.sdiv-search.wp-block-search__searchfield-hidden,
.sdiv-search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
  width: auto !important;
  min-width: 0 !important;
}

/* Mobilmeny (hamburgare) i cremefärg. */
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--wp--preset--color--base);
  padding: 24px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: 28px;
  font-weight: 500;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--wp--preset--color--contrast);
}

/* ---------- Återkommande småsaker ---------- */
.sdiv-eyebrow,
.sdiv-eyebrow a {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sdiv-green);
  text-decoration: none;
}
.sdiv-eyebrow--faint,
.sdiv-eyebrow--faint a { color: var(--wp--preset--color--faint); }
.sdiv-accent { font-style: italic; color: var(--sdiv-green); }
.sdiv-lead { color: var(--wp--preset--color--muted); line-height: 1.6; }

/* Pil efter länkar som "Läs receptet". */
.sdiv-more,
.sdiv-more:hover {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  color: var(--sdiv-green);
}
.sdiv-more::after {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6b3a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.15s ease;
}
.sdiv-more:hover::after { transform: translateX(3px); }

/* ---------- Startsidans intro ---------- */
.sdiv-hero { padding-top: 40px; padding-bottom: 8px; }
.sdiv-hero__title { font-weight: 500; }
.sdiv-hero .sdiv-lead { max-width: 560px; margin-left: auto; margin-right: auto; }
body.paged .sdiv-hero { display: none; }

/* ---------- Flödet: en bild och en textsnutt per inlägg, varannan sida ---------- */
.sdiv-feed { margin-top: 32px; }
.sdiv-feed__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sdiv-feed__list > li {
  margin: 0;
  padding: 48px 0;
  border-top: 1px solid var(--sdiv-hairline);
}
.sdiv-feed__list > li:last-child { border-bottom: 1px solid var(--sdiv-hairline); }
.sdiv-feed__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 36px 64px;
}
.sdiv-feed__item > .sdiv-feed__image {
  flex: 1 1 520px;
  margin: 0;
  min-width: 0;
}
.sdiv-feed__image img,
.sdiv-feed__image a {
  display: block;
  width: 100%;
  height: auto;
}
.sdiv-feed__image img {
  border-radius: var(--sdiv-radius);
  background: var(--wp--preset--color--surface);
}
.sdiv-feed__item > .sdiv-feed__text {
  flex: 1 1 320px;
  max-width: 440px;
  min-width: 0;
}
.sdiv-feed__title { font-size: var(--wp--preset--font-size--x-large); }
.sdiv-feed__excerpt .wp-block-post-excerpt__excerpt { margin: 0; }
.sdiv-feed__excerpt .wp-block-post-excerpt__more-text { display: none; }
/* Varannan rad speglad: bild till höger. */
.sdiv-feed__list > li:nth-child(even) .sdiv-feed__item { flex-direction: row-reverse; }

@media (max-width: 781px) {
  .sdiv-feed__list > li { padding: 28px 0; }
  .sdiv-feed__item,
  .sdiv-feed__list > li:nth-child(even) .sdiv-feed__item {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .sdiv-feed__item > .sdiv-feed__text { max-width: none; }
  .sdiv-feed__image img { border-radius: 12px; }
}

/* Bläddring under flödet. */
.sdiv-pagination {
  padding-top: 48px;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
}
.sdiv-pagination a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.sdiv-pagination a:hover { color: var(--sdiv-green); }
.sdiv-pagination .wp-block-query-pagination-next {
  margin-left: auto;
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding: 14px 24px;
  border-radius: 999px;
}
.sdiv-pagination .wp-block-query-pagination-next:hover { background: var(--sdiv-green); color: var(--wp--preset--color--base); }

/* ---------- Enskilt inlägg ---------- */
.sdiv-back,
.sdiv-back a {
  font-size: 14px;
  font-weight: 500;
  color: var(--wp--preset--color--faint);
  text-decoration: none;
}
.sdiv-back a:hover { color: var(--sdiv-green); }
.sdiv-post-meta { gap: 6px 10px; }
.sdiv-post-meta .wp-block-post-terms a { color: var(--sdiv-green); text-decoration: none; }
.sdiv-post-title { margin-top: 4px; }
.sdiv-post-image img,
.sdiv-page-image img {
  border-radius: var(--sdiv-radius);
  display: block;
  width: 100%;
  height: auto;
}

/* Innehållet: gamla inlägg innehåller klassiska bilder, radbrytningar och mellanrum. */
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 0.6em; }
.entry-content img.alignleft { float: left; margin: 0 24px 12px 0; max-width: 45%; border-radius: 10px; }
.entry-content img.alignright { float: right; margin: 0 0 12px 24px; max-width: 45%; border-radius: 10px; }
.entry-content::after { content: ""; display: table; clear: both; }
.entry-content .wp-block-image img { border-radius: 10px; }
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 10px; }
/* Gallerier (bilderna från Instagram): två kolumner, 4:5-rutor, ingen ensam bild som sträcks ut över hela bredden.
   Kärnan använder :not(#individual-image) i sina regler, därav !important. */
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image {
  width: calc(50% - (var(--wp--style--unstable-gallery-gap, 12px) / 2)) !important;
  flex-grow: 0 !important;
}
.entry-content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image img {
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  object-fit: cover;
}
.entry-content .wp-block-video video { border-radius: 10px; width: 100%; }
.entry-content ul, .entry-content ol { padding-left: 1.2em; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }

/* Sidfot i inlägget: taggar som chips och länken till Instagram. Döljs helt när inlägget saknar båda. */
.sdiv-post-footer:not(:has(*)) { display: none; }
.sdiv-post-footer {
  padding-top: 20px;
  border-top: 1px solid var(--sdiv-hairline);
  gap: 16px 24px;
}
.sdiv-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.sdiv-tags .wp-block-post-terms__separator { display: none; }
.sdiv-tags a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--surface);
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration: none;
}
.sdiv-tags a:hover { background: var(--sdiv-hairline); }
.sdiv-ig-link { margin: 0; }
.sdiv-ig-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--sdiv-green);
}
/* Liten knapp vid datumet högst upp på inlägget. */
.sdiv-ig-link--top { margin-left: 4px; }
.sdiv-ig-link--top a {
  font-size: 13px;
  padding: 4px 11px;
  border: 1px solid var(--sdiv-hairline);
  border-radius: 999px;
  line-height: 1.4;
}
.sdiv-ig-link--top a:hover { border-color: var(--sdiv-green); }
/* Ruta längst ner: tar hela bredden i inläggets fot. */
.sdiv-ig-link--card { flex: 1 1 100%; order: -1; }
.sdiv-ig-link--card a {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--sdiv-hairline);
  border-radius: var(--sdiv-radius);
  background: var(--wp--preset--color--cream-light);
  color: var(--wp--preset--color--contrast);
}
.sdiv-ig-link--card a:hover { border-color: var(--sdiv-green); }
.sdiv-ig-link--card svg { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 2px; color: var(--sdiv-green); }
.sdiv-ig-link__text { display: flex; flex-direction: column; gap: 2px; }
.sdiv-ig-link__text strong { font-size: 16px; color: var(--sdiv-green); }
.sdiv-ig-link__text small { font-size: 14px; font-weight: 400; color: var(--wp--preset--color--muted); }

/* Sökförslag under sökfälten (assets/js/search-suggest.js). */
.sdiv-has-suggest { position: relative; }
.sdiv-suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 60;
  width: min(420px, calc(100vw - 32px));
  max-height: min(70vh, 540px);
  overflow-y: auto;
  padding: 6px;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--sdiv-hairline);
  border-radius: var(--sdiv-radius);
  box-shadow: 0 14px 36px rgba(43, 42, 38, 0.16);
  text-align: left;
}
.sdiv-search .sdiv-suggest { left: auto; right: 0; }
/* Utfällt sökfält i sidhuvudet: tillräckligt brett för att se vad man skriver. */
.sdiv-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper { min-width: 240px; display: flex; }
.sdiv-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { flex: 1 1 auto; min-width: 200px; }
/* Mobil: utfällt sökfält tar hela raden under logotypen och förslagen får hela skärmbredden. */
@media (max-width: 599px) {
  .sdiv-nav:has(.sdiv-search:not(.wp-block-search__searchfield-hidden)) { flex-basis: 100%; flex-wrap: nowrap; }
  .sdiv-search:not(.wp-block-search__searchfield-hidden) { flex: 1 1 auto; min-width: 0; }
  .sdiv-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper { width: 100% !important; min-width: 0 !important; display: flex; }
  .sdiv-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { flex: 1 1 auto; width: auto; min-width: 0; font-size: 16px; }
  /* Rutan förankras i hela menyraden (inte i sökfältet) så den följer sidhuvudets marginaler. */
  .sdiv-nav:has(.sdiv-search:not(.wp-block-search__searchfield-hidden)) { position: relative; }
  .sdiv-search.sdiv-has-suggest { position: static; }
  .sdiv-search .sdiv-suggest { left: 0; right: 0; width: auto; }
}
.sdiv-suggest__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--wp--preset--color--contrast);
}
.sdiv-suggest__item:hover,
.sdiv-suggest__item[aria-selected="true"] { background: var(--wp--preset--color--surface); }
.sdiv-suggest__thumb {
  flex: 0 0 40px;
  width: 40px;
  height: 50px;
  border-radius: 6px;
  object-fit: cover;
  background: var(--wp--preset--color--surface);
}
.sdiv-suggest__text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sdiv-suggest__title {
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
.sdiv-suggest__title mark { background: none; color: var(--sdiv-green); font-weight: 700; }
.sdiv-suggest__meta { font-size: 12px; color: var(--wp--preset--color--muted); }
.sdiv-suggest__all {
  display: block;
  margin-top: 4px;
  padding: 10px 8px 6px;
  border-top: 1px solid var(--sdiv-hairline);
  font-size: 14px;
  font-weight: 600;
  color: var(--sdiv-green);
  text-decoration: none;
}
.sdiv-suggest__all:hover { text-decoration: underline; }
.sdiv-suggest__empty { padding: 12px 8px; font-size: 14px; color: var(--wp--preset--color--muted); }

/* Kommentarer, avskalat. */
.sdiv-comments { padding-top: 40px; margin-top: 8px; border-top: 1px solid var(--sdiv-hairline); }
.sdiv-comments .wp-block-comment-template { list-style: none; padding: 0; margin: 0; }
.sdiv-comments .wp-block-comment-template > li { margin: 0 0 24px; }
.sdiv-comments .wp-block-comment-template .children { list-style: none; padding-left: 56px; margin-top: 16px; }
.sdiv-comments .wp-block-comment-content p { margin: 0 0 8px; font-size: 16px; }
.sdiv-comments .wp-block-comment-reply-link a { font-size: 13px; }
.sdiv-comments input[type="text"],
.sdiv-comments input[type="email"],
.sdiv-comments input[type="url"],
.sdiv-comments textarea {
  width: 100%;
  border: 1px solid var(--sdiv-hairline);
  border-radius: 10px;
  padding: 10px 12px;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
}
.sdiv-comments .submit {
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 600;
  cursor: pointer;
}

/* Fler recept. */
.sdiv-related { padding-top: 56px; margin-top: 16px; border-top: 1px solid var(--sdiv-hairline); }
.sdiv-related .wp-block-post-featured-image img {
  border-radius: 12px;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.sdiv-related .wp-block-post-title { font-size: 22px; margin-top: 12px; }

/* ---------- Arkiv, sök, 404 ---------- */
.sdiv-archive-head { padding-top: 32px; }
.sdiv-archive-head .wp-block-query-title { margin: 0; }
.sdiv-archive-head .wp-block-term-description { color: var(--wp--preset--color--muted); }
.sdiv-404 { padding: 64px 0 96px; text-align: center; }
.sdiv-404 .wp-block-search__inside-wrapper { max-width: 420px; margin: 0 auto; }

/* Sökformulär i brödtexten (sök- och 404-sidan). */
.sdiv-search-inline .wp-block-search__input {
  border: 1px solid var(--sdiv-hairline);
  border-radius: 999px 0 0 999px;
  padding: 12px 18px;
  background: #fff;
  font-family: inherit;
  font-size: 16px;
}
.sdiv-search-inline .wp-block-search__button {
  border: 0;
  border-radius: 0 999px 999px 0;
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding: 12px 20px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 0;
}
.sdiv-search-inline .wp-block-search__button:hover { background: var(--sdiv-green); }

/* ---------- Receptdel: enhetlig ruta för ingredienser och numrerade steg ---------- */
.entry-content .sdiv-ingredients,
.wp-block-post-content .sdiv-ingredients {
  background: var(--wp--preset--color--cream-light);
  border: 1px solid var(--sdiv-hairline);
  border-radius: var(--sdiv-radius);
  padding: 22px 26px 18px;
  margin-block: 32px;
}
.sdiv-ingredients > * { margin-block: 0; }
.sdiv-ingredients > * + * { margin-top: 10px; }
.sdiv-ingredients h3,
.sdiv-steps h3 { font-size: 24px; line-height: 1.2; margin: 0 0 12px; }
.sdiv-ingredients h4 {
  font-family: var(--wp--preset--font-family--instrument-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sdiv-green);
  margin-top: 20px;
}
.sdiv-ingredients ul { list-style: none; padding: 0; }
.sdiv-ingredients li {
  position: relative;
  padding: 7px 0 7px 20px;
  border-bottom: 1px dashed var(--sdiv-hairline);
  font-size: 16px;
  line-height: 1.5;
}
.sdiv-ingredients li:last-child { border-bottom: 0; }
.sdiv-ingredients li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.95em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sdiv-green);
}
.sdiv-ingredients p { font-size: 16px; }
.sdiv-steps { margin-block: 32px; }
.sdiv-steps > * { margin-block: 0; }
.sdiv-steps > * + * { margin-top: 12px; }
.sdiv-steps ol { list-style: none; counter-reset: sdiv-step; padding: 0; }
.sdiv-steps ol > li {
  counter-increment: sdiv-step;
  position: relative;
  padding-left: 48px;
  margin: 0 0 18px;
  min-height: 32px;
}
.sdiv-steps ol > li::before {
  content: counter(sdiv-step);
  position: absolute;
  left: 0;
  top: -1px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--sdiv-green);
  color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--fraunces);
  font-weight: 600;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 599px) {
  .entry-content .sdiv-ingredients, .wp-block-post-content .sdiv-ingredients { padding: 18px 18px 14px; }
  .sdiv-steps ol > li { padding-left: 42px; }
}

/* Om oss: bilden på Elina och Dennis. */
.sdiv-about-photo { max-width: 320px; }
.sdiv-about-photo img { border-radius: var(--sdiv-radius); display: block; }
@media (min-width: 782px) { .wp-block-post-content .sdiv-about-photo, .entry-content .sdiv-about-photo { float: left; margin: 6px 32px 16px 0 !important; } }
.wp-block-post-content::after { content: ""; display: table; clear: both; }

/* ---------- Sidfot ---------- */
.sdiv-footer { margin-top: auto; }
.sdiv-footer a { color: var(--wp--preset--color--cream-light); text-decoration: none; }
.sdiv-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sdiv-footer__title {
  font-family: var(--wp--preset--font-family--fraunces);
  font-weight: 500;
  font-size: 26px;
  color: var(--wp--preset--color--cream-light);
}
.sdiv-footer__brand { max-width: 420px; }
.sdiv-footer__logo { margin: 0 0 16px; }
.sdiv-footer__logo img { width: 120px; height: auto; display: block; }
.sdiv-footer__blurb { font-size: 15px; line-height: 1.6; color: #b8b2a3; margin: 0; }
.sdiv-footer__links { gap: 48px; }
.sdiv-footer__col p { margin: 0 0 10px; font-size: 15px; }
.sdiv-footer__fine { font-size: 13px; color: #8f897a; margin: 0; }

/* Sajten ska alltid fylla fönstret så sidfoten hamnar längst ner. */
.wp-site-blocks {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wp-site-blocks > main { flex: 1 0 auto; }

/* ---------- Mobil ---------- */
@media (max-width: 599px) {
  .sdiv-header__row { min-height: 60px; padding-top: 6px; padding-bottom: 6px; }
  .sdiv-brand__logo img { width: 47px; margin-top: -5px; }
  .sdiv-brand .wp-block-site-title { font-size: 20px; }
  .sdiv-nav .sdiv-nav__ig { display: none !important; }
  .sdiv-hero { padding-top: 24px; text-align: left; }
  .sdiv-hero .has-text-align-center { text-align: left; }
  .sdiv-hero .sdiv-lead { margin-left: 0; }
  .sdiv-post-footer { flex-direction: column; align-items: flex-start; }
  .sdiv-related .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---------- Redigeraren ---------- */
.editor-styles-wrapper .sdiv-header { position: static; }