/**
 * /*!
 * Theme Name:      SnelPen
 * Theme URI:       https://snelpen.nl
 * Author:          SiteWeb
 * Author URI:      https://siteweb.nl
 * Description:     SnelPen thema
 * Text Domain:     snelpen
 * wc_gzd_compatible: true
 * ======
 * All main styles are in /assets/css/main/main.css
 * ======
 *
 */
 
 .single_quote_button {
    float: left;
    width: 180px;
    height: 58px;
    margin-left: 44px;
    outline: 0;
    color: #fff;
    background: #222;
        background-color: rgb(34, 34, 34);
    font-size: 19px;
    font-weight: 400;
    line-height: 58px;
    text-align: center;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
 }
 
  .nf_button {
    float: left;
    width: 180px;
    height: 58px
    outline: 0;
    color: #fff;
    background: #222;
        background-color: rgb(34, 34, 34);
    font-size: 19px;
    font-weight: 400;
    line-height: 58px;
    text-align: center;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
	margin-top: 10px;
 }
 
 .shipping .woocommerce-shipping-destination {
display: none;
}

.nf-after-form-content {
	
	display:none;
}

.attribute-swatch {
    margin-left: 2px;
}

.mpc-ribbon{
    z-index: 9 !important;
}


.woocommerce-loop-category__title mark.count {
display: none;
}

.btn-home {
    text-transform: uppercase;
    box-shadow: rgba(2, 11, 25, 0.5) 0px 20px 40px;
    text-align: initial;
    font-weight: 600;
    text-decoration: none;
    background: #ff3874;
    padding: 10px 25px;
    border-radius: 0;
    font-family: Helvetica;
    color: #fff !important;
    font-size: 24px;
}
.btn-home:hover {
    box-shadow: rgba(2, 11, 25, 0.5) 0px 1px 10px;
}
.min-afname{
    font-size: 80%;
}
.wcva_filter_widget a div {
  margin: 2px;
  border: solid 1px #cecece;
}
div.single_variation_wrap > div.woocommerce-variation > div.woocommerce-variation-price .price {
  display: block;
  margin-top: 21px;
  font-size: 20px;
}

.yith-ywraq-add-to-quote {
  width: 100%;
}

a.add-request-quote-button.button {
  float: left;
  width: 100%;
  font-size: 12px !important;
  text-align: center;
  letter-spacing: .7px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
  padding: 6px;
}
.widget-area.wcva-filter-widget {
  margin-bottom: 2.6em;
  padding-bottom: 2.6em;
}
.product-category:hover img {
  opacity: 1 !important;
}
.variations_form table {
  overflow: auto;
}

/* Oranje offerteknop */
.spq-btn {
  background: #FFA94D;
  border-color: #FFA94D;
  color: #111;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  outline: 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
}
.spq-btn:hover{ filter:brightness(0.95); color:#111; }

/* Popup */
/* Overlay met gutter en animatie */
.spq-modal{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  z-index: 9999;
  --spq-pad: clamp(10px, 3vw, 16px);
  padding: var(--spq-pad);

  /* hidden state */
  opacity: 0; visibility: hidden; pointer-events: none;
}

/* OPEN overlay */
.spq-modal.is-open{
  opacity: 1; visibility: visible; pointer-events: auto;
  animation: spq-overlay-in 320ms ease both;
}

/* CLOSING overlay */
.spq-modal.is-closing{
  animation: spq-overlay-out 260ms ease both;
}

/* Dialog */
.spq-dialog{
  position: relative; background:#fff; color: inherit;
  width: min(720px, 100%);
  margin: 0 auto; padding: 20px;
  border-radius: 14px;
  box-shadow: 0 15px 50px rgba(0,0,0,.2);
  max-height: calc(100dvh - 2*var(--spq-pad));
  overflow: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
}

/* Dialog enter (overshoot pop) */
.spq-modal.is-open .spq-dialog{
  animation: spq-pop-in 420ms cubic-bezier(.18,.9,.2,1) both;
}

/* Dialog leave (shrink/fade) */
.spq-modal.is-closing .spq-dialog{
  animation: spq-pop-out 300ms cubic-bezier(.2,.8,.2,1) both;
}

/* Close button */
.spq-close{
  position:absolute; top:8px; right:12px;
  border:0; background:transparent; font-size:28px; line-height:1; cursor:pointer;
}

/* Body lock */
body.spq-lock{ overflow:hidden; touch-action:none; }

/* Keyframes */
@keyframes spq-overlay-in{
  0%{ opacity:0; backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px); }
  100%{ opacity:1; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
}
@keyframes spq-overlay-out{
  0%{ opacity:1; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
  100%{ opacity:0; backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px); }
}
@keyframes spq-pop-in{
  0%  { transform: translateY(18px) scale(.94) rotateX(6deg); opacity:0; }
  60% { transform: translateY(-4px) scale(1.03) rotateX(0deg); opacity:1; }
  100%{ transform: translateY(0) scale(1) rotateX(0deg); opacity:1; }
}
@keyframes spq-pop-out{
  0%  { transform: translateY(0) scale(1); opacity:1; filter:blur(0px); }
  100%{ transform: translateY(6px) scale(.96); opacity:0; filter:blur(2px); }
}

/* Fallback zonder dvh */
@supports not (height: 100dvh){
  .spq-dialog{ max-height: calc(100vh - 2*var(--spq-pad)); }
}

/* Respecteer reduce motion */
@media (prefers-reduced-motion: reduce){
  .spq-modal,
  .spq-dialog{
    animation: none !important;
    transition: none !important;
  }
}