/* Workshop Manager Styles */
.wem-workshop-date {
    font-size: 16px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.wem-workshop-places {
    font-size: 16px;
    margin-bottom: 10px;
}
.wem-workshop-places .sold-out {
    color: #c0392b;
    font-weight: bold;
}
/* Could extend with more styling as needed */
.wem-workshop-banner-image {
    width: 100vw;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-size: cover;
background-position: top center;
/* Remove fixed height */
    height: auto;
    min-height: 500px; /* fallback */
    z-index: 1;
}



.wem-workshop-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.1); /* semi-transparent black overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.wem-banner-text h1 {
    font-size: 3rem;
    margin: 0;
    color: white;
}

.wem-banner-text h2 {
    font-size: 1.5rem;
 margin-top: 0.5rem;
 color: white;
}

.wem-banner-date-location {
    font-size: 1.25rem;
    margin-top: 0.5rem;
}

.wem-banner-text .cart {
  margin-top: 20px;
}

.wem-banner-text .join-workshop-button {
  background-color: #0071a1 !important;
  color: white !important;
  padding: 12px 20px !important;
  font-size: 1.2em !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: 20px !important;
  border-radius: 5px !important;
  transition: background-color 0.3s ease !important;
  border: none !important;
}

.wem-banner-text .join-workshop-button:hover {
  background-color: #005f7a !important;
  color: white !important;
}

/* Expand content area when no sidebar */
.single-product.no-sidebar #primary,
.single-product.no-sidebar .content-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide sidebar if not removed by PHP (backup) */
.single-product.no-sidebar .sidebar {
    display: none !important;
}

.woocommerce div.product .summary:empty {
    display: none !important;
}

.summary.entry-summary:empty {
    display: none !important;
}

.single-product div#primary.content-area,
.single-product main.site-main,
.single-product .woocommerce,
.single-product .woocommerce-notices-wrapper,
.single-product .summary.entry-summary {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.single-product .woocommerce-breadcrumb,
.single-product .storefront-breadcrumb,
.single-product .breadcrumb-trail {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.custom-product-gallery-tab {
  column-count: 3;
  column-gap: 1rem;
}

.custom-product-gallery-tab .woocommerce-product-gallery__image {
  break-inside: avoid;
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
}

.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel hr {
    display: none !important;
}


/* START OF BANNER CSS */
/* Full viewport hero slider on homepage */
.home .wem-hero-slider {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
}

/* Break out of Storefront container */
.home .site-main > .col-full > .wem-hero-slider {
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* Remove Storefront spacing above content */
.home .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Hide the default page header (title area) */
.home .page-header {
    display: none;
}

/* Completely hide breadcrumbs container and remove any space it creates */
.woocommerce-breadcrumb {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}