/* Small additions on top of GoDaddy's own inline CSS.
   GoDaddy's scripts revealed some elements at runtime; these rules do that without the scripts. */

/* Desktop nav: GoDaddy measured the bar and then showed the links; show them directly and hide "More". */
nav[data-aid="HEADER_NAV_RENDERED"] > ul > li { visibility: visible !important; }
nav[data-aid="HEADER_NAV_RENDERED"] > ul > li:has([data-aid="NAV_MORE"]) { display: none !important; }

/* Mobile drawer */
#n-27001-navId-mobile.pce-open { transform: none !important; left: 0 !important; visibility: visible !important; }
#n-27001-navId-mobile.pce-open * { visibility: visible !important; }
html.pce-lock, html.pce-lock body { overflow: hidden; }

/* Gallery carousel */
.carousel .carousel-track { transition: transform .5s ease-in-out; will-change: transform; }
.carousel .carousel-slide [data-lazybg] { display: block !important; width: 100%; height: 100%; }
.carousel .carousel-slide { cursor: zoom-in; }
.pce-thumbs { display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 0; margin: 0; list-style: none; }
.pce-thumbs::-webkit-scrollbar { display: none; }
.pce-thumbs li { flex: 0 0 auto; }
.pce-thumbs button { display: block; padding: 0; border: 0; background: none; cursor: pointer; opacity: .5; transition: opacity .3s; }
.pce-thumbs button[aria-current="true"], .pce-thumbs button:hover { opacity: 1; }
.pce-thumbs img { display: block; height: 68px; width: 100px; object-fit: cover; }

/* Lightbox */
.pce-lightbox { position: fixed; inset: 0; z-index: 10010; background: rgba(0,0,0,.92); display: none; align-items: center; justify-content: center; }
.pce-lightbox.open { display: flex; }
.pce-lightbox img { max-width: calc(100% - 120px); max-height: calc(100% - 80px); object-fit: contain; }
.pce-lightbox button { position: absolute; background: none; border: 0; color: #fff; cursor: pointer; padding: 12px; }
.pce-lightbox .pce-close { top: 8px; right: 12px; font-size: 40px; line-height: 1; }
.pce-lightbox .pce-prev { left: 8px; top: 50%; transform: translateY(-50%); }
.pce-lightbox .pce-next { right: 8px; top: 50%; transform: translateY(-50%); }
@media (max-width: 767px) { .pce-lightbox img { max-width: 100%; } }

/* Contact form feedback */
.pce-form-status { margin: 16px 0 0; font-size: 14px; }
.pce-form-status.err { color: #b3261e; }
.pce-success { padding: 24px 0; font-size: 16px; }

/* Logo: GoDaddy's script sized the logo box at runtime; keep their box but never distort the artwork. */
img[data-aid="HEADER_LOGO_IMAGE_RENDERED"] { object-fit: contain; }