/*
 Theme Name: The Collected House
 Theme URI: https://thecollectedhouse.com/
 Description: Child theme for The Collected House website, based on Hello Elementor.
 Author: Clearly Relevant
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: the-collected-house


/* === Portfolio hero carousel: linear bullets (contained) === */
.p-hero-wrap .swiper-pagination {
  width: 100%;                /* keep inside section */
  max-width: 1200px;          /* match your content width */
  margin: 24px 0 0 0;        /* centered horizontally, space above */
  padding-right: 40px;        /* move slightly to the right */
  text-align: right;
  position: relative;         /* stay inside flow */
  bottom: auto !important;    /* cancel absolute offsets */
}

/* turn dots into thin lines */
.p-hero-wrap .swiper-pagination-bullet {
  width: 80px;
  height: 5px;
  border-radius: 0;
  background: #222 !important;
  opacity: 0.35;
  margin: 0 6px !important;
  transition: opacity .25s ease;
}

.p-hero-wrap .swiper-pagination-bullet-active {
  opacity: 1;
}

/* mobile: align left and tighten spacing */
@media (max-width: 767px) {
  .p-hero-wrap .swiper-pagination {
    text-align: left;
    padding-right: 0;
    max-width: 90%;
  }
}