/* A24 – Course Grid Cards (Enfold/WooCommerce) v1.0.10 */

.a24-course-grid-cards .a24-course-card{
  position: relative;
  width: 100%;
  height: 444px;
  opacity: 1;
  overflow: hidden;
  background: #AE8C6D;
}

/* Make the entire product tile clickable */
.a24-course-grid-cards .a24-course-card__link{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
}

/* Background image full cover */
.a24-course-grid-cards .a24-course-card__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateZ(0);
  z-index: 1;
}

/* Overlay gradients (visible by default, disappears on hover) */
.a24-course-grid-cards .a24-course-card__overlay{
  position: absolute;
  inset: 0;
  z-index: 2;
  /* replicate requested overlay feel, but keep image visible */
  background:
    linear-gradient(0deg, rgba(174,140,109,0.55), rgba(174,140,109,0.55)),
    linear-gradient(0deg, rgba(92,31,0,0.60), rgba(92,31,0,0.60));
  transition: opacity .25s ease;
  opacity: 1;
  pointer-events: none;
}
.a24-course-grid-cards .a24-course-card:hover .a24-course-card__overlay{
  opacity: 0;
}

/* Content pinned to bottom; padding per spec; bottom offset 30px */
.a24-course-grid-cards .a24-course-card__content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 3;
  padding: 56px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  text-align: center;
  color: #FFF5D9;
  box-sizing: border-box;
}

/* Title style (H2-like) */
.a24-course-grid-cards .a24-course-card__title{
  color: #FFF5D9;
  font-weight:400 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1;
}

/* Meta (H4-like) */
.a24-course-grid-cards .a24-course-card__meta{
  color: #FFF5D9;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
}

/* Place uppercase */
.a24-course-grid-cards .a24-course-card__place{
  text-transform: uppercase;
}

/* DETAIL button: use exactly user params; NO font-family here */
.a24-course-grid-cards .a24-course-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 250px;
  height: 44px;
  padding: 0 18px;
  background: #FF5107;
  color: #FFF5D9;
  border: none;
  border-radius: 0;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  box-sizing: border-box;
}

/* Remove unwanted Enfold/Woo elements inside tiles */
.a24-course-grid-cards .avia_cart_buttons,
.a24-course-grid-cards .avia_cart_buttons * ,
.a24-course-grid-cards .add_to_cart_button,
.a24-course-grid-cards .added_to_cart,
.a24-course-grid-cards .button.product_type_simple,
.a24-course-grid-cards .button.product_type_variable,
.a24-course-grid-cards .button.product_type_grouped{
  display: none !important;
}

/* Kill Enfold arrow decoration */
.a24-course-grid-cards .avia-arrow{
  display:none !important;
}

/* Avoid default product image/title duplications if theme still prints */
.a24-course-grid-cards .product .thumbnail_container,
.a24-course-grid-cards .product .thumbnail_container *,
.a24-course-grid-cards .product .inner_product_header,
.a24-course-grid-cards .product .inner_product_header *{
  /* Keep our card as the only visible content */
}

/* Ensure our card doesn't get extra padding/margins from Enfold grid entries */
.a24-course-grid-cards .grid-entry .inner-entry{
  padding: 0 !important;
}

/* ===== A24 v1.0.7 overrides (layout + meta + cleanup) ===== */

/* Make sure card is fixed size */
.a24-course-grid-cards .a24-course-card{
  width:392px;
  height:444px;
  position:relative;
  overflow:hidden;
}

/* Background must cover full card */
.a24-course-grid-cards .a24-course-card__bg,
.a24-course-grid-cards .a24-course-card__bg::before{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
}

/* Content pinned to bottom with 30px inner padding */
.a24-course-grid-cards .a24-course-card__content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:0 40px 30px 40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* Date + place typography */
.a24-course-grid-cards .a24-course-card__meta{
  color:#FFF5D9 !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  font-size:11px !important;
  line-height:1 !important;
}

/* Button: keep your params, NO font-family here */
.a24-course-grid-cards .a24-course-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:250px;
  height:44px;
  padding:0 18px;
  background:#FF5107;
  color:#FFF5D9;
  border:none;
  border-radius:0;
  font-weight:600 !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:0.4em !important;
  text-transform:uppercase !important;
}

/* Hide Enfold/Woo leftovers under tiles */
.a24-course-grid-cards .price,
.a24-course-grid-cards .add_to_cart_button,
.a24-course-grid-cards .product_type_simple,
.a24-course-grid-cards .product_type_variable,
.a24-course-grid-cards .product_type_grouped,
.a24-course-grid-cards .product_type_external,
.a24-course-grid-cards .show_details_button,
.a24-course-grid-cards .avia_cart_buttons,
.a24-course-grid-cards .avia_cart_buttons_container{
  display:none !important;
}

/* Remove avia arrow decorator if present */
.a24-course-grid-cards .avia-arrow{ display:none !important; }


/* Font-family is intentionally NOT forced here.
   Set title/meta font in your theme Quick CSS so the grid follows your chosen Neuf face. */