.custom-product-rental-prices {
  padding-top: 12px;
}
.custom-product-rental-prices table {
  width: 100%;
}
.custom-product-rental-prices table tr td:first-child {
  white-space: nowrap;
  padding-right: 16px;
}
input[type="text"],
select {
  font-size: 14px !important;
}
.date-time-picker .pick-up-date-picker,
.date-time-picker .drop-off-date-picker {
  width: 100%;
}

.date-time-picker {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* ===== Single Product ===== */

/* oder präziser: nur das Wort ausblenden */
.custom-block span.pull-right {
  font-size: 0;
}

.custom-block span.pull-right .woocommerce-Price-amount {
  font-size: 14px; /* Preis wieder sichtbar machen */
}

.product .summary.entry-summary {
  width: 100% !important;
}
.rnb-cart {
  display: flex;
  flex-flow: row nowrap;
}

.rnb-cart::after,
.rnb-cart::before {
  content: unset !important;
}

.rnb_main_rental_content_custom_wrapper {
  padding: 16px;
}

.content_description_custom {
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled {
  background: #20753c !important;
}
.date-time-picker input,
.date-time-picker i {
  color: var(--e-global-color-text);
  top: 15px;
}
.custom-pickup-wrapper,
.custom-return-wrapper,
.payable-inventory,
.custom-halfday-fields,
.custom-long-term-fields,
.custom-tour-fields {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.custom-return-wrapper div,
.custom-halfday-fields label,
.custom-long-term-fields label {
  width: 61px;
}
.payable-inventory {
  justify-content: center;
}
.rnb-component-wrapper {
  margin-bottom: 0;
}
.custom-pickup-wrapper h5,
.custom-return-wrapper h5,
.custom-size-field,
.redq-quantity h5 {
  font-weight: 600;
}
.rnb_main_rental_content_custom_inner_wrapper .custom-size-field {
  font-weight: 400;
}
#resourcePreview h5 {
  padding: 0;
  margin: 0;
}

.payable-inventory h5 {
  padding: 0 0 7px 0;
  margin: 0;
}

#pickup-date,
#dropoff-date,
.inventory-qty {
  height: unset !important;
  border: 1px solid #ddd !important;
  padding: 10px 0 10px 30px;
  width: 150px !important;
}

#select_halfday_rent,
#select_long_term_rent {
  height: unset !important;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-primary-font-family);
}

.single-product form.cart input {
  width: 150px !important;
}

.redq-quantity input {
  padding: 11px;
}

.add_to_cart_and_details_custom,
.rnb_main_rental_content_custom_wrapper {
  display: flex;
  flex-flow: column;
  border: 1px solid #ddd;
  width: 75%;
  border-radius: 4px;
}

.cart.rnb-cart {
  gap: 20px;
}

.custom-paymant-assets-wrapper {
  padding-top: 24px;
  text-align: center;
  font-size: 12px;
}

.custom-paymant-assets-content {
  display: flex;
  justify-content: center;
  gap: 6px;
}

#booking_inventory {
  font-size: 14px !important;
  color: var(--e-global-color-text);
  background-color: #fff;
  padding-top: 13px;
  padding-bottom: 12px;
  width: 150px;
}

.custom-payment-assets-image {
  width: 65px !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #20753c;
}

.single_add_to_cart_button.redq_add_to_cart_button.btn-book-now.button.alt {
  margin: 12px 0 0 0 !important;
}

.add_to_cart_and_details_custom {
  width: 30%;
  padding: 16px;
  padding-bottom: 11px;
}
.add_to_cart_and_details_custom .rnb-loader {
  flex: auto;
}
.add_to_cart_and_details_custom .rnb-loader .booking_cost ul {
  display: flex;
  flex-flow: column;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info,
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info .booking_cost,
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info .booking_cost ul {
  height: 100%;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info .booking_cost ul {
  padding: 0;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info .booking_cost ul .total {
  margin-top: auto;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info {
  margin: 0;
  padding: 0;
  background: unset;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info .duration {
  font-weight: 600;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info ul li:not(:last-child) .price .woocommerce-Price-amount.amount {
  font-size: 14px;
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info ul li:not(:last-child):not(:first-child) .price .woocommerce-Price-amount.amount {
  font-weight: 400;
  color: var(--e-global-color-text);
}
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info ul li:last-child .name,
.add_to_cart_and_details_custom .rnb-loader .booking-pricing-info ul li:last-child .price .woocommerce-Price-amount.amount {
  font-size: 16px;
}
.booking-pricing-info ul li {
  padding: 0;
}
#resourcePreview {
  display: grid !important;
  grid-template-columns: 48%;
  column-gap: 32px;
  grid-template-areas:
    "title title"
    "variant1 variant2";
  margin: 0 auto;
  width: 100%;
}
#resourcePreview div:first-child {
  grid-area: title;
}
.custom-block .pull-right {
  margin-bottom: 0;
  order: 2;
}

/* #resourcePreview .attributes:nth-child(n + 2):nth-child(-n + 4) {
  grid-area: variant1;
}
#resourcePreview .attributes:nth-child(n + 4) {
  grid-area: variant2;
} */
.rnb_main_rental_content_custom_inner_wrapper {
  display: grid !important;
  grid-template-columns: 33%;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-template-areas:
    "pickdate  variable-field frame-size"
    "ressources ressources ressources";
}
/* .rnb_main_rental_content_custom_inner_wrapper > *:nth-child(1),
.rnb_main_rental_content_custom_inner_wrapper > *:nth-child(2),
.rnb_main_rental_content_custom_inner_wrapper > .payable-inventory
{
  border-color: red;
  border-style: solid;
  border-width: 1px;
}
.rnb_main_rental_content_custom_inner_wrapper > *:nth-child(1), 
.rnb_main_rental_content_custom_inner_wrapper > *:nth-child(2) 
{
  border-right: 0;
}
.rnb_main_rental_content_custom_inner_wrapper > *:nth-child(2),
.rnb_main_rental_content_custom_inner_wrapper > .payable-inventory {
  border-left: 0;
} */
.rnb_main_rental_content_custom_inner_wrapper div {
  text-align: center;
}
.custom-return-wrapper div {
  text-align: right;
  width: 61px;
}
.custom-return-wrapper .drop-off-date-picker {
  text-align: right;
}
.custom-return-wrapper .drop-off-date-picker i {
  left: 29px;
}
.pickup-date-wrapper {
  grid-area: pickdate;
}
.custom-halfday-fields,
.custom-long-term-fields,
.dropoff-date-wrapper {
  grid-area: variable-field;
}
.custom-halfday-fields,
.custom-long-term-fields {
  display: none;
}
.custom-halfday-fields select,
.custom-long-term-fields select {
  width: 150px;
}
.custom-size-field {
  grid-area: size;
}
.rnb-booking-inventory {
  grid-area: frame-size;
}
.redq-quantity {
  display: block !important;
  grid-area: quantity;
}
#resourcePreview {
  grid-area: ressources;
}
.rnb_main_rental_content_custom_after_wrapper {
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #ddd;
  margin-top: 15px;
}

.rnb_main_rental_content_custom_after_wrapper {
  color: #20753c;
  display: flex;
  gap: 16px;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  margin: 15px 0 0 0;
}

.info-logo {
  width: 23px;
  margin-bottom: -3px;
}
.rnb_main_rental_content_Info_text {
  font-weight: 600;
}
.single-product form.cart input.helmet_size_26 {
  display: block !important;
  width: 20px !important;
}
select.helmet_size_26 {
  padding: 4px 8px;
  color: var(--e-global-color-text);
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
}

.attributes .custom-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  height: 30px;
}

.custom-block input[type="checkbox"] + span::before {
  top: 8px !important;
}
.custom-block span::after {
  top: 7px !important;
}
.attributes.helmet-sizes .custom-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 41px;
  gap: 13px;
}
.attributes.helmet-sizes .custom-block input {
  height: 16px;
  margin: 0;
  padding: 0;
  font-size: 14pxü;
}

.rnb_main_rental_content_Info_content span {
  font-size: 14px;
}

/* ===== GRUNDLEGENDE STYLES ===== */

/* ===== SLIDER ===== */

.rnb-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px !important;
  background: linear-gradient(to right, #20753c 0%, #20753c 50%, #ddd 50%, #ddd 100%);
  border-radius: 4px;
  outline: none;
  margin: 15px 0;
}

.rnb-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #20753c;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.rnb-slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #20753c;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.rnb-slider:hover::-webkit-slider-thumb {
  transform: scale(1.1);
}

.rnb-slider:hover::-moz-range-thumb {
  transform: scale(1.1);
}

.rnb-slider-value {
  text-align: center;
}

#model-size-display {
  /* color: #303030;
  display: inline-block;
  border-radius: 4px;
  min-width: 80px; */
  font-size: 14px;
}

.rnb-hidden-select {
  display: none;
}

.booking_cost .resource {
  display: none;
}

@media (max-width: 1144px) {
  .custom-pickup-wrapper,
  .custom-return-wrapper,
  .payable-inventory,
  .custom-halfday-fields,
  .custom-long-term-fields {
    flex-flow: column;
    margin: 0 auto;
  }
  .custom-return-wrapper > div {
    text-align: center;
  }
  .custom-return-wrapper .drop-off-date-picker i {
    left: 15px;
  }
  .pick-up-date-picker,
  .drop-off-date-picker {
    padding-right: 0 !important;
  }
}
@media (max-width: 1144px) {
  #resourcePreview {
    display: flex !important;
    flex-flow: column;
  }
  .add_to_cart_and_details_custom {
    width: 285px;
  }
}
@media (max-width: 876px) {
  .rnb_main_rental_content_custom_inner_wrapper {
    display: flex !important;
    flex-flow: column;
  }

  .custom-pickup-wrapper,
  .custom-return-wrapper,
  .payable-inventory,
  .custom-halfday-fields,
  .custom-long-term-fields,
  .custom-tour-fields > div:nth-child(2) {
    flex-flow: row nowrap;
    width: 100%;
  }
  .payable-inventory {
    justify-content: flex-start;
  }
  .custom-return-wrapper .drop-off-date-picker,
  .rnb_main_rental_content_custom_inner_wrapper div {
    text-align: left;
  }
  .custom-pickup-wrapper > div,
  .custom-return-wrapper > div,
  .custom-tour-fields > div,
  .payable-inventory div,
  .custom-halfday-fields label,
  .custom-long-term-fields label {
    width: 72px;
    text-align: left;
    flex-shrink: 0;
  }
}
@media (max-width: 740px) {
  #pickup-date,
  #dropoff-date,
  .inventory-qty,
  #select_halfday_rent,
  #select_long_term_rent,
  #booking_inventory
  {
    width: 100% !important;
  }
  .content_description_custom {
    font-size: 14px;
  }
}
@media (max-width: 654px) {
  .cart.rnb-cart
   {
    flex-flow: column;
    width: 100%;
  }
  .cart.rnb-cart > div {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .rnb-button-option {
    font-size: 14px;
    padding: 8px;
  }
}