/* ========= PRINT STYLES ========= */
@media print {
  /* Hide elements not for print */
  footer, nav, aside,
  .sidebar, .ads, .no-print,
  .print-button, img, figure,
  .comments, #comments, .comment-list, .comment-form,
  .social-share,
  [role="banner"] {
    display: none !important;
  }

  /* Keep post title visible and simple */
  header h1.entry-title {
    display: block !important;
    font-size: 16pt !important;
    font-weight: bold !important;
    color: black !important;
    margin-bottom: 0.5em;
  }
  header h1.entry-title a {
    text-decoration: none !important;
    color: black !important;
  }

  /* Remove link styling */
  a { text-decoration: none !important; color: black !important; }
  a::after { content: none !important; }

  /* Page margins */
  @page { margin: 0; }

  /* Headings in Gutenberg blocks */
  .wp-block-heading { color: black !important; }

  /* Recipe block print layout */
  .recipe{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    background: white !important;
    color: black !important;
    font-size: 12pt !important;
    line-height: 1.2 !important;
  }

  /* Avoid awkward breaks */
  p, ul, ol, li { page-break-inside: avoid; }

  /* Neutralize backgrounds and effects */
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}

/* ========= LAYOUT TWEAKS (formerly in Additional CSS) ========= */

/* Header layout */
#header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header-left {
  display: flex;
  align-items: center;
}
#header { padding: 2%; }
#branding { margin-right: 50px; }
#header-left-widget-area {
  display: flex;
  align-items: center;
}
#header-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* Main nav aligned to the right */
nav#menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Media sizing site-wide. Adjust if you want this scoped */
img,
audio,
table,
select,
textarea {
  max-height: 50vh;
  width: 100%;
  width: -webkit-fill-available;
  object-fit: contain;
}

/* Content padding 
#content {
  width: 100%;
  padding-right: 5%;
  padding-left: 5%;
}*/

/* Logo override 
#logo {
  max-height: unset;
  max-width: 50px;
}*/

/* Featured image in loops/cards 
.attachment-post-thumbnail {
  max-height: 50px;
}*/

/* Jetpack sharing list bullets off (ID matches your markup) */
#jetpack-sharing-serivces-list li::before {
  content: none !important;
}

/* Post featured image full-size rule you provided */
img.attachment-full.size-full.wp-post-image {
  max-height: 50vh;
  height: auto;
  width: auto;
}

/* Site-wide, safe, emoji-friendly font stack */
:root {
  --gs-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,
             "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body { font-family: var(--gs-sans); }

/* If the About page still looks narrow or inherits weird fonts, force it there too */
.page-slug-about { font-family: var(--gs-sans); }