/* WS Subscriptions */

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.product-subscription-select {
  /* width: 100%;
  padding: 20px;
  margin: 20px 0;
  text-align: left; */
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.product-subscription-select__radio {
  padding: 20px;
  border: 2px solid #f0f0f0;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.typeSubscriptionWrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}


.product-subscription-select .span-label {
  margin-left: 5px;
  display: inline-block;
  margin: 0px !important;
}

.product-subscription-select .span-label div p {
  margin: 0px !important;
}

.product-subscription-select .span-label label {
  margin: 0px !important;
}

.product-subscription-select ul {
  margin-left: 20px;
}

.product-subscription-select__select-period {
  display: none;
  width: 100%;
  margin-top: 10px;
}

.product-subscription-select__select-period--visible {
  display: block;
}

.product-subscription-select__select-period-label {
  font-size: 14px;
  font-weight: 600;
}

.subscription-period-value {
  color: #95C11F;
  margin: 0 4px;
}

.subscription-period-slider {
  margin-top: 10px;
}

.subscription-period-slider__input {
  width: 100%;
  accent-color: #95C11F;
}

.product-subscription-select ul li {
  font-size: 12px;
  margin: 10px 0;
}

.product-subscription-select ul li:before {
  font-family: "Pe-icon-7-stroke";
  content: "\e66c";
  color: #64bc4f;
  font-weight: 900;
  padding: 0 5px 0 0;
}

.product-subscription-select .custom-radio.disabled {
  background: #eee;
}

.product-subscription-select a {
  text-decoration: underline;
}

.btn-cart-type-select {
  padding: 5px 10px;
  cursor: pointer;
  background: #95C11F;
  border: 0;
  color: #fff;
}

.typeSubscriptionAlert {
  font-size: 14px;
  color: red;
}

.price-subscription-cont,
.price-subscription-cont-without {
  font-size: 14px;
  display: inline-block;
}

.price-subscription-cont .price-subscription {
  color: #95C11F !important;
  font-size: 14px;
}

.radio-switch {
  position: relative;
  display: inline-block;
  display: inline-flex;
  padding: 5px;
  border-radius: 0px;
  background-color: #f5f5f5;
  margin: 0 auto;
}

.radio-switch:focus-within,
.radio-switch:active {
  box-shadow: 0 0 0 2px white;
}

.radio-switch__item {
  position: relative;
  display: inline-block;
  height: calc(46px - 2*3px);
  width: calc(300px*0.5 - 3px);
}

.radio-switch__label {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s;
  text-align: center !important;
}

.radio-switch__input:checked~.radio-switch__label {
  color: #ffffff;
}

.radio-switch__input:focus~.radio-switch__label {
  background-color: #fff;
}

.radio-switch__label :not(*):focus-within,
.radio-switch__input:focus~.radio-switch__label {
  background-color: transparent;
}

.radio-switch__input:disabled~.radio-switch__label {
  color: #ddd;
  cursor: not-allowed;
  pointer-events: none;
}

.radio-switch__marker {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -100%;
  border-radius: 0px;
  background-color: #95C11F;
  height: calc(46px - 2*3px);
  width: calc(300px*0.5 - 3px);

  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.radio-switch__input:checked~.radio-switch__marker {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.ws-category-tree {
  text-align: left;
}

.ws-category-tree li {
  margin: 1px 0;
}

.ws-category-tree li a {
  display: block;
  padding: 10px 20px;
  background: #f5f5f5;
}

.ws-products-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  justify-items: center;
}

@media (max-width: 767px) {
  .ws-products-list {
    grid-template-columns: 1fr 1fr;
  }
}

.one-column {
  grid-template-columns: 1fr;
  min-height: 200px;
}

.ws-product-template {
  border: 1px #ccc solid;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.ws-product-template__image {
  margin-bottom: 10px;
}

.ws-product-template__name {
  margin-bottom: 10px;
}

.ws-product-template__price {
  margin-bottom: 10px;
}

.ws-product-template__button {
  display: inline-block;
  padding: 5px 10px;
  background-color: #95C11F;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
}

.ws-product-template__button:hover {
  background-color: transparent;
  color: #95C11F;
}


.ws-product-template__button--disabled {
  background-color: #cccccc;
  color: #ffffff;
}

.ws-product-template__button--disabled:focus,
.ws-product-template__button--disabled:visited,
.ws-product-template__button--disabled:hover,
.ws-product-template__button--disabled:active {
  background-color: #cccccc;
  color: #ffffff;
}


.ws-remove-row {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.ws-button-toggle {
  margin-top: 20px;
}

.ws-button-toggle:after {
  display: inline-block;
  content: '\e5ce';
  font-family: 'Material Icons';
  color: #ffffff;
  font-size: 18px;
  vertical-align: middle;
}

.ws-button-toggle.collapsed:after {
  display: inline-block;
  content: '\e5cf';
  font-family: 'Material Icons';
  color: #ffffff;
  font-size: 16px;
  vertical-align: middle;
}

.ws-button-toggle:hover:after {
  color: #95C11F;
}

.ws-btn-danger {
  background: red;
}

.ws-btn-danger:hover {
  background: transparent;
  border: 1px red solid;
  color: red;
}

.account-credit-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px;
  border-bottom: 1px #f5f5f5 solid;
  padding-bottom: 10px;
}

.account-credit-card__description {
  font-weight: 600;
}

.subscription-section {
  display: flex;
  align-items: center;
}

.subscription-section .subscription-input {
  margin-bottom: 0.5rem;
}

.subscription-section .subscription-input-text {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-left: 10px;
}

.subscription-section .form-control-comment {
  margin-bottom: 0.5rem;
  padding-top: 0px;
}

#hidden-success-info {
  display:none;
  position: absolute;
  margin-bottom: 0px;
  margin-top: 4px;
  margin-left: 10px;
}

#hidden-success-info.show{
  display:inline-block;
}

.subscription_shipping_adress_form.hidden {
  display: none;
}

/* Hide product recommendations when cart is subscription */
body:has( .product-subscription-select__select-period):not(#product) .ets_crosssell_block,
body:has( .product-subscription-select__select-period) .nrt-cart-recommendations-wrapper {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#product .ets_crosssell_block .price{
  margin-right: unset !important;
}

body#product .ets_crosssell_block .price-subscription-cont{
  font-size: 12px !important;
}
body#product .ets_crosssell_block .info-product{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#js-checkout-summary.ws-subscription-cart .inpost-izi-btn-wrapper {
  display: none !important;
}

@media (max-width: 950px) {
  .account-credit-card {
    flex-direction: column;
    border: 1px #ccc dashed;
    padding: 20px;
    gap: 20px;
  }

  .account-credit-card__description {
    text-align: center;
  }
}

@media (max-width: 320px) {
  .account-credit-card__buttons {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
}

.swiper-slide {
  height: auto !important;
}

/* BLIK payment box (subset of classes used in the provided example) */
.ws-blik-box {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(1 149 69);
  border-radius: 0.375rem;
  background-color: rgb(249 250 251);
}

.ws-blik-box .w-full {
  width: 100%;
}

.ws-blik-box .w-full label{
  text-align: center;
}

.ws-blik-box .p-2 {
  padding: 0.5rem;
}

.ws-blik-box .flex {
  display: flex;
}

.ws-blik-box .items-center {
  align-items: center;
}

.ws-blik-box .justify-between {
  justify-content: space-between;
}

.ws-blik-box .gap-4 {
  gap: 1rem;
}

.ws-blik-box .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ws-blik-box .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.ws-blik-box .text-center {
  text-align: center;
}

.ws-blik-box .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ws-blik-box .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ws-blik-box .font-bold {
  font-weight: 700;
}

.ws-blik-box .underline {
  text-decoration-line: underline;
}

.ws-blik-box .grid {
  display: grid;
}

.ws-blik-box .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ws-blik-box .gap-x-\[15px\] {
  column-gap: 15px;
}

.ws-blik-box .gap-y-2 {
  row-gap: 0.5rem;
}

.ws-blik-box .place-items-center {
  place-items: center;
}

.ws-blik-box .p-4 {
  padding: 1rem;
}

.ws-blik-box .gap-2 {
  gap: 0.5rem;
}

.ws-blik-box .h-\[35px\] {
  height: 35px;
}

.ws-blik-box .col-span-2 {
  grid-column: span 2 / span 2;
}

.ws-blik-box .justify-self-center {
  justify-self: center;
}

.ws-blik-box .p-inputtext {
  width: 50%;
  margin: auto;
}

.ws-blik-box .ws-blik-note {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-top: 6px;
}

.ws-blik-box .ws-bank-grid {
  width: 100%;
}

.ws-blik-box .ws-bank-item {
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  width: 100%;
}

.ws-blik-box .ws-bank-item img {
  height: 35px;
  width: auto;
}

body.ws-checkout-ajax-loading #content-wrapper,
body.ws-checkout-ajax-loading #right-column {
  opacity: 0.65;
  pointer-events: none;
}



body#checkout section.checkout-step#checkout-payment-step .content .my-2{
    margin: 0.5rem 0 !important;
}


body.open-canvas.ws-subscription-cart #nrt-reco-overlay,
body.open-canvas.ws-subscription-cart #nrt-mobile-recommendations {
  display: none !important;
}