/* Gope Product Order Now 2.2.0 — compact buttons */
.gope-order-buttons-220{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  margin:7px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  float:none!important;
  clear:both!important;
}
.gope-order-buttons-220 > *{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 7px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  float:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
  border-radius:7px!important;
}
.gope-order-buttons-220 .single_add_to_cart_button{grid-column:1!important;}
.gope-order-buttons-220 .gope-order-now-220{
  grid-column:2!important;
  border:1px solid #078b4c!important;
  background:#fff!important;
  color:#078b4c!important;
  cursor:pointer!important;
}
.gope-order-buttons-220 .gope-order-now-220:hover,
.gope-order-buttons-220 .gope-order-now-220:focus{background:#078b4c!important;color:#fff!important;}
.gope-order-now-220.is-loading{opacity:.6!important;pointer-events:none!important}

/* IMPORTANT: only single product pages can receive this protection.
   No shop/category/archive spacing is created by this plugin. */
body.single-product.gope-header-protected .site-main,
body.single-product.gope-header-protected main.site-main,
body.single-product.gope-header-protected .content-area{
  padding-top:var(--gope-safe-top,0px)!important;
}

@media(max-width:767px){
  .gope-order-buttons-220{gap:5px!important;margin-top:5px!important}
  .gope-order-buttons-220 > *{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 5px!important;
    font-size:12px!important;
    font-weight:600!important;
    border-radius:6px!important;
  }
}
