/* BarnTech site runtime styles — original code (galleries, dropdown, cookie banner) */

/* gallery carousel */
.bt-gal { max-width: 1232px; margin: 0 auto; padding: 48px 4%; }
.bt-gal-main { position: relative; background: rgb(243, 243, 243); }
.bt-gal-img { width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; display: block; }
.bt-gal-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  border: 0; cursor: pointer; width: 44px; height: 64px;
  background: rgba(255, 255, 255, .82); color: rgb(64, 64, 64);
  font-size: 20px; line-height: 1; transition: background .15s;
}
.bt-gal-arrow:hover { background: rgb(255, 255, 255); }
.bt-gal-prev { left: 0; }
.bt-gal-next { right: 0; }
.bt-gal-thumbs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 14px; }
.bt-gal-thumb {
  width: 70px; height: 70px; object-fit: cover; cursor: pointer;
  opacity: .65; border: 2px solid transparent; transition: opacity .15s, border-color .15s;
}
.bt-gal-thumb:hover { opacity: 1; }
.bt-gal-thumb.bt-active { opacity: 1; border-color: rgb(133, 114, 114); }


/* the theme ships header nav items visibility:hidden and expected the old
   runtime to reveal them after its overflow pass — reveal them outright */
nav[data-ux="Nav"] li, nav[data-ux="Nav"] a { visibility: visible; }

/* "More" dropdown */
.bt-dd { display: none; position: absolute; z-index: 30; background: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .12); padding: 8px 0; min-width: 180px; }
.bt-dd.bt-dd-open { display: block; }
.bt-dd li { list-style: none; }
.bt-dd a { display: block; padding: 10px 20px; white-space: nowrap; }

/* cookie banner */
.bt-cookies {
  font-family: Poppins, arial, sans-serif;
  position: fixed; right: 24px; bottom: 24px; z-index: 999;
  max-width: 460px; background: rgb(229, 229, 229); color: rgb(64, 64, 64);
  padding: 28px 30px; box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  font-size: 15px; line-height: 1.55;
}
.bt-cookies h4 { margin: 0 0 10px; font-size: 22px; font-weight: 600; }
.bt-cookies p { margin: 0 0 18px; }
.bt-cookies a { color: inherit; text-decoration: underline; }
.bt-cookies-btns { display: flex; gap: 14px; }
.bt-cookies-btns button {
  font-family: Poppins, arial, sans-serif;
  flex: 1; border: 0; cursor: pointer; padding: 14px 10px;
  background: rgb(26, 26, 26); color: #fff; font-size: 13px;
  letter-spacing: 2px; text-transform: uppercase;
}
.bt-cookies-btns button:hover { background: rgb(64, 64, 64); }
@media (max-width: 560px) {
  .bt-cookies { left: 16px; right: 16px; bottom: 16px; max-width: none; }
}

/* homepage zigzag rows (storage / pavilion): columns on desktop, stacked on tablet & mobile */
.bt-zz { display: flex; align-items: center; gap: 48px; justify-content: center; }
.bt-zz-rev { flex-direction: row-reverse; }
.bt-zz-col { flex: 1 1 0; min-width: 0; }
.bt-zz-col img { width: 100%; height: auto; display: block; }
@media (max-width: 991px) {
  .bt-zz, .bt-zz-rev { flex-direction: column; gap: 28px; }
  .bt-zz-col { width: 100%; }
}

/* storage/pavilion zigzag section spacing: tighter above on tablet & mobile */
.bt-ppsec { padding: 16px 5.5% 80px; }
@media (max-width: 991px) {
  .bt-ppsec { padding: 12px 5.5% 56px; }
}

/* contact form floating labels (replaces removed runtime behaviour) */
.bt-flabel { transition: transform .15s ease, font-size .15s ease, opacity .15s ease;
  transform-origin: left top; pointer-events: none; }
.bt-flabel.bt-lifted { transform: translateY(-1.5em) scale(.78); opacity: .85; }
form span[role="button"] { cursor: pointer; }