/* -------------------------------------------------------
   RFQ Single product action row (Request Quote + WhatsApp)
-------------------------------------------------------- */
.wc-rfq-single-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

/* Ensure RFQ button and WA button are same height */
.wc-rfq-single-actions .wc-rfq-add--pdp{
  height:44px;            /* match WA */
  line-height:44px;
  padding-top:0;
  padding-bottom:0;
  font-weight:700;
  border-radius:8px;
}

/* Compact WhatsApp button */
.wc-rfq-wa-btn{
  width:44px;
  height:44px;
  border-radius:8px;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  flex:0 0 auto;
}

.wc-rfq-wa-btn svg{
  width:18px;
  height:18px;
  fill:#fff;
  display:block;
}

.wc-rfq-wa-btn:hover{
  filter: brightness(0.95);
}

/* -------------------------------------------------------
   Modal: Bootstrap 4 support tweaks (optional but useful)
   Your modal is .modal/.modal-dialog/.modal-content
-------------------------------------------------------- */

/* Keep header close icon visible on blue header (BS4) */
#wc-rfq-modal .modal-header .close{
  opacity:1;
  text-shadow:none;
}

/* status text spacing */
#wc-rfq-modal .wc-rfq-modal__status{
  margin-left:10px;
}

/* form spacing */
#wc-rfq-modal .form-group{
  margin-bottom:12px;
}

/* small screens */
@media (max-width: 480px){
  .wc-rfq-single-actions{
    gap:8px;
  }

  .wc-rfq-single-actions .wc-rfq-add--pdp{
    font-size:14px;
    padding-left:12px;
    padding-right:12px;
  }

  .wc-rfq-wa-btn{
    width:42px;
    height:42px;
  }
}