/* Make post header cover transparent */
#page-header.post-bg,
#page-header.post-bg::before,
#page-header.post-bg .coverdiv {
  background: transparent !important;
  box-shadow: none !important;
}

/* Acrylic look for sidebar cards and homepage post cards */
#aside-content .card-widget,
#recent-posts .recent-post-item {
  background: rgba(255, 236, 242, 0.5);
  border: 1px solid rgba(255, 182, 193, 0.38);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(176, 86, 116, 0.22);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
}

/* Dark theme tuning so acrylic stays readable */
body[data-theme="dark"] #aside-content .card-widget,
body[data-theme="dark"] #recent-posts .recent-post-item {
  background: rgba(62, 37, 47, 0.58);
  border: 1px solid rgba(255, 192, 203, 0.22);
  box-shadow: 0 18px 50px rgba(33, 8, 17, 0.58);
}

/* Lighten the mask on the home hero to brighten the banner image */
#page-header.full_page:not(.not-top-img)::before {
  background-color: rgba(0, 0, 0, 0.16) !important;
}

/* Handwritten, italic hero title */
#page-header #site-title {
  font-family: 'Dancing Script', 'Pacifico', 'Segoe Script', 'Brush Script MT', 'Lucida Handwriting', cursive;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.04em;
  color: #fdf4e3;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.35), 0 0 18px rgba(255, 219, 172, 0.45);
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.25));
}

#page-header #site-subtitle {
  letter-spacing: 0.08em;
  font-style: italic;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Subtle postcard-like 3D lift effect for homepage post cards */
#recent-posts {
  perspective: 1100px;
}

#recent-posts .recent-post-item {
  transform-style: preserve-3d;
  transform-origin: center center;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 260ms ease;
  will-change: transform, box-shadow;
}

@media (hover: hover) and (pointer: fine) {
  #recent-posts .recent-post-item:hover {
    transform: translate3d(0, -7px, 0) rotateY(-3.2deg) scale(1.01);
    box-shadow: 0 26px 58px rgba(176, 86, 116, 0.26), 0 8px 18px rgba(0, 0, 0, 0.08);
    border-color: rgba(255, 182, 193, 0.55);
  }

  #recent-posts .recent-post-item:nth-child(even):hover {
    transform: translate3d(0, -7px, 0) rotateY(3.2deg) scale(1.01);
  }

  body[data-theme="dark"] #recent-posts .recent-post-item:hover {
    box-shadow: 0 24px 54px rgba(15, 3, 7, 0.62), 0 8px 18px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 192, 203, 0.34);
  }
}

@media (prefers-reduced-motion: reduce) {
  #recent-posts .recent-post-item {
    transition: box-shadow 180ms ease, border-color 180ms ease;
    transform: none !important;
  }

  #recent-posts .recent-post-item:hover {
    transform: none !important;
  }
}