/*
Theme Name: Inspiro PRO Child
Theme URI: https://www.wpzoom.com/themes/inspiro-pro/
Template: wpzoom-inspiro-pro
Description: This is a simple Child Theme.
Author: WPZOOM
Author URI: https://www.wpzoom.com
Version: 1.0
*/

/* Write your custom CSS code below or add it in the Customizer > Additional CSS */
@media only screen and (max-width: 768px) {
  .custom-cart-container {
    max-width: 100% !important;
    margin: 10px auto !important;
    padding: 10px !important;
  }
  .cart-item-box {
    width: 100% !important;
    padding: 10px !important;
  }
  .cart-item-box img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* Update Cart Button anpassen */
  .custom-cart-container .button[name="update_cart"] {
    padding: 8px 20px !important;
    width: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .cart-item-box {
    margin: 10px auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
  }
  .cart-item-box img {
    max-width: 100% !important;
    height: auto !important;
  }
}
.page-header .entry-title,
.entry-header .entry-title {
  display: none !important;
}

/*
 * Migrated from the database-only WPCode snippet "Progressbar-CSS" (#950).
 * Keeping it here makes the legacy/OPS progress indicator travel with the
 * standalone theme.
 */
#progress-bar-container {
  position: relative;
  overflow: hidden;
  padding: 5px;
  border-radius: 12px;
  background: linear-gradient(to right, #0b3d20, #157a3a);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

#progress-bar-container::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  content: "";
  pointer-events: none;
}