/* Button styling */

.wpdm-download-button a {
  text-decoration: none !important;
}
.w3eden .btn-primary,
.w3eden .btn-info,
.w3eden .btn-danger,
.w3eden .btn-success {
  border-style: solid !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
  border-width: 1px !important;

  font-weight: 500 !important;
  font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
  /* margin-left: var(--wp--preset--spacing--xs-12, 0.75rem) !important; */

  &:hover,
  &:focus,
  &:active {
    opacity: 0.8 !important;
    box-shadow: none !important;
  }
}

.w3eden .btn-primary,
.w3eden .btn-info {
  border-color: var(--wp--preset--color--primary, #0f6dbf) !important;
  color: var(--wp--preset--color--primary, #0f6dbf) !important;
  background-color: transparent !important;
}

.w3eden .btn-danger {
  border-color: var(--wp--preset--color--warning, #fb0c0c) !important;
  color: var(--wp--preset--color--warning, #fb0c0c) !important;
  background-color: transparent !important;
}
.w3eden .btn-success {
  background-color: transparent !important;
  background-image: var(--wp--preset--gradient--blue-to-turquoise) !important;
  border-color: var(--wp--preset--color--border, #dee6e6) !important;
  color: var(--wp--preset--color--primary-foreground, #ffffff) !important;
}

.w3eden .btn .label-price {
  background-color: transparent !important;
}
.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white {
  width: 22px !important;
  height: 22px !important;
}

.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white::before {
  content: '' !important;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27%23ffffff%27%20viewBox%3D%270%200%20256%20256%27%3E%3Cpath%20d%3D%27M248,128a87.34,87.34,0,0,1-17.6,52.81,8,8,0,1,1-12.8-9.62A71.34,71.34,0,0,0,232,128a72,72,0,0,0-144,0,8,8,0,0,1-16,0,88,88,0,0,1,3.29-23.88C74.2,104,73.1,104,72,104a48,48,0,0,0,0,96H96a8,8,0,0,1,0,16H72A64,64,0,1,1,81.29,88.68,88,88,0,0,1,248,128Zm-69.66,42.34L160,188.69V128a8,8,0,0,0-16,0v60.69l-18.34-18.35a8,8,0,0,0-11.32,11.32l32,32a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;

  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 22px !important;
  height: 22px !important;

  font-size: 0 !important; /* hide original FontAwesome glyph */
  line-height: 0 !important;
}

/* Card styling */

.felusch-download-card {
  border: solid 1px var(--wp--preset--color--border, #e5e5e5);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
}

.felusch-download-card-body {
  display: flex;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--md-48-r, 1rem);
}

.felusch-download-card-media {
  display: flex;

  gap: var(--wp--preset--spacing--sm-16, 1rem);
}

.felusch-download-card-description {
  color: var(--wp--preset--color--muted, #6c757d);
}

.felusch-download-card-meta {
  display: flex;
  align-items: flex-start;
  gap: var(--wp--preset--spacing--sm-16, 1rem);
  color: var(--wp--preset--color--muted, #6c757d);
}

@media screen and (max-width: 640px) {
  .felusch-download-card-body {
    flex-direction: column;
  }
  .felusch-download-card-meta {
    flex-direction: column;
    gap: 6px;
  }
  .felusch-download-card-link {
    display: flex;
    justify-content: flex-end;
  }
}

.felusch-download-card-meta-entry {
  display: flex;
  align-items: stretch;
  gap: 6px;
}

.felusch-download-card-link .wpdm_cart_form {
  margin: 0px 0px;
}
.w3eden .felusch-download-card-link .btn {
  text-wrap: nowrap;
}

.w3eden h3.felusch-download-card-title {
  font-size: var(--wp--preset--font-size--body-emphasized, 1.375rem);
  color: var(--wp--preset--color--foreground, #333333);
}

/* default template */
.w3eden .link-template-default .card-body {
  display: flex;
  gap: 1rem;
}

/* pay what you want template */
.w3eden .felusch-pwyw .wpdm_cart_form {
  margin-left: 64px;
}

.w3eden .custom-pwyw-container .price-and-button {
  display: flex;
  align-items: center;

  gap: 12px;
}

.w3eden .custom-pwyw-container .price-and-button .form-control {
  width: auto;
  max-width: 6.25rem;
}

@media screen and (max-width: 640px) {
  .w3eden .custom-pwyw-container .price-and-button {
    flex-direction: column;
    align-items: start;
    margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
  }
}

/* purchases page */
.w3eden .card-purchases #od-fullwidth-view {
  display: none;
}

/* Single Product Premium Package */
.felusch-premium-package-image {
  max-width: 100%;
}
.felusch-premium-package-image img {
  max-width: 100%;
}
.felusch-premium-package-image-and-description {
  display: flex;
  flex-direction: row;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
  align-items: flex-start;
}

.felusch-premium-package-buttons hr {
  display: none;
}

.felusch-premium-package {
  padding: var(--wp--preset--spacing--sm-24-r, 1.5rem);
  border: var(--wp--preset--color--border, #e5e5e5) solid 1px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}

.felusch-premium-package-content {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}

.felusch-premium-package .__wpdmpp_buy_now_zone_4396 {
  display: none;
}

.felusch-premium-package .wpdm_cart_form {
  margin: 0px !important;
}

.felusch-premium-package .wpdmpp-product-price::before {
  content: 'Preis: ';
}

.felusch-premium-package-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--wp--preset--spacing--sm-16-r, 1.375rem);
}
.felusch-premium-package-buttons .input-group-asyoupay .iwanttopay {
  width: auto !important;
  max-width: 7rem !important;
}

.w3eden .felusch-download-card .custom-pwyw-container label {
  font-style: italic;
  font-size: smaller;
}

@media screen and (max-width: 640px) {
  .felusch-premium-package-image-and-description {
    flex-direction: column;
    gap: var(--wp--preset--spacing--md-32-r, 2rem);
  }

  .felusch-premium-package-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Set Logo for modal */

#wpdm_modal_login_logo::before {
  content: url('../../assets/logo_black_110x110.png');
  display: block;
}

#wpdm_modal_login_logo img {
  display: none !important;
}

/* Login from */

.login-form-meta-text {
  font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
}