:root{
  --flyrock-gold: #a37a3b;
  --flyrock-dark: #1f4e4a;
  --flyrock-mid:  #3a6a65;
  --flyrock-bg:   #d3d9cf;

  --border: 1px solid rgba(0,0,0,.12);
  --radius: 4px;
}

.flyrock-psn{
  font-family: Lato, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #333;
}

.flyrock-psn__heading{
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  color: rgba(0,0,0,.35);
  font-size: 44px;
  line-height: 1.1;
  margin: 0 0 18px 0;
}

.flyrock-psn__row{
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 180px;
  gap: 18px;
  align-items: center;
}

.flyrock-psn__input{
  width: 100%;
  height: 56px;
  padding: 0 16px;
  border: var(--border);
  border-radius: var(--radius);
  background: #fff;
  font-size: 18px;
  outline: none;
}

.flyrock-psn__input::placeholder{
  color: rgba(0,0,0,.35);
}

.flyrock-psn__select{
  width: 100%;
  height: 56px;
  padding: 0 16px;
  border: var(--border);
  border-radius: var(--radius);
  background: #e9e7df; /* matches screenshot grey */
  color: rgba(0,0,0,.70);
  font-size: 18px;

  /* Keep it native. Do not remove default arrow. */
  appearance: auto;
  -webkit-appearance: menulist;
  -moz-appearance: auto;

  outline: none;
}

.flyrock-psn__button{
  height: 56px;
  width: 100%;
  border: 0;
  border-radius: var(--radius);
  background: var(--flyrock-dark); /* requested */
  color: #fff;
  font-size: 20px;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
}

.flyrock-psn__button:hover{
  background: var(--flyrock-mid);
}

.flyrock-psn__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 10px 0;
}

.flyrock-psn__status{
  font-size: 14px;
  color: rgba(0,0,0,.55);
}

.flyrock-psn__count{
  font-size: 14px;
  color: rgba(0,0,0,.55);
}

.flyrock-psn__pagination{
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.flyrock-psn__pager{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.flyrock-psn__pageBtn{
  padding: 10px 14px;
  border-radius: 6px;
  border: var(--border);
  background: #fff;
  cursor: pointer;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  color: var(--flyrock-dark);
}

.flyrock-psn__pageBtn[disabled]{
  opacity: .55;
  cursor: not-allowed;
}

.flyrock-psn__pageText{
  color: rgba(0,0,0,.55);
  font-size: 14px;
}

.flyrock-psn__srOnly{
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 980px){
  .flyrock-psn__heading{
    font-size: 34px;
  }
  .flyrock-psn__row{
    grid-template-columns: 1fr;
  }
  /* Force Divi blog output inside plugin results into 3 columns */
.flyrock-psn__results .et_pb_blog_grid_wrapper,
.flyrock-psn__results .et_pb_posts,
.flyrock-psn__results .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* Make each article behave as a grid item */
.flyrock-psn__results article.et_pb_post {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* Tablet: 2 columns */
@media (max-width: 980px) {
  .flyrock-psn__results .et_pb_blog_grid_wrapper,
  .flyrock-psn__results .et_pb_posts,
  .flyrock-psn__results .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 column */
@media (max-width: 600px) {
  .flyrock-psn__results .et_pb_blog_grid_wrapper,
  .flyrock-psn__results .et_pb_posts,
  .flyrock-psn__results .et_pb_ajax_pagination_container {
    grid-template-columns: 1fr;
  }
  
  /* Flyrock Search Results = 3-column grid (match homepage) */
.flyrock-psn .flyrock-psn__results .et_pb_blog_grid_wrapper,
.flyrock-psn .flyrock-psn__results .et_pb_ajax_pagination_container,
.flyrock-psn .flyrock-psn__results .et_pb_posts{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.flyrock-psn .flyrock-psn__results article.et_pb_post{
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

/* Tablet: 2 columns */
@media (max-width: 980px){
  .flyrock-psn .flyrock-psn__results .et_pb_blog_grid_wrapper,
  .flyrock-psn .flyrock-psn__results .et_pb_ajax_pagination_container,
  .flyrock-psn .flyrock-psn__results .et_pb_posts{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Phone: 1 column */
@media (max-width: 600px){
  .flyrock-psn .flyrock-psn__results .et_pb_blog_grid_wrapper,
  .flyrock-psn .flyrock-psn__results .et_pb_ajax_pagination_container,
  .flyrock-psn .flyrock-psn__results .et_pb_posts{
    grid-template-columns: 1fr;
  }
}