/* Dynamic CMS integration: preserve the original Endait portfolio layout. */

.endait-portfolio-image,
.endait-portfolio-placeholder {
  display: block;
  width: 100%;
  height: 270px;
  object-fit: contain;
  background: #f1f1f1;
}

.endait-portfolio-placeholder { position: relative; }
.endait-loading, .endait-error, .endait-empty { width: 100%; padding: 40px 15px; text-align: center; }
.endait-error { color: #9b2929; }
.projects-nav a { white-space: nowrap; }
.projects-nav a .ion-ios-arrow-right { display: inline-block !important; margin-left: 7px; vertical-align: middle; }

#project-gallery { height: 500px; }
#project-gallery .owl-stage-outer,
#project-gallery .owl-stage,
#project-gallery .owl-item,
#project-gallery .item { height: 500px; }
#project-gallery .item { display:flex; align-items:center; justify-content:center; background:#fff; overflow:hidden; }
#project-gallery .item img { display:block; width:100%; height:100% !important; object-fit:contain; }

#project-gallery .owl-nav {
  position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
  display:flex; justify-content:space-between; pointer-events:none; margin:0;
}
#project-gallery .owl-nav button.owl-prev,
#project-gallery .owl-nav button.owl-next {
  width:46px; height:70px; margin:0; border:0; border-radius:0;
  background:rgba(0,0,0,.42); color:#fff; font-size:42px; line-height:64px;
  pointer-events:auto; opacity:.9; padding:0; font-family:Arial,sans-serif;
}
#project-gallery .owl-nav button:hover { background:rgba(0,0,0,.65); }
#project-gallery .owl-nav button span { display:block; line-height:64px; }
#project-gallery .owl-nav button span::before { content:none !important; }
#project-gallery .owl-dots { display:none; }
.endait-gallery-empty { text-align:center; color:#888; }

@media (max-width:767px) {
  .endait-portfolio-image, .endait-portfolio-placeholder { height:240px; }
  #project-gallery, #project-gallery .owl-stage-outer, #project-gallery .owl-stage, #project-gallery .owl-item, #project-gallery .item { height:360px; }
  #project-gallery .owl-nav button.owl-prev, #project-gallery .owl-nav button.owl-next { width:38px; height:56px; line-height:50px; font-size:34px; }
  #project-gallery .owl-nav button span { line-height:50px; }
}


/* Google Forms contact page */
.endait-google-form-wrap {
  width: 100%;
  overflow: hidden;
  background: transparent;
}
.endait-google-form {
  display: block;
  width: 100%;
  min-height: 820px;
  border: 0;
  background: transparent;
}
@media (max-width: 767px) {
  .endait-google-form {
    min-height: 980px;
  }
}

/* Sectional left navigation: keep anchor targets clear of the fixed header. */
.section[id^="section-"] {
  scroll-margin-top: 90px;
}