/* =========================================================
   THE SKYDIVE SHOP — CLEAN CSS (WITH VARIABLES)
   ========================================================= */

/* ---------- Brand Variables (edit these once) ---------- */
:root {
  --tss-blue: #4B90EA;          /* primary button blue */
  --tss-blue-dark: #1F3C88;     /* hover/active/nav dark blue */
  --tss-text: #000000;          /* primary text */
  --tss-sticky-bg: rgba(230, 233, 237, 0.96); /* sticky bar background */
  --tss-divider: rgba(0,0,0,0.10);
}
/* =========================================================
  Remove titles from all pages and tighten up the margins
   ========================================================= */

.page .entry-title {
  display: none !important;
}
/* Tighten top spacing on pages (after hiding title) */
.page:not(.home) .content-area,
.page:not(.home) .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.page:not(.home) .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================
   BREADCRUMBS OVER COVER IMAGE (STORE­FRONT)
   ========================================= */

/* Keep breadcrumbs in normal flow but above content */
.storefront-breadcrumb {
  position: relative !important;
  background: transparent !important;
  margin-bottom: 0 !important;
  padding: 10px 0 !important;
  z-index: 10;
}

/* Make breadcrumb text readable on images */
.storefront-breadcrumb a,
.storefront-breadcrumb span {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Pull first cover block up underneath breadcrumbs */
.page:not(.home) .wp-block-cover:first-of-type {
  margin-top: -70px !important;
}

/* Remove extra top padding Storefront adds to content */
.page:not(.home) .site-main {
  padding-top: 0 !important;
}


/* =========================================================
   HEADER / BRANDING
   ========================================================= */

/* Remove cart icon and cart total from header */
.site-header-cart {
  display: none !important;
}

/* Force Storefront logo size */
.site-header .site-branding img.custom-logo {
  width: 260px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Make sure the logo container can expand */
.site-header .site-branding,
.site-header .custom-logo-link {
  width: auto !important;
  max-width: none !important;
}

/* Keep header background image from repeating or behaving oddly on zoom */
.site-header {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* =========================================================
   MAIN NAVIGATION
   ========================================================= */

/* Default menu items */
.main-navigation ul.menu > li > a {
  color: var(--tss-text) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

/* Hover state */
.main-navigation ul.menu > li > a:hover {
  color: var(--tss-blue-dark) !important;
}

/* Active / current page */
.main-navigation ul.menu li.current-menu-item > a,
.main-navigation ul.menu li.current-menu-ancestor > a,
.main-navigation ul.menu li.current_page_item > a {
  color: var(--tss-blue-dark) !important;
  font-weight: 600 !important;
}

/* Dropdown menu items */
.main-navigation ul.menu ul li > a {
  font-weight: 600 !important;
}
/* Compact header height */
.site-header {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}


/* =========================================================
   STORE-FRONT STICKY ADD-TO-CART (HIDE)
   ========================================================= */

.storefront-sticky-add-to-cart a.button,
.storefront-sticky-add-to-cart button,
.storefront-sticky-add-to-cart form.cart {
  display: none !important;
}
/* Hide the entire Storefront sticky add-to-cart bar */
.storefront-sticky-add-to-cart {
  display: none !important;
}

/* =========================================================
   CUSTOM STICKY CALL BAR (TSS)
   ========================================================= */

.tss-sticky-callbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important;

  padding: 0 !important;
  margin: 0 !important;

  background: var(--tss-sticky-bg) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--tss-divider) !important;

  opacity: 0 !important;
  transform: translateY(-12px) !important;
  pointer-events: none !important;
  transition: opacity 180ms ease, transform 180ms ease !important;
}

.tss-sticky-callbar.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.tss-sticky-callbar__inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 10px 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.tss-sticky-callbar__left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.tss-sticky-callbar__thumb {
  width: 42px !important;
  height: 42px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
}

.tss-sticky-callbar__text {
  display: flex !important;
  gap: 8px !important;
  align-items: baseline !important;
  min-width: 0 !important;
}

.tss-sticky-callbar__label {
  color: var(--tss-blue-dark) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.tss-sticky-callbar__product {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 55vw !important;
}

.tss-sticky-callbar a {
  text-decoration: none !important;
}

.tss-sticky-callbar__btn {
  background-color: var(--tss-blue) !important;
  color: var(--tss-text) !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  display: inline-block !important;
}

.tss-sticky-callbar__btn:hover {
  opacity: 0.92 !important;
}

@media (max-width: 768px) {
  .tss-sticky-callbar__inner {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .tss-sticky-callbar__btn {
    width: 100% !important;
    text-align: center !important;
  }

  .tss-sticky-callbar__product {
    max-width: 100% !important;
  }
}


/* =========================================================
   BUTTON SYSTEM (Reusable)
   ========================================================= */

/* Product page Call-to-Order button */
.single-product .tss-call-btn.button {
  background-color: var(--tss-blue) !important;
  color: var(--tss-text) !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

.single-product .tss-call-btn.button:hover {
  opacity: 0.92 !important;
}

/* Forminator submit button (if you’re using it on forms) */
.forminator-ui .forminator-button-submit {
  background-color: var(--tss-blue) !important;
  color: var(--tss-text) !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: none !important;
}

.forminator-ui .forminator-button-submit:hover {
  opacity: 0.92 !important;
}


/* =========================================================
   FOOTER — CLOUD BACKGROUND
   ========================================================= */

.site-footer {
  background-image: url(https://theskydiveshop.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-3-2026-10_25_48-AM-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;

  filter: saturate(0.9) brightness(0.97);
}

/* Light overlay so clouds stay subtle */
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.65);
  z-index: 0;
}

/* Ensure footer content sits above overlay */
.site-footer > * {
  position: relative;
  z-index: 1;
}

/* Footer text color — brand dark blue */
.site-footer,
.site-footer a,
.site-footer p,
.site-footer li,
.site-footer span {
  color: var(--tss-blue-dark);
}

.site-footer a:hover {
  opacity: 0.8;
}
/* =========================
   Footer brand logos — FIXED (no clipping)
   ========================= */

/* Gallery container */
.site-footer .wp-block-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}

/* Remove WordPress clipping */
.site-footer .wp-block-gallery figure {
  margin: 0;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Logo images */
.site-footer .wp-block-gallery img {
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0.85;
  display: block;
}

/* Hover polish */
.site-footer .wp-block-gallery img:hover {
  opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
  .site-footer .wp-block-gallery img {
    max-height: 48px;
  }
/* Align menu + search once they live in the same region */
.storefront-primary-navigation .col-full {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.storefront-primary-navigation .main-navigation {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.storefront-primary-navigation .site-search,
.storefront-primary-navigation .widget_product_search {
  flex: 0 0 320px !important;
  margin: 0 !important;
}

.storefront-primary-navigation form.woocommerce-product-search input[type="search"] {
  width: 100% !important;
}
/* =========================
   COMPACT HEADER HEIGHT
   ========================= */

/* Reduce padding on the navigation bar */
.storefront-primary-navigation {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Remove extra padding inside the container */
.storefront-primary-navigation .col-full {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Tighten menu items slightly */
.main-navigation ul.menu > li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
/* =========================
   REMOVE GAP BETWEEN HEADER AND HERO
   ========================= */

/* Remove top margin from page content */
.home .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Remove top margin from first block */
.home .wp-block-cover:first-child,
.home .wp-block-group:first-child {
  margin-top: 0 !important;
}
.home .entry-content {
  margin-top: 0 !important;
}
/* ==========================================
   HOMEPAGE: remove gap above first Cover block
   (Storefront 4.6.x + Block Editor)
   ========================================== */

/* Kill top padding/margins on wrappers that can create the white band */
.home .site-content,
.home .content-area,
.home .site-main,
.home .hentry,
.home .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Specifically remove any top margin on the first Cover block */
.home .entry-content > .wp-block-cover:first-child {
  margin-top: 0 !important;
}

/* If a spacer/block is being inserted before the cover, remove it */
.home .entry-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Ensure cover starts flush and doesn't add inner top padding */
.home .wp-block-cover {
  padding-top: 0 !important;
}
/* ======================================
   CONTACT PAGE — REMOVE LARGE HEADER SPACE
   ====================================== */

/* Kill all top spacing above content */
.page .hentry {
  margin-top: 0 !important;
}

/* Tighten the white header block */
.page .entry-header {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
}

/* Reduce title spacing */
.page .entry-title {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Pull content up */
.page .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
a,
a:visited,
a:hover,
a:focus {
  text-decoration: none !important;
}

/* ===============================
   MOBILE IMPROVEMENTS (More universal)
   =============================== */
  /* ---------- 1) BUTTONS ---------- */

  /* WP Button blocks (works for Contact Us + most buttons) */
  .home .wp-block-buttons .wp-block-button__link {
    width: 100% !important;
    min-height: 50px !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  /* If View Gear is a link styled as a button inside the hero/cover */
  .home .wp-block-cover a,
  .home .wp-block-cover .wp-element-button,
  .home .wp-block-cover .wp-block-button__link {
    min-width: 220px !important;   /* stops narrow “vertical” look */
    max-width: 92vw !important;
    white-space: nowrap !important;
  }

/* CENTER View Gear and CONTACT BUTTON */
@media (max-width: 768px){

  .home .wp-block-buttons{
    justify-content: center !important;
  }

  .home .wp-block-button{
    display: flex;
    justify-content: center;
  }

}
@media (max-width: 768px){
  .home .wp-block-cover .wp-block-button__link{
    border-width: 2px !important;
    letter-spacing: .5px;
  }
}
	/*make why jumpers trust us list smaller and make new rigs/used rigs section side by side*/
 
 .home .wp-block-columns .wp-block-column {
    flex-basis: calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;

/* HOME – remove leftover page-title spacing on mobile */
@media (max-width: 768px){

  /* Hide the whole title/header area (even if empty) */
  .home .entry-header,
  .home .page-header,
  .home header.entry-header{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove top padding/margin the theme adds above the content */
  .home .site-main,
  .home .site-content,
  .home .content-area,
  .home .entry-content,
  .home .page-content{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Kill any sneaky top margin on the first block */
  .home .entry-content > :first-child{
    margin-top: 0 !important;
  }
}
	  /* remove spacer on header in mobile */
@media (max-width: 768px){
  body.home header,
  body.home .site-header{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
  /* Only adjust text inside columns that are NOT image/cover tiles */
  .home .wp-block-columns .wp-block-column :where(h1,h2,h3,h4) {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
/* MOBILE MENU BUTTON — center below logo without overlap */
@media (max-width: 768px){

  /* Make header stack vertically */
  header,
  .site-header,
  .wp-site-blocks > header{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Move hamburger below logo */
  .wp-block-navigation__responsive-container-open{
    position: static !important;
    transform: none !important;
    margin-top: 8px !important;
  }

}

/* TRUST SECTION — center rows + pull text left */
.trust-checks .wp-block-columns{
  display: flex !important;
  justify-content: center !important;   /* centers the whole icon+text unit */
  align-items: center !important;
  gap: 14px !important;

  max-width: 360px !important;          /* keeps the unit centered on page */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Left column (the checkmark) */
.trust-checks .wp-block-columns > .wp-block-column:first-child{
  flex: 0 0 34px !important;            /* fixed icon width */
  width: 34px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Right column (the text) */
.trust-checks .wp-block-columns > .wp-block-column:last-child{
  flex: 1 1 auto !important;
  width: auto !important;
}

/* Text formatting */
.trust-checks p{
  text-align: left !important;
  margin: 0 !important;
}
/* CONTACT PAGE (ID 116): fix + center phone button */
@media (max-width: 768px){

  /* center the button container */
  body.page-id-116 .wp-block-buttons,
  body.page-id-116 .wp-block-button,
  body.page-id-116 .tss-call-to-order-wrap{
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* style the button */
  body.page-id-116 .wp-block-button__link,
  body.page-id-116 .wp-element-button,
  body.page-id-116 a.button,
  body.page-id-116 .tss-call-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(92vw, 420px) !important;
    max-width: 92vw !important;

    white-space: nowrap !important;   /* prevents vertical stacking */
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    text-align: center !important;
    padding: 14px 18px !important;
    margin: 0 auto !important;        /* centers the button itself */
  }

  /* ensure columns don’t trap it in a narrow width */
  body.page-id-116 .wp-block-column{
    width: 100% !important;
  }
}
.tss-loop-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.tss-loop-actions .button {
  width: auto;
}