/* -------------------------------------------------- */
/* FONT IMPORTS */
/* -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');

/* -------------------------------------------------- */
/* GLOBAL COLORS AND FONTS */
/* -------------------------------------------------- */
body {
  font-family: 'Lato', sans-serif;
  color: #f5f5f5;
  background-color: #0a0707;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: #ffffff;
}

/* -------------------------------------------------- */
/* LINKS AND BUTTONS */
/* -------------------------------------------------- */
a {
  color: #e5c07b;
  transition: color 0.3s ease;
}

a:hover {
  color: #ffffff;
}

.wp-block-button__link {
  background-color: #222;
  border-radius: 2em;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
  color: #f5f5f5;
}

.wp-block-button__link:hover {
  background-color: #333;
}

/* -------------------------------------------------- */
/* HEADER */
/* -------------------------------------------------- */
.site-header {
  border-bottom: none !important;
}

.site-logo img {
  max-width: 120px;
}

/* -------------------------------------------------- */
/* FOOTER */
/* -------------------------------------------------- */
.site-footer,
#colophon {
  border-top: none !important;
}

.site-footer hr,
.site-footer .wp-block-separator,
.site-footer .separator {
  display: none !important;
}

.site-footer .site-info,
.site-footer .powered-by-wordpress,
.site-footer .powered-by {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

body,
.site-footer {
  --global--color-border: transparent !important;
}

/* -------------------------------------------------- */
/* FRONT PAGE LINK STYLING (Paragraph links) */
/* -------------------------------------------------- */

/* Make paragraph links look like a styled navigation */
.page-id-1168 .wp-block-paragraph a {
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #e5c07b;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}

.page-id-1168 .wp-block-paragraph a:hover {
  color: #ffffff;
}

/* Center all paragraph links and tighten spacing */
.page-id-1168 .wp-block-paragraph {
  text-align: center;
  margin-bottom: 0.4rem;
}
/* -------------------------------------------------- */
/* FRONT PAGE LINK STYLING — larger + bold */
/* -------------------------------------------------- */

.page-id-1168 .entry-content p a,
.home .entry-content p a,
.page-id-1168 .wp-block-paragraph a {
  font-family: 'Lato', sans-serif !important;
  font-size: 1.9rem !important; /* 50% bigger than before */
  font-weight: 700 !important;  /* bold */
  color: #e5c07b !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
}

.page-id-1168 .entry-content p a:hover,
.home .entry-content p a:hover,
.page-id-1168 .wp-block-paragraph a:hover {
  color: #ffffff !important;
}

.page-id-1168 .entry-content p,
.home .entry-content p,
.page-id-1168 .wp-block-paragraph {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}

.page-id-1168 .entry-content > * + *,
.home .entry-content > * + * {
  margin-top: 0.5rem !important;
}
/* -------------------------------------------------- */
/* FRONT PAGE LINK ALIGNMENT — left-aligned rows */
/* -------------------------------------------------- */

/* Keep the overall group centered but align link text to the left */
.page-id-1168 .entry-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* centers the whole block horizontally */
}

.page-id-1168 .entry-content p {
  width: 16em; /* controls how wide each “row” is */
  text-align: left !important;
}
/* -------------------------------------------------- */
/* FRONT PAGE POSITIONING — raise the link group */
/* -------------------------------------------------- */

/* Reduce top margin/padding of the main content area */
.page-id-1168 .site-main,
.page-id-1168 .entry-content {
  margin-top: 0rem !important;   /* previously about 4–6rem */
  padding-top: 0 !important;
}
/* -------------------------------------------------- */
/* FRONT PAGE LINK SPACING — tighter rows */
/* -------------------------------------------------- */

/* Reduce space between paragraph rows on the front page */
.page-id-1168 .entry-content p {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}
/* -------------------------------------------------- */
/* FOOTER SEARCH — DARK PANEL WITH GOLD ACCENT */
/* -------------------------------------------------- */

.footer-search-container {
  background-color: #0f0c0c; /* slightly darker than page */
  border: 1px solid #e5c07b; /* gold accent */
  border-radius: 12px;
  padding: 1.2rem 1.4rem;
  max-width: 420px;
  margin: 2rem auto 0 auto; /* center it */
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
}

/* Search input field */
.footer-search-container input[type="search"] {
  background-color: #0a0707;
  color: #f5f5f5;
  border: none;
  border-bottom: 1px solid #e5c07b;
  border-radius: 0;
  padding: 0.6rem 0.4rem;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  width: 100%;
}

/* Placeholder text */
.footer-search-container input::placeholder {
  color: #999;
}

/* Search button */
.footer-search-container button,
.footer-search-container input[type="submit"] {
  background-color: transparent;
  color: #e5c07b;
  border: none;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}

.footer-search-container button:hover,
.footer-search-container input[type="submit"]:hover {
  color: #ffffff;
}
/* -------------------------------------------------- */
/* RESPONSIVE TWEAKS — MOBILE FRONT PAGE */
/* -------------------------------------------------- */

@media (max-width: 600px) {

  /* Slightly smaller logo on mobile */
  .site-logo img {
    max-width: 96px;
  }

  /* Front page link block: keep centered as a group, but allow flexible width */
  .page-id-1168 .entry-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Allow rows to use available width (instead of fixed 16em) */
  .page-id-1168 .entry-content p {
    width: min(18rem, 100%);
  }

  /* Reduce link size a bit on mobile while keeping bold styling */
  .page-id-1168 .entry-content p a,
  .home .entry-content p a,
  .page-id-1168 .wp-block-paragraph a {
    font-size: 1.55rem !important;
    letter-spacing: 0.8px !important;
  }

  /* Slightly tighter row spacing */
  .page-id-1168 .entry-content p {
    margin-top: 0.05rem !important;
    margin-bottom: 0.05rem !important;
  }

  /* If you styled the search container, make sure it fits well on mobile */
  .footer-search-container,
  .site-footer .wp-block-search {
    max-width: 92% !important;
    padding: 1rem 1rem !important;
  }
}

@media (max-width: 380px) {
  /* Extra small phones: reduce link size a touch more */
  .page-id-1168 .entry-content p a,
  .home .entry-content p a,
  .page-id-1168 .wp-block-paragraph a {
    font-size: 1.4rem !important;
    letter-spacing: 0.6px !important;
  }
}
/* ================================================================= */
/* CATEGORY PAGES (Snacks, Förrätter, etc.) — Scoped Query Loop Grid */
/* ================================================================= */

/* Page title (Snacks, Förrätter, ...) */
.page-id-48 .entry-title,
.page-id-64 .entry-title,
.page-id-68 .entry-title,
.page-id-71 .entry-title,
.page-id-74 .entry-title,
.page-id-78 .entry-title,
.page-id-81 .entry-title,
.page-id-84 .entry-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  margin: 1.5rem 0 1rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* ================================================================= */
/* CATEGORY PAGES — Gallery-based grids (scoped to specific Page IDs) */
/* ================================================================= */

/* Scope to your 8 category pages */
.page-id-48 .entry-content,
.page-id-64 .entry-content,
.page-id-68 .entry-content,
.page-id-71 .entry-content,
.page-id-74 .entry-content,
.page-id-78 .entry-content,
.page-id-81 .entry-content,
.page-id-84 .entry-content {}

/* Normalize spacing between gallery rows */
.page-id-48 .wp-block-gallery,
.page-id-64 .wp-block-gallery,
.page-id-68 .wp-block-gallery,
.page-id-71 .wp-block-gallery,
.page-id-74 .wp-block-gallery,
.page-id-78 .wp-block-gallery,
.page-id-81 .wp-block-gallery,
.page-id-84 .wp-block-gallery {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

/* Remove odd default spacing inside figures */
.page-id-48 .wp-block-gallery figure,
.page-id-64 .wp-block-gallery figure,
.page-id-68 .wp-block-gallery figure,
.page-id-71 .wp-block-gallery figure,
.page-id-74 .wp-block-gallery figure,
.page-id-78 .wp-block-gallery figure,
.page-id-81 .wp-block-gallery figure,
.page-id-84 .wp-block-gallery figure {
  margin: 0 !important;
}

/* Make each gallery item feel like a card */
.page-id-48 .wp-block-gallery figure a,
.page-id-64 .wp-block-gallery figure a,
.page-id-68 .wp-block-gallery figure a,
.page-id-71 .wp-block-gallery figure a,
.page-id-74 .wp-block-gallery figure a,
.page-id-78 .wp-block-gallery figure a,
.page-id-81 .wp-block-gallery figure a,
.page-id-84 .wp-block-gallery figure a {
  display: block;
  background: #0d0a0a;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  padding: 0.6rem; /* gives a frame around the image */
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

/* Force consistent image sizing */
.page-id-48 .wp-block-gallery figure img,
.page-id-64 .wp-block-gallery figure img,
.page-id-68 .wp-block-gallery figure img,
.page-id-71 .wp-block-gallery figure img,
.page-id-74 .wp-block-gallery figure img,
.page-id-78 .wp-block-gallery figure img,
.page-id-81 .wp-block-gallery figure img,
.page-id-84 .wp-block-gallery figure img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Hover glow on the card */
.page-id-48 .wp-block-gallery figure a:hover,
.page-id-64 .wp-block-gallery figure a:hover,
.page-id-68 .wp-block-gallery figure a:hover,
.page-id-71 .wp-block-gallery figure a:hover,
.page-id-74 .wp-block-gallery figure a:hover,
.page-id-78 .wp-block-gallery figure a:hover,
.page-id-81 .wp-block-gallery figure a:hover,
.page-id-84 .wp-block-gallery figure a:hover {
  border-color: #e5c07b;
  box-shadow: 0 0 18px rgba(229, 192, 123, 0.35);
  transform: translateY(-2px);
}
/* 
/* ================================================================= */
/* RECIPE PAGES — APPLY TO SINGLE CONTENT (Pages + Posts)            */
/* Excludes: Front page + category pages by ID                       */
/* ================================================================= */

/* Treat recipes as “all pages except front+category hubs” */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84),
body.single {
}

/* Layout width + breathing room */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content,
body.single .entry-content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

/* Title */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) h1.entry-title,
body.single h1.entry-title {
  font-family: 'Playfair Display', serif;
  text-align: center;
  font-size: 3rem;
  letter-spacing: 1px;
  margin-bottom: 0.8rem;
}

/* Paragraph rhythm */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content p,
body.single .entry-content p {
  line-height: 1.6;
  margin: 0.55rem 0;
}

/* Featured image */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .wp-block-image,
body.single .wp-block-image,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .post-thumbnail,
body.single .post-thumbnail {
  margin: 1.2rem auto 1.5rem auto;
  max-width: 900px;
}

body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .wp-block-image img,
body.single .wp-block-image img,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .post-thumbnail img,
body.single .post-thumbnail img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 22px rgba(0,0,0,0.65);
}

/* Lists */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content ul,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content ol,
body.single .entry-content ul,
body.single .entry-content ol {
  margin: 0.6rem 0 1.2rem 1.2rem;
  padding-left: 0.8rem;
}

body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content li,
body.single .entry-content li {
  margin: 0.35rem 0;
}

/* H2 section headers (smaller + gold divider via border) */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .entry-content h2,
body.single .entry-content h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.15rem !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 1.2rem 0 0.6rem !important;
  padding-bottom: 0.45rem !important;
  border-bottom: 1px solid rgba(229,192,123,0.45) !important;
}

/* Hide comments on recipes */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) #comments,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .comments-area,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) #respond,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84) .comment-respond,
body.single #comments,
body.single .comments-area,
body.single #respond,
body.single .comment-respond {
  display: none !important;
}

/* Hide footer credit (covers multiple theme variants) */
.site-footer .site-info,
#colophon .site-info,
.site-footer a[href*="wordpress.org"] {
  display: none !important;
}
/* ================================================== */
/* RECIPE PAGE — section breathing room */
/* ================================================== */

/* Extra space before a new section header */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84)

/* Space above the brand/signature line at the bottom */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84)
.entry-content p:last-of-type,
body.single .entry-content p:last-of-type {
  margin-top: 2.9rem !important;
  opacity: 0.8;
}
/* ================================================== */
/* RECIPE PAGE — correct section spacing              */
/* ================================================== */

/* Space BEFORE a new section header (after text OR lists) */
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84)
.entry-content p + h2,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84)
.entry-content ul + h2,
body.page:not(.page-id-1168):not(.page-id-48):not(.page-id-64):not(.page-id-68):not(.page-id-71):not(.page-id-74):not(.page-id-78):not(.page-id-81):not(.page-id-84)
.entry-content ol + h2,
body.single .entry-content p + h2,
body.single .entry-content ul + h2,
body.single .entry-content ol + h2 {
  margin-top: 2.2rem !important;
}
/* Remove accidental spacing inside ingredient lists */
body.page .entry-content ul p,
body.page .entry-content ol p,
body.single .entry-content ul p,
body.single .entry-content ol p {
  margin: 0 !important;
}