/* ===== GLOBAL (all pages) ===== */

/* Nav overlay link appearance */
.w-nav-overlay .side-nav-link {
  color: #ffd8d1 !important;
  display: block !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}
.w-nav-overlay .side-nav-link:hover,
.w-nav-overlay .side-nav-link.w--current {
  color: #ff6348 !important;
}

/* Font smoothing */
body { -webkit-font-smoothing: antialiased; }

/* Thin scrollbar */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-corner { display: none; height: 0; width: 0; }

/* Mobile nav overlay width */
@media (max-width: 767px) {
  .w-nav-overlay { width: 100% !important; }
}

/* Social icon SVG sizing */
.social-btn > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Social icons always above nav overlay */
.links-wrap {
  position: relative;
  z-index: 1001;
}

/* ===== FRONT PAGE (front-page.php) ===== */

/* Portrait image */
.selfie {
  background-image: url("../img/my.png") !important;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}

/* ===== WORKS / PROJECTS (archive-project.php) ===== */

/* Card hover overlay fade */
.project-link:hover .project-overlay-rb {
  opacity: 1 !important;
  transition: opacity 400ms ease;
}
.project-overlay-rb {
  transition: opacity 500ms ease;
}

/* Title wipe-reveal animation */
@keyframes title-wipe {
  0%   { left: -100%; }
  45%  { left: 0%; }
  55%  { left: 0%; }
  100% { left: 100%; }
}
.animation-overlay-left.thumb.wipe-active {
  animation: title-wipe 700ms ease forwards;
}

/* ===== BLOG LIST (home.php) ===== */

/* Fix flat-reverse card overlap */
.content-wrapp.flat-reverse .project-info {
  left: 33px;
}

/* Post date on blog LIST cards (on peach background) */
.project-info .post-date {
  font-family: 'Cutive Mono', monospace;
  font-size: 12px;
  color: #450d2f;
  letter-spacing: 1px;
  margin-top: 0.4rem;
  margin-bottom: 0.6rem;
  text-align: center;
}

/* ===== SINGLE POST (single.php) ===== */

/* Post date on single post page (on white background) */
.project-title-block .post-date {
  font-family: 'Cutive Mono', monospace;
  font-size: 13px;
  color: #a79eca;
  letter-spacing: 1px;
  margin-top: 0.6rem;
  margin-bottom: 0;
}

/* ===== SINGLE POST + SINGLE PROJECT (single.php + single-project.php) ===== */

/* Override Webflow scroll-in animations — content must be visible without IX2 */
.memo-text-block {
  opacity: 1 !important;
  transform: none !important;
}
.project-title-block {
  opacity: 1 !important;
  transform: none !important;
}
.project-anim-overlay-white,
.project-anim-overlay-color {
  display: none !important;
}

/* Reduce whitespace before related section */
body.single .section.color,
body.single-project .section.color {
  padding-bottom: 2rem !important;
  margin-bottom: 0 !important;
}
body.single .section.flex,
body.single-project .section.flex {
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
}
body.single .section-footer,
body.single-project .section-footer {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}