/* ============================================================
   Hjemmelaget Rustikk
   Tokens kopiert fra lokalbonden.no frontend/app/theme.css (:root).
   Foreldretemaet (recipes-blog) er mørkt med mye hardkodet #fff/#101010,
   så flatene snus her eksplisitt - ikke bare via variablene.
   ============================================================ */
:root {
  --rk-bg: #f6eedf;
  --rk-bg-elevated: #efe3cc;
  --rk-bg-elevated-2: #e7d6af;
  --rk-ink: #2c3726;
  --rk-ink-soft: #5c6a52;
  --rk-accent: #3f5d3a;
  --rk-accent-contrast: #f6eedf;
  --rk-accent-2: #c1502e;
  --rk-accent-2-contrast: #fbf1e4;
  --rk-accent-3: #c1873c;
  --rk-accent-3-contrast: #2c2007;
  --rk-line: #decba1;
  --rk-shadow: 0 20px 40px -26px rgba(44, 32, 10, 0.55);
  --rk-shadow-soft: 0 10px 22px -16px rgba(44, 32, 10, 0.4);
  --rk-radius-card: 22px;
  --rk-radius-pill: 999px;
  --rk-radius-input: 14px;
  --rk-tracking-label: 0.09em;
  --rk-font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --rk-font-body: 'Karla', 'Segoe UI', system-ui, sans-serif;

  /* Foreldrets variabler. --background-color-white brukes som TEKSTfarge i kort. */
  --primary-color: var(--rk-accent);
  --theme-color: var(--rk-accent);
  --header-text-color: var(--rk-ink);
  --font-heading: var(--rk-font-display);
  --font-main: var(--rk-font-body);
  --background-color-white: var(--rk-ink);
  --background-color-grey: var(--rk-bg-elevated);
  --background-color-light-grey: var(--rk-bg-elevated);
  --background-color-dark: var(--rk-ink-soft);
  --color-text-main: var(--rk-ink);
  --color-text-white: var(--rk-ink);
  --text-color-normal: var(--rk-ink);
  --footer-top-background: var(--rk-bg-elevated);
  --footer-top-color: var(--rk-ink);
  --footer-bottom-background: var(--rk-bg-elevated-2);
  --footer-bottom-color: var(--rk-ink);
  --input-border-color: var(--rk-line);
  --border-round-button: var(--rk-radius-pill);
  color-scheme: light;
}

/* ---------- Grunnflate og typografi ---------- */
body,
body.asterthemes-boxed-layout .asterthemes-site-wrapper {
  background: var(--rk-bg);
  color: var(--rk-ink);
  box-shadow: none;
}
body,
button,
input,
select,
optgroup,
textarea,
p,
.site-description {
  font-family: var(--rk-font-body) !important;
}
body { font-size: 1.0625rem; line-height: 1.65; }

h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title,
.widgettitle,
h2.wp-block-heading,
.site-title,
p.site-title,
.mag-post-single .mag-post-detail .mag-post-title a {
  font-family: var(--rk-font-display) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--rk-ink);
}
.site-title a,
p.site-title a { color: var(--rk-accent) !important; }

a { color: var(--rk-accent); }
a:hover, a:focus, a:active { color: var(--rk-accent-2); }
:focus-visible { outline: 2px solid var(--rk-accent-2); outline-offset: 2px; }

::selection { background: var(--rk-accent-3); color: var(--rk-accent-3-contrast); }

pre,
.entry-content .wp-block-code code,
.entry-content .wp-block-code .editor-plain-text {
  background: var(--rk-bg-elevated);
  color: var(--rk-ink);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-input);
}
.entry-content pre.wp-block-verse { background: var(--rk-bg-elevated); }

blockquote,
.wp-block-quote {
  border-left: 4px solid var(--rk-accent-3);
  background: var(--rk-bg-elevated);
  border-radius: 0 var(--rk-radius-input) var(--rk-radius-input) 0;
  padding: 1rem 1.4rem;
  font-family: var(--rk-font-display);
  font-style: italic;
  font-weight: 500;
}

/* ---------- Topp og meny ---------- */
header.site-header .header-main-wrapper .top-header-part::before { background-color: var(--rk-accent); }
.top-header-part .bottom-header-part-wrapper {
  color: var(--rk-accent-contrast);
  letter-spacing: var(--rk-tracking-label);
  font-size: 0.78rem;
}
header.site-header .header-main-wrapper:not(.transparent-header),
header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper,
header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header,
.sticky-header.is-sticky {
  background: var(--rk-bg) !important;
}
header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper {
  border-block: 1px solid var(--rk-line);
}
/* Gjennomsiktig bare i den vanlige menylinja - på mobil er det samme elementet
   en skuff som glir inn fra høyre og MÅ ha egen bakgrunn. */
@media (min-width: 1200px) {
  .main-navigation .main-menu { background-color: transparent; border-right: 0; }
}
@media (min-width: 992px) {
  #site-navigation .main-navigation-links { background-color: transparent; border-right: 0; }
}
@media (max-width: 1199.98px) {
  .main-navigation .main-menu {
    background-color: var(--rk-bg);
    border-left: 1px solid var(--rk-line);
    border-right: 0;
    box-shadow: -20px 0 40px -20px rgba(44, 32, 10, 0.45);
  }
}
@media (max-width: 991px) {
  #site-navigation .main-navigation-links {
    background-color: var(--rk-bg);
    border-left: 1px solid var(--rk-line);
    border-right: 0;
    box-shadow: -20px 0 40px -20px rgba(44, 32, 10, 0.45);
    z-index: 17;
  }
  #site-navigation .main-navigation-links ul li a {
    display: block;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--rk-line);
    font-size: 1.05rem;
  }
  #site-navigation .main-navigation-links ul ul {
    background: var(--rk-bg-elevated);
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #site-navigation .main-navigation-links ul ul a {
    background: transparent;
    padding-left: 2.25rem;
    font-size: 0.98rem;
  }
  #site-navigation.toggled .main-navigation-links li.current-menu-item > a { color: var(--rk-accent-2); }
}
.main-navigation a,
.main-navigation ul a,
body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a {
  color: var(--rk-ink);
  font-weight: 600;
  opacity: 1;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
  color: var(--rk-accent-2);
}
.main-navigation ul ul {
  background: var(--rk-bg);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-input);
  box-shadow: var(--rk-shadow-soft);
  overflow: hidden;
}
.main-navigation ul ul a,
.home .main-navigation ul ul a {
  background-color: var(--rk-bg);
  color: var(--rk-ink);
  border-bottom: 1px solid var(--rk-line);
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
  background-color: var(--rk-bg-elevated);
  color: var(--rk-accent-2);
}
.menu-toggle span { background-color: var(--rk-ink) !important; }

/* ---------- Sidetittel-felt ("Blogs", arkivtitler) ---------- */
.page-header {
  background: var(--rk-bg-elevated) !important;
  border-bottom: 1px solid var(--rk-line);
}
.page-header h1,
.page-header .page-title { color: var(--rk-ink); }

/* ---------- Brødsmuler ---------- */
nav.breadcrumb-trail ul.trail-items,
nav.breadcrumb-trail ul.trail-items li a {
  color: var(--rk-ink-soft);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: var(--rk-tracking-label);
}
nav.breadcrumb-trail ul.trail-items li a:hover { color: var(--rk-accent-2); }

/* ---------- Innleggskort ---------- */
.mag-post-single,
.related-posts .mag-post-single {
  background: var(--rk-bg-elevated);
  color: var(--rk-ink);
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-card);
  box-shadow: var(--rk-shadow);
  padding: 22px;
}
.mag-post-single img { border-radius: calc(var(--rk-radius-card) - 8px); }
.sticky .mag-post-single:before { border-radius: var(--rk-radius-card); opacity: 0.12; }

.mag-post-single .mag-post-detail .mag-post-title a { color: var(--rk-ink); }
.mag-post-single .mag-post-detail .mag-post-title a:hover,
.mag-post-single .mag-post-detail .mag-post-title a:focus { color: var(--rk-accent-2); }
.mag-post-single .mag-post-detail .mag-post-excerpt { color: var(--rk-ink); }

.mag-post-single .mag-post-detail .mag-post-meta,
.mag-post-single .mag-post-detail .mag-post-meta a,
.mag-post-single .mag-post-detail .mag-post-meta span,
.blog .mag-post-single .mag-post-detail .mag-post-meta a {
  color: var(--rk-ink-soft) !important;
  font-size: 0.9rem;
}
.mag-post-single .mag-post-detail .mag-post-meta .fas,
.mag-post-single .mag-post-detail .mag-post-meta .far { color: var(--rk-accent-3); }

/* Kategori-merker som små piller (rustikk "label"-stil) */
.mag-post-category a {
  background: var(--rk-accent-3);
  color: var(--rk-accent-3-contrast) !important;
  border-radius: var(--rk-radius-pill);
  padding: 0.3rem 0.8rem;
  margin: 0 6px 8px 0;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--rk-tracking-label);
}
.mag-post-category a::after { content: none; }
.mag-post-category a:hover,
.mag-post-category a:focus {
  background: var(--rk-accent-2);
  color: var(--rk-accent-2-contrast) !important;
}

/* ---------- Knapper og skjema ---------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.asterthemes-button,
.read-more-button,
.wp-block-button__link,
.paganot-found-button a,
.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button,
a.recipes-blog-scroll-to-top {
  background-color: var(--rk-accent) !important;
  color: var(--rk-accent-contrast) !important;
  border: 0;
  border-radius: var(--rk-radius-pill) !important;
  font-family: var(--rk-font-body);
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: var(--rk-shadow-soft);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.asterthemes-button:hover,
.read-more-button:hover,
.wp-block-button__link:hover,
.paganot-found-button a:hover,
a.recipes-blog-scroll-to-top:hover {
  background-color: var(--rk-accent-2) !important;
  color: var(--rk-accent-2-contrast) !important;
}
.menu-toggle { background: transparent !important; box-shadow: none; }
.read-more-button {
  padding: 0.55rem 1.25rem !important;
  gap: 0.4rem;
  margin-top: 0.9rem;
  font-size: 0.92rem;
}
.mag-post-single .mag-post-detail .mag-post-excerpt p { font-size: 1rem; line-height: 1.6; }

/* «Eldre innlegg» / «Nyere innlegg» */
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-pill);
  background: var(--rk-bg-elevated);
  padding: 0.6rem 1.3rem;
  font-weight: 700;
}
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
  background: var(--rk-accent);
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent-contrast) !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select,
.search-form .search-field {
  background: var(--rk-bg);
  color: var(--rk-ink);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-input);
}
input:focus,
textarea:focus,
select:focus { border-color: var(--rk-accent); outline: none; box-shadow: 0 0 0 3px rgba(63, 93, 58, 0.18); }
.search-form { display: flex; gap: 0.5rem; }
.search-form .search-field,
.search-form .search-submit { border-radius: var(--rk-radius-pill) !important; }

/* ---------- Sidekolonne og widgets ---------- */
.right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area,
.left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area,
.right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area .widget,
.left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area .widget {
  color: var(--rk-ink);
}
.right-sidebar .asterthemes-wrapper .asterthemes-page .widget,
.left-sidebar .asterthemes-wrapper .asterthemes-page .widget {
  background-color: var(--rk-bg-elevated);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-card);
  box-shadow: var(--rk-shadow-soft);
}
.widget-title,
.widgettitle {
  font-size: 1.35rem;
  color: var(--rk-ink);
}
.widget ol:not(.recipes-blog-tabs) li,
.widget ul:not(.recipes-blog-tabs) li { color: var(--rk-ink); border-color: var(--rk-line); }
.widget a { color: var(--rk-ink); }
.widget a:hover,
.widget a:focus,
.widget > ul > li a:hover,
.widget > ol > li a:hover { color: var(--rk-accent-2); }

.tag-cloud a,
.wp-block-tag-cloud a,
.tagcloud a,
.entry-footer .tags-links a,
.site-footer .wp-block-tag-cloud a,
.site-footer .tagcloud a {
  color: var(--rk-ink) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-pill);
  background: var(--rk-bg);
}
.tag-cloud a:hover,
.wp-block-tag-cloud a:hover,
.tagcloud a:hover,
.entry-footer .tags-links a:hover {
  color: var(--rk-accent-contrast) !important;
  background: var(--rk-accent);
  border-color: var(--rk-accent) !important;
}

.wp-calendar-table caption,
.wp-calendar-table th,
.wp-calendar-table td { color: var(--rk-ink); border-color: var(--rk-line); }

/* ---------- Enkeltinnlegg og sider ---------- */
.site-main article .entry-header .entry-title,
.site-main article .entry-header .entry-title a { color: var(--rk-ink); }
.site-main article .entry-meta span,
.site-main article .entry-meta span a,
.site-main article .entry-footer span,
.site-main article .entry-footer span a { color: var(--rk-ink-soft); }
.site-main article .entry-meta span a:hover,
.site-main article .entry-footer span a:hover { color: var(--rk-accent-2); }
.entry-content a {
  color: var(--rk-accent);
  text-decoration-color: var(--rk-accent-3);
  text-underline-offset: 3px;
}
.entry-content a:hover { color: var(--rk-accent-2); }
.entry-content img,
.post-thumbnail img { border-radius: var(--rk-radius-input); }
.entry-content hr,
.wp-block-separator { border-color: var(--rk-line); background-color: var(--rk-line); }
.entry-content table th,
.entry-content table td { border-color: var(--rk-line); }

.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a,
.nav-next a { color: var(--rk-ink); }
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a { color: var(--rk-accent); }
.post-navigation a:hover,
.posts-navigation a:hover,
.nav-next a:hover { color: var(--rk-accent-2); }

nav.navigation.pagination .nav-links span,
nav.navigation.pagination .nav-links a {
  color: var(--rk-ink);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-pill);
  background: var(--rk-bg-elevated);
}
nav.navigation.pagination .nav-links span.current,
nav.navigation.pagination .nav-links a:hover {
  background: var(--rk-accent);
  border-color: var(--rk-accent);
  color: var(--rk-accent-contrast);
}

.comment-body {
  background-color: var(--rk-bg-elevated);
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-card);
}
.comment-meta .comment-metadata,
.comment-meta .comment-metadata a { color: var(--rk-ink-soft); }
.reply a,
.comment-content a,
.comment-author .url,
.comment-form > p a { color: var(--rk-accent); }

/* Jetpack «relaterte innlegg» / YARPP */
.yarpp-related .yarpp-thumbnail-title,
.yarpp-related a,
#jp-relatedposts h3.jp-relatedposts-headline,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { color: var(--rk-ink) !important; }
.yarpp-related h3,
#jp-relatedposts h3.jp-relatedposts-headline em {
  font-family: var(--rk-font-display) !important;
  text-transform: none !important;
}

/* ---------- WP Recipe Maker (Meadow-malen) ----------
   Malen er bygget på tre variabler; resten er overstyringer av hvit bunn,
   Inter-skrift og understrekede knapper. */
.wprm-recipe-template-meadow {
  /* !important: malen setter de samme variablene på samme selektor senere i siden */
  --meadow-accent-color: var(--rk-accent) !important;
  --meadow-list-border-color: var(--rk-line) !important;
  --meadow-main-background-color: var(--rk-bg-elevated) !important;
  background-color: var(--rk-bg) !important;
  color: var(--rk-ink) !important;
  font-family: var(--rk-font-body) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-card);
  box-shadow: var(--rk-shadow);
  overflow: hidden;
}
.wprm-recipe-template-meadow p,
.wprm-recipe-template-meadow li,
.wprm-recipe-template-meadow .wprm-recipe-header *,
.wprm-recipe-template-meadow .wprm-recipe-details-label,
.wprm-recipe-template-meadow .wprm-recipe-details,
.wprm-recipe-template-meadow .wprm-recipe-details-unit {
  font-family: var(--rk-font-body) !important;
  color: var(--rk-ink);
}
.wprm-recipe-template-meadow .wprm-recipe-name,
.wprm-recipe-template-meadow .wprm-recipe-header,
.wprm-recipe-template-meadow h1,
.wprm-recipe-template-meadow h2,
.wprm-recipe-template-meadow h3 {
  font-family: var(--rk-font-display) !important;
  font-weight: 600 !important;
  color: var(--rk-ink) !important;
  letter-spacing: -0.01em;
}
.wprm-recipe-template-meadow a { color: var(--rk-accent); }
.wprm-recipe-template-meadow .wprm-recipe-image img { border-radius: var(--rk-radius-input) !important; }

/* Forfatternavnet over tittelen som liten etikett */
.wprm-recipe-template-meadow .meadow-header-accent,
.wprm-recipe-template-meadow .meadow-header-accent * {
  color: var(--rk-accent-2) !important;
  text-transform: uppercase;
  letter-spacing: var(--rk-tracking-label);
  font-size: 0.78rem;
  font-weight: 700;
}

/* Skriv ut / Pin som pilleknapper */
.wprm-recipe-template-meadow a.wprm-recipe-link.wprm-recipe-link-inline-button {
  background: var(--rk-accent) !important;
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent-contrast) !important;
  text-decoration: none !important;
  padding: 0.45rem 1.1rem !important;
  border-radius: var(--rk-radius-pill) !important;
  font-family: var(--rk-font-body);
  font-weight: 700;
}
.wprm-recipe-template-meadow a.wprm-recipe-pin.wprm-recipe-link-inline-button {
  background: transparent !important;
  color: var(--rk-accent) !important;
}
.wprm-recipe-template-meadow a.wprm-recipe-link.wprm-recipe-link-inline-button:hover {
  background: var(--rk-accent-2) !important;
  border-color: var(--rk-accent-2) !important;
  color: var(--rk-accent-2-contrast) !important;
}

/* Tider-tabellen og pillene (porsjoner, rett) */
.wprm-recipe-template-meadow .wprm-recipe-times-container { border-color: var(--rk-line) !important; }
.wprm-recipe-template-meadow .wprm-recipe-times-container .wprm-recipe-details-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--rk-tracking-label);
  color: var(--rk-ink-soft) !important;
}
.wprm-recipe-template-meadow .wprm-recipe-meta-container-pill {
  --pill-background-color: var(--rk-accent-3) !important;
}
.wprm-recipe-template-meadow .wprm-recipe-meta-container-pill .wprm-recipe-block-container,
.wprm-recipe-template-meadow .wprm-recipe-meta-container-pill .wprm-recipe-block-container * {
  color: var(--rk-accent-3-contrast) !important;
  font-weight: 700;
}

/* Hoppelenkene (Ingredienser / Fremgangsmåte) og ingredienslisten */
.wprm-recipe-template-meadow .wprm-recipe-jump-to-section {
  background: var(--rk-bg) !important;
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-input) !important;
}
.wprm-recipe-template-meadow .wprm-recipe-ingredients-container .wprm-internal-container,
.wprm-recipe-template-meadow .wprm-internal-container {
  background: var(--rk-bg) !important;
  border-radius: var(--rk-radius-input) !important;
  border: 1px solid var(--rk-line);
}
.wprm-recipe-template-meadow .wprm-recipe-ingredient-amount,
.wprm-recipe-template-meadow .wprm-recipe-ingredient-unit,
.wprm-recipe-template-meadow .wprm-recipe-ingredient-name { color: var(--rk-ink) !important; }
.wprm-recipe-template-meadow .wprm-recipe-ingredient-notes { color: var(--rk-ink-soft) !important; }
.wprm-recipe-template-meadow .wprm-recipe-instruction::marker {
  color: var(--rk-accent-2);
  font-family: var(--rk-font-display);
  font-weight: 600;
}

/* ---------- Stikkord under innlegg og forrige/neste-lenker ---------- */
/* Kommaene mellom stikkordene fjernes i functions.php (gettext_with_context). */
.site-main article .entry-footer .tags-links a {
  font-size: 0.85rem;
  display: inline-block;
  margin: 0 0.35rem 0.4rem 0;
  padding: 0.25rem 0.8rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-pill);
  background: var(--rk-bg-elevated);
  padding: 0.6rem 1.3rem;
  font-weight: 700;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: var(--rk-accent);
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent-contrast) !important;
}

/* ---------- Bunntekst ---------- */
.site-footer { background: var(--rk-bg-elevated); color: var(--rk-ink); border-top: 1px solid var(--rk-line); }
.site-footer .site-footer-top { background-color: var(--rk-bg-elevated) !important; }
.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single,
.site-footer .widget,
.site-footer .widget li { color: var(--rk-ink); }
.site-footer .widget-title,
.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title {
  color: var(--rk-accent);
  font-size: 1.2rem;
}
.site-footer .site-footer-bottom::before { background: var(--rk-bg-elevated-2); }
.site-footer .site-footer-bottom { border-top-color: var(--rk-line); color: var(--rk-ink-soft); }
.site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a,
.site-footer-bottom-wrapper ul.social-links li a { color: var(--rk-ink); }
.site-footer a:hover,
.site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover { color: var(--rk-accent-2); }
.socialicons { background-color: var(--rk-accent); }
.socialicons a,
.widget_recipes_blog_social_icons ul.social-links a,
.widget.widget_recipes_blog_social_icons .social-links li a { color: var(--rk-accent-contrast); }

/* ---------- Diverse ---------- */
.banner-section.banner-style-1 .banner-single .banner-img::after { background-color: var(--rk-ink); }
.recipes-blog-carousel-navigation .slick-dots li button { background-color: var(--rk-line); }
.recipes-blog-carousel-navigation .slick-dots li button:hover,
.recipes-blog-carousel-navigation .slick-dots li.slick-active button { background-color: var(--rk-accent); }
#loader.style2 .dot,
#loader.style3 .bar { background-color: var(--rk-accent); }
#preloader,
.preloader { background: var(--rk-bg) !important; }
.screen-reader-text:focus { background-color: var(--rk-bg); color: var(--rk-ink); }

/* ---------- Toppbilde på forsiden (template-parts/toppbilde.php) ---------- */
.rk-toppbilde {
  padding: clamp(1.5rem, 4vw, 3rem) 0 clamp(1rem, 3vw, 2rem);
}
.rk-toppbilde-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
}
.rk-toppbilde .rk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: var(--rk-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: var(--rk-tracking-label);
  text-transform: uppercase;
  color: var(--rk-accent-2);
}
.rk-toppbilde .rk-eyebrow::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--rk-accent-3);
}
.rk-toppbilde h1 {
  margin: 0.7rem 0 1rem;
  font-family: var(--rk-font-display);
  font-size: clamp(2.3rem, 4.6vw, 3.4rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--rk-ink);
}
.rk-toppbilde h1 em {
  font-style: italic;
  font-weight: 500;
  color: var(--rk-accent);
}
.rk-toppbilde .rk-lede {
  max-width: 34rem;
  margin: 0 0 1.5rem;
  font-size: 1.08rem;
  line-height: 1.6;
  color: var(--rk-ink-soft);
}
.rk-toppbilde-knapper { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.rk-knapp {
  display: inline-block;
  padding: 0.75rem 1.4rem;
  border: 2px solid var(--rk-accent);
  border-radius: var(--rk-radius-pill);
  background: var(--rk-accent);
  color: var(--rk-accent-contrast) !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.rk-knapp:hover,
.rk-knapp:focus-visible { background: var(--rk-accent-2); border-color: var(--rk-accent-2); }
.rk-knapp.rk-knapp-ramme { background: transparent; color: var(--rk-accent) !important; }
.rk-knapp.rk-knapp-ramme:hover,
.rk-knapp.rk-knapp-ramme:focus-visible { background: transparent; border-color: var(--rk-accent-2); color: var(--rk-accent-2) !important; }
.rk-toppbilde-bilde {
  margin: 0;
  border: 1px solid var(--rk-line);
  border-radius: var(--rk-radius-card);
  overflow: hidden;
  box-shadow: var(--rk-shadow);
  background: var(--rk-bg-elevated);
}
.rk-toppbilde-bilde img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .rk-toppbilde-inner { grid-template-columns: 1fr; }
  .rk-toppbilde-bilde { order: -1; }
}
header.site-header .header-main-wrapper .bottom-header-outer-wrapper {
  background-size: cover;
  background-position: center bottom !important;
}
.rk-toppbilde + #content .asterthemes-page { margin-top: 1rem; }

/* ---------- WPRM: «Gå til oppskrift»-knapper øverst i innlegget ---------- */
/* Knappene får farger som inline-stil fra snippet-malen, derav !important. */
.wprm-recipe-snippet {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0 0 1.5rem;
}
.wprm-recipe-snippet a.wprm-recipe-link-inline-button {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  margin: 0 !important;
  padding: 0.55rem 1.1rem !important;
  border: 2px solid var(--rk-accent) !important;
  border-radius: var(--rk-radius-pill) !important;
  background: var(--rk-accent) !important;
  color: var(--rk-accent-contrast) !important;
  font-family: var(--rk-font-body);
  font-weight: 600;
  text-decoration: none !important;
}
.wprm-recipe-snippet a.wprm-recipe-print {
  background: transparent !important;
  color: var(--rk-accent) !important;
}
.wprm-recipe-snippet a.wprm-recipe-link-inline-button:hover,
.wprm-recipe-snippet a.wprm-recipe-link-inline-button:focus-visible {
  background: var(--rk-accent-2) !important;
  border-color: var(--rk-accent-2) !important;
  color: var(--rk-accent-2-contrast) !important;
}
.wprm-recipe-snippet a.wprm-recipe-link-inline-button svg g,
.wprm-recipe-snippet a.wprm-recipe-link-inline-button svg path { fill: currentColor !important; }

/* ---------- WPRM: stjerner i kommentarskjemaet ---------- */
body { --comment-rating-star-color: var(--rk-accent-3); }
.comment-form-wprm-rating label { font-weight: 600; color: var(--rk-ink); }
/* Jetpacks delingsknapper havner i utdragene til relaterte innlegg. */
.related-posts .sharedaddy { display: none; }