/*=============== LAYOUT FIXES ===============*/

/* ── Projects Section: adequate vertical padding ── */
.projects.section {
  padding-block: 5rem 6rem;
}

/* ── Swiper Arrows: keep inside the container, not floating off ── */
.projects__container .swiper-button-prev,
.projects__container .swiper-button-next {
  position: absolute;
  top: 4.5rem !important;
  margin-top: 0;
  z-index: 10;
}

.projects__container .swiper-button-prev { left: 0.25rem !important; }
.projects__container .swiper-button-next { right: 0.25rem !important; }

@media screen and (min-width: 576px) {
  .projects__container .swiper-button-prev { left: 0.75rem !important; }
  .projects__container .swiper-button-next { right: 0.75rem !important; }
}

@media screen and (min-width: 1200px) {
  .projects__container .swiper-button-prev { left: -0.5rem !important; }
  .projects__container .swiper-button-next { right: -0.5rem !important; }
}

/* ── Swiper arrow icons already set via remixicons — clean after-pseudo ── */
.swiper-button-prev::after,
.swiper-button-next::after { content: '' !important; }

/* ── Project content: consistent centering ── */
.projects__content {
  display: grid;
  place-items: center;
  text-align: left;
}

/* ── Testimonial container: vertically centered ── */
.testimonial__container {
  display: flex;
  align-items: center;
}

.testimonial__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 0 1.5rem;
}

/* ── Testimonial swiper arrows: stay at bottom center ── */
.testimonial__container .swiper-button-prev,
.testimonial__container .swiper-button-next {
  top: auto !important;
  bottom: 0.5rem !important;
  margin-top: 0 !important;
}

/* ── Remove V1 portrait canvas styles that conflict ── */
.portrait-canvas {
  all: unset;
  position: absolute !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  z-index: 0 !important;
}

/* ── Ensure home__blob has relative positioning (safety) ── */
.home__blob {
  position: relative !important;
}

/* ── Skills blob hover: no broken layout ── */
.skills__blob img {
  position: relative;
  z-index: 1;
}