/*
Theme Name: Avada Child
Description: Child theme for Avada
Author: Kühne-Solutions
Template: Avada
Version: 1.0.0
*/


/* =========================================================
   WooCommerce Checkout: Straße + Hausnummer nebeneinander
   ========================================================= */

.woocommerce-checkout .custom-street-house-row {
  display: flex;
  gap: 2%;
  align-items: flex-start;
  width: 100%;
  clear: both;
  margin-bottom: 15px;
}

.woocommerce-checkout .custom-street-house-row #billing_address_1_field,
.woocommerce-checkout .custom-street-house-row #shipping_address_1_field {
  width: 74% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

.woocommerce-checkout .custom-street-house-row #billing_house_number_field,
.woocommerce-checkout .custom-street-house-row #shipping_house_number_field {
  width: 24% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_2_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #shipping_postcode_field,
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #shipping_city_field {
  clear: both !important;
}


/* Checkout-Felder nur auf Mobile untereinander */
@media (max-width: 768px) {
  .woocommerce-checkout .custom-street-house-row {
    display: block;
  }

  .woocommerce-checkout .custom-street-house-row #billing_address_1_field,
  .woocommerce-checkout .custom-street-house-row #shipping_address_1_field,
  .woocommerce-checkout .custom-street-house-row #billing_house_number_field,
  .woocommerce-checkout .custom-street-house-row #shipping_house_number_field {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
}


/* =========================================================
   Off-Canvas Produktdarstellung
   ========================================================= */

#awb-oc-6061 .wc-gzd-additional-info.delivery-time-info,
#awb-oc-6061 .price .woocommerce-Price-amount {
  color: white !important;
}

#awb-oc-7100 .off-canvas-content .fusion-fullwidth {
  height: 100% !important;
}


/* =========================================================
   Ausverkauft Button
   ========================================================= */

.ausverkauft-btn {
  background-color: #ea8267 !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  pointer-events: none;
  border: none !important;
}


/* =========================================================
   Mobile / Tablet Sticky Menüführung
   ========================================================= */

/* Avada Sticky-Spacer ausblenden */
.fusion-sticky-spacer {
  display: none !important;
}

/* Desktop: Mobile-Sticky grundsätzlich aus */
#mobile-sticky {
  display: none !important;
}

/* Mobile + Tablet: Sticky-Logik bis 1024px */
@media (max-width: 1024px) {
  #sticky-menu,
  #sticky-menu.visible {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #mobile-sticky {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;
    margin: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-120%) !important;

    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  #mobile-sticky.is-visible {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(20px) !important;
  }

  #mobile-sticky.is-hidden-by-offcanvas {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-120%) !important;
  }
}


/* =========================================================
   Mobile: Sticky darf wie bisher vollbreit bleiben
   ========================================================= */

@media (max-width: 768px) {
  #mobile-sticky {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   Tablet: Sticky nur als Burger-Button, keine breite Leiste
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {
  #mobile-sticky {
    left: 20px !important;
    right: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  #mobile-sticky.is-visible {
    display: inline-block !important;
    transform: translateY(20px) !important;
  }

  #mobile-sticky.fusion-fullwidth,
  #mobile-sticky.fullwidth-box,
  #mobile-sticky .fusion-fullwidth,
  #mobile-sticky .fullwidth-box,
  #mobile-sticky .fusion-builder-row,
  #mobile-sticky .fusion-row,
  #mobile-sticky .fusion-layout-column,
  #mobile-sticky .fusion-column-wrapper {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

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

    --awb-background-color: transparent !important;
    --awb-background-color-small: transparent !important;
    --awb-background-color-medium: transparent !important;

    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  #mobile-sticky .fusion-builder-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #mobile-sticky .fusion-column-wrapper {
    overflow: visible !important;
  }

  #mobile-sticky .fusion-button,
  #mobile-sticky a,
  #mobile-sticky button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}