/* FLA deferred page CSS: fla-page-htt.css
   Hands-On Train the Trainer (template-hands-on-ttt.php).
   BugHerd #92 Christian: classroom.png page hero + image-free location GRID
   (no product thumbs, no shared product image).
   Colors: #003C6E #145C94 #165D95 #EC572C/#EC5424 hover #DA4920. Font Outfit.
   Preserve STG shepherd + Woo replay + .fla-biz-* / Onsite / Blog / Programs.
*/
.fla-htt-page {
  font-family: "Outfit", system-ui, sans-serif;
  color: #080C33;
  background: #fff;
}
.fla-htt-page .fla-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* Page hero: DEV media library classroom.png (2026/08) */
.fla-htt-hero {
  position: relative;
  isolation: isolate;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #003C6E;
  background-image: url("/wp-content/uploads/2026/08/classroom.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 72px 20px 56px;
}
.fla-htt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #003C6E;
  opacity: 0.45;
  z-index: 0;
  pointer-events: none;
}
.fla-htt-hero-inner {
  position: relative;
  z-index: 1;
}
.fla-htt-hero h1 {
  margin: 0;
  color: #fff !important;
  font-family: "Outfit", sans-serif;
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 800;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1280px) {
  .fla-htt-hero { min-height: 300px; }
}

/* Products band: image-free location GRID */
.fla-htt-products {
  padding: 40px 0 96px;
}

.fla-htt-locations-heading {
  margin: 0 0 20px;
  font-family: "Outfit", sans-serif;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  line-height: 1.25;
  color: #003C6E;
  text-align: center;
}

.fla-htt-products .woocommerce ul.products,
.fla-htt-products .woocommerce ul.products.columns-3,
.fla-htt-products .woocommerce ul.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
.fla-htt-products .woocommerce ul.products::before,
.fla-htt-products .woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}
.fla-htt-products .woocommerce ul.products li.product,
.fla-htt-products .woocommerce ul.products.columns-3 li.product,
.fla-htt-products .woocommerce ul.products li.product.first,
.fla-htt-products .woocommerce ul.products li.product.last {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left;
  background: #fff;
  border: 1px solid #e4eaf1;
  border-radius: 12px;
  padding: 18px 16px 16px;
  box-shadow: 0 4px 16px rgba(8, 12, 51, 0.04);
}

/* No product thumbnails on this page */
.fla-htt-products .woocommerce ul.products li.product img,
.fla-htt-products .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.fla-htt-products .woocommerce ul.products li.product .woocommerce-LoopProduct-link > img {
  display: none !important;
}

.fla-htt-products .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-decoration: none;
  margin-bottom: 10px;
}

.fla-htt-products .woocommerce ul.products li.product .fla-htt-product-location {
  order: -1;
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
  color: #145C94;
}

.fla-htt-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Outfit", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #64748b;
  margin: 0;
}

.fla-htt-products .woocommerce ul.products li.product .price {
  color: #080C33;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 12px;
}

.fla-htt-products .woocommerce ul.products li.product .button,
.fla-htt-products .woocommerce ul.products li.product a.button {
  background: #EC572C !important;
  border-color: #EC572C !important;
  color: #fff !important;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 16px;
  margin: auto 0 0 !important;
  text-align: center;
}
.fla-htt-products .woocommerce ul.products li.product .button:hover,
.fla-htt-products .woocommerce ul.products li.product a.button:hover {
  background: #DA4920 !important;
  border-color: #DA4920 !important;
}

.fla-htt-note {
  margin: 28px auto 0;
  max-width: 40rem;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  color: #334155;
}
.fla-htt-note a {
  color: #165D95;
  font-weight: 600;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .fla-htt-products .woocommerce ul.products,
  .fla-htt-products .woocommerce ul.products.columns-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .fla-htt-products { padding: 32px 0 72px; }
}
@media (max-width: 640px) {
  .fla-htt-products .woocommerce ul.products,
  .fla-htt-products .woocommerce ul.products.columns-3 {
    grid-template-columns: 1fr !important;
  }
  .fla-htt-products { padding: 24px 0 48px; }
  .fla-htt-hero { min-height: 240px; padding: 56px 16px 40px; }
}


/* BugHerd #92: Center HTT location card copy for the image-free grid. */
.fla-htt-products .woocommerce ul.products li.product {
  text-align: center;
}
.fla-htt-products .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  align-items: center;
  width: 100%;
  text-align: center;
}
.fla-htt-products .woocommerce ul.products li.product .fla-htt-product-location,
.fla-htt-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
  width: 100%;
  text-align: center;
}
.fla-htt-products .woocommerce ul.products li.product .price {
  justify-content: center;
  text-align: center;
}
.fla-htt-products .woocommerce ul.products li.product .button,
.fla-htt-products .woocommerce ul.products li.product a.button {
  align-self: center;
}

/* Franchise outbound only: hide Woo ATC/Get Certified on the 4 franchise cards.
   FLA-owned HTT cards keep visible Get Certified (Christian 2026-09-22). */
.fla-htt-products .woocommerce ul.products li.product.fla-htt-franchise-card .add_to_cart_button,
.fla-htt-products .woocommerce ul.products li.product.fla-htt-franchise-card a.button.product_type_simple,
.fla-htt-products .woocommerce ul.products li.product.fla-htt-franchise-card .ajax_add_to_cart {
  display: none !important;
}