/* Fix: Nu Kopen button alignment and sizing — lives inside form.cart after JS move */
.c-btn--product--buy-now,
.c-btn--product--buy-now *{
  white-space:nowrap !important;
}
.c-btn--product--buy-now{
  justify-content:center !important;
  align-self:stretch !important;
}
.c-product-btn-container{
  align-items:flex-end !important;
}

/* Jebra single-post sticky sidebar */
.c-post-layout{
  display:flex;
  flex-flow:row;
  align-items:flex-start;
  gap:clamp(1.5rem, 3vw, 2.5rem);
}
.c-post-layout__content{
  flex:1 1 68%;
  width:68%;
  min-width:0;
}
.c-post-sidebar{
  flex:0 0 32%;
  width:32%;
  max-width:340px;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  position:sticky;
  top:144px;
  z-index:2;
}

/* Author card */
.c-author-card{
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  padding:1.25rem 1.25rem 1.35rem;
  background:linear-gradient(180deg, #feffcc 0%, #ffffff 42%);
  border:1px solid rgba(0,40,5,0.08);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,40,5,0.06);
  position:relative;
  overflow:hidden;
}
.c-author-card::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:4px;
  background:var(--primary-solid, #f5fa00);
}
.c-author-card > .oxy-text:first-child,
.c-author-card > p:first-child{
  margin:0;
  color:rgba(0,40,5,0.55);
  font-size:0.75rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:600;
}
.c-author-card__avatar,
.c-author-card__avatar img{
  width:80px !important;
  height:80px !important;
  border-radius:999px !important;
  object-fit:cover;
  border:3px solid var(--primary-solid, #f5fa00);
  background:#ececec;
  box-shadow:0 4px 12px rgba(0,40,5,0.1);
}
.c-author-card .u-heading-4,
.c-author-card h3{
  margin:0;
  color:var(--secondary-solid, #002805);
  font-size:1.15rem;
  line-height:1.25;
}
.c-author-card > p:last-of-type{
  margin:0;
  color:rgba(0,40,5,0.72);
  line-height:1.5;
  font-size:0.9rem;
}

/* Newsletter card (outer wrapper only) */
.c-post-sidebar > .c-post-sidebar__form{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  padding:1.25rem;
  background:var(--secondary-solid, #002805);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,40,5,0.12);
  color:#fff;
}
.c-post-sidebar > .c-post-sidebar__form > .oxy-text.u-heading-4,
.c-post-sidebar > .c-post-sidebar__form > h3{
  margin:0;
  color:#fff !important;
  font-size:1.15rem;
}
.c-post-sidebar > .c-post-sidebar__form > .oxy-text.u-text-small,
.c-post-sidebar > .c-post-sidebar__form > p{
  margin:0;
  color:rgba(255,255,255,0.78) !important;
  font-size:0.9rem;
  line-height:1.45;
}

/* Form: stack email + button (override footer newsletter absolute button) */
.c-post-sidebar .bde-form-builder,
.c-post-sidebar .bde-form-builder.bde-form-builder-1259-139{
  width:100%;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
}
.c-post-sidebar .breakdance-form{
  display:flex !important;
  flex-direction:column !important;
  gap:0.75rem !important;
  position:static !important;
  grid-template-columns:none !important;
}
.c-post-sidebar .breakdance-form .breakdance-form-field{
  width:100% !important;
  position:static !important;
  transform:none !important;
  top:auto !important;
  right:auto !important;
  grid-column:auto !important;
}
.c-post-sidebar .breakdance-form .breakdance-form-footer{
  width:100% !important;
  position:static !important;
  transform:none !important;
  top:auto !important;
  right:auto !important;
  display:flex !important;
  justify-content:stretch !important;
  margin:0 !important;
}
.c-post-sidebar .breakdance-form .breakdance-form-field__input{
  width:100% !important;
  max-width:100% !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0.85rem 1.1rem !important;
  background:#fff !important;
  color:#002805 !important;
  box-shadow:none !important;
}
.c-post-sidebar .breakdance-form .breakdance-form-button__submit,
.c-post-sidebar .breakdance-form .button-atom{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--primary-solid, #f5fa00) !important;
  color:var(--secondary-solid, #002805) !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:0.04em;
  padding:0.85rem 1.1rem !important;
  justify-content:center !important;
}

@media (max-width:767px){
  .c-post-layout{flex-flow:column}
  .c-post-layout__content{order:1;flex:1 1 auto;width:100%}
  .c-post-sidebar{
    order:2;
    flex:1 1 auto;
    width:100%;
    max-width:none;
    position:static;
  }
}

/* ── Mobile product page: buttons alignment (bigger mobile included) ── */
@media (max-width:1023px){
  .c-product-btn-container{
    flex-flow:column !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100%;
  }
  /* Oxygen/Product Card uses a parent FancyContainer (79-134) that centers content */
  .breakdance .bde-fancy-container-79-134{
    width:100% !important;
    max-width:100% !important;
    align-items:stretch !important;
    justify-content:stretch !important;
  }
  .breakdance .c-product-btn-container{
    width:100% !important;
    max-width:100% !important;
    justify-content:stretch !important;
  }
  .c-product-btn-container .bde-wooproductcartbutton{
    width:100%;
  }
  .c-product-btn-container .bde-wooproductcartbutton form.cart{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  .c-product-btn-container .bde-wooproductcartbutton .quantity{
    width:100% !important;
    max-width:100% !important;
  }
  .breakdance .bde-wooproductcartbutton-79-124 .quantity--number{
    width:100% !important;
    max-width:100% !important;
  }
  .breakdance .bde-wooproductcartbutton-79-124 .quantity--number input.qty{
    width:100% !important;
    max-width:100% !important;
  }
  /* Oxygen sets grouped quantity width to 148px (<=767px); override so cart can expand */
  .breakdance .bde-wooproductcartbutton-79-124 .woocommerce-grouped-product-list-item__quantity{
    width:100% !important;
    max-width:100% !important;
  }
  .c-product-btn-container .bde-wooproductcartbutton button.single_add_to_cart_button{
    width:100% !important;
    justify-content:center !important;
  }
  .c-product-btn-container .c-btn--product--buy-now{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    justify-content:center !important;
    text-align:center;
  }
  .breakdance .bde-fancy-container-79-136{
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:12px !important;
  }
  .breakdance .bde-fancy-container-79-136 .yith-add-to-wishlist-button-block{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }
  .breakdance .bde-fancy-container-79-136 .yith-add-to-wishlist-button-block a,
  .breakdance .bde-fancy-container-79-136 .yith-add-to-wishlist-button-block button{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
  }
  /* When the product is already in wishlist, YITH switches to browse-wishlist state */
  .breakdance .bde-fancy-container-79-136 .yith-wcwl-browse-wishlist,
  .breakdance .bde-fancy-container-79-136 .yith-wcwl-browse-wishlist a,
  .breakdance .bde-fancy-container-79-136 .yith-wcwl-browse-wishlist button{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* Bigger-mobile tweak requested */
@media (min-width: 480px) {
  .breakdance-woocommerce div.product form.cart {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
  .breakdance .bde-wooproductcartbutton-79-124{
    width:100% !important;
  }
  .breakdance .bde-wooproductcartbutton-79-124 form.cart{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 auto !important;
  }
  .breakdance-woocommerce .bde-wooproductcartbutton-79-124{
    align-items:stretch !important;
  }
  .breakdance-woocommerce .bde-wooproductcartbutton-79-124 form.cart{
    align-self:stretch !important;
  }
  /* Oxygen global-settings.css forces form.cart width to 220px at >=480px. Override with higher specificity. */
  .breakdance-woocommerce .bde-wooproductcartbutton-79-124 form.cart{
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Extra specificity: beat Oxygen's exact >=480px rule even if source order differs. */
  .breakdance .breakdance-woocommerce .bde-wooproductcartbutton-79-124 form.cart{
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
}