/* JIR v3 — Custom CSS overlay over the GoDaddy inline styles.
   Adds parallax (hero scale on scroll), carousel polish, and small layout fixes. */

/* ---- Hero parallax wrapper ----
   We tag the header widget background area at runtime with .jir-hero-parallax
   and apply a scale based on a CSS var --jir-scroll set by JS. */
.jir-hero-parallax {
  --jir-scroll: 0;
  /* scale grows as we scroll up to the top, smoothly down to 0.92 as we scroll past hero */
  transform: scale(calc(1 + var(--jir-scroll) * 0.10));
  transform-origin: center center;
  will-change: transform;
  transition: transform 80ms linear;
}

/* The hero bg is implemented by GoDaddy as a layered <div> with bg-image:linear-gradient + url(hf.jpg).
   To make the bg image itself scale (not the whole header content), we add an extra rule
   that targets the *first descendant having a background-image* in the header widget. */
.widget-header [style*="background-image"][style*="hf.jpg"] {
  background-size: cover;
  background-position: center center;
}
.widget-header [style*="background-image"][style*="hf.jpg"].jir-bg-zoom {
  transform: scale(calc(1 + var(--jir-bg-zoom, 0) * 0.18));
  transform-origin: center top;
  transition: transform 90ms linear;
  will-change: transform;
}

/* ---- Carousel polish ----
   The slides use `padding-bottom: 56.25%` for a 16:9 aspect-ratio box. The bg image is a
   position:absolute child filling that box. Do NOT override the slide padding! */
.carousel { position: relative; overflow: hidden; }
.carousel-viewport { overflow: hidden; }
.carousel-track {
  display: flex !important;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}
.carousel-track > li.carousel-slide {
  flex: 0 0 100%;
  min-width: 100%;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  /* Keep the inline padding-bottom intact for the 16:9 spacer */
}
/* Bg-image inner divs — fill the slide */
.carousel-track > li.carousel-slide > div {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

/* Carousel nav buttons (we inject) */
.jir-carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 0;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 5;
  display: flex; align-items: center; justify-content: center;
}
.jir-carousel-nav:hover { background: rgba(0,0,0,.85); }
.jir-carousel-nav.prev { left: 12px; }
.jir-carousel-nav.next { right: 12px; }
.jir-carousel-dots {
  position: absolute; bottom: 14px; left: 0; right: 0;
  display: flex; justify-content: center; gap: 8px; z-index: 5;
}
.jir-carousel-dots > button {
  width: 10px; height: 10px; border-radius: 50%; border: 0;
  background: rgba(255,255,255,.55);
  cursor: pointer; padding: 0;
}
.jir-carousel-dots > button.active { background: #fff; }

/* ---- Cookie banner: slide-in animation ---- */
[data-aid="FOOTER_COOKIE_BANNER_RENDERED"] {
  transform: translateY(-500px);
  transition: transform .35s ease-out;
}
[data-aid="FOOTER_COOKIE_BANNER_RENDERED"].jir-shown {
  transform: translateY(0) !important;
}

/* ---- Hamburger drawer ----
   GoDaddy's drawer is hidden offscreen until toggled via id-based classes; we add behavior. */
[data-ux="NavigationDrawer"] {
  transition: transform .3s ease-out;
}
[data-ux="NavigationDrawer"].jir-open {
  transform: translateX(0) !important;
  display: block !important;
}

/* Hide the GoDaddy 'Powered by Airo' link — keep but ensure it doesn't 404 */
.widget-trustedsite, .widget-popup, .widget-messaging { display:none !important; }

/* iframe widgets full-width (AI Q&A and Deep Research) */
iframe[src*="prest0.ai"], iframe[srcdoc] {
  border: 0;
  width: 100% !important;
  min-height: 700px;
  display: block;
}

/* ---- Small layout safety: prevent horizontal overflow ---- */
html, body { overflow-x: hidden; }
body { margin: 0; }

/* Hide the noscript GTM remnants */
noscript iframe { display:none !important; }

/* Completely hide all GoDaddy footer branding based on exact data-aid attributes */
[data-aid="FOOTER_POWERED_BY_AIRO_RENDERED"],
[data-aid="FOOTER_POWERED_BY_AIRO_RENDERED_LINK"],
a[href*="godaddy.com/websites/website-builder"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* JIR directory PDF list fix — keep manual category pages compact.
   Some GoDaddy translated class mappings make each DOWNLOAD_DOCUMENTS_RENDERED
   grid cell inherit enormous height (~1000px), spreading the PDF links apart.
   Force the manual PDF directory rows back to natural height.
   (Ported from jir-final-spanish/assets/css/site.css on 2026-04-27.) */
.widget-download [data-aid="DOWNLOAD_SECTION_TITLE_RENDERED"] {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 22px !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"] {
  min-height: 0 !important;
  height: auto !important;
  flex-basis: 100% !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] > div {
  min-height: 44px !important;
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.widget-download [data-aid="DOWNLOAD_FILE_NAME_RENDERED"] {
  line-height: 1.35 !important;
}


/* JIR directory PDF list fix v2 — override translated GoDaddy spacing classes. */
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"],
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"] *,
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"],
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] * {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  margin-left: 0 !important;
}
.widget-download [data-aid="DOWNLOAD_FILE_NAME_RENDERED"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.35 !important;
  flex: 1 1 auto !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_RENDERED"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 0 0 0 12px !important;
}


/* JIR manual-download uniform black button-row fix — ported from Spanish manual pages.
   GoDaddy alternates c1-h/c1-76 per section, which made every other category's
   PDF row background gray instead of black. Force all PDF rows to black with
   a hover tint. Do not touch layout, nav, scripts, or content. */
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] > div {
  background-color: #000 !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"]:hover > div,
.widget-download [data-aid="DOWNLOAD_DOCUMENT_LINK_WRAPPER_RENDERED"] > div:hover {
  background-color: #2b2b2b !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"] {
  background-color: #000 !important;
}
.widget-download [data-aid="DOWNLOAD_DOCUMENTS_RENDERED"]:hover {
  background-color: #2b2b2b !important;
}


/* JIR EN keep LinkedIn visible in native top nav on document pages — ported from Spanish 2026-04-27.
   More should only house AI links; LinkedIn stays on the top nav row. */
nav [href*="linkedin.com"] { display:inline-block !important; visibility:visible !important; }
nav li:has(a[href*="linkedin.com"]) { display:inline-block !important; visibility:visible !important; }