/* ==========================================================================
   HOCO REDESIGN — 43 SINGLE PRODUCT CTA
   Styles the theme-injected order block on the single product page:
   .hoco-wa-order (WhatsApp CTA) · .hoco-trust (trust panel) · .hoco-pay (badges).
   Scoped to the single-product summary. Matches /test look. RTL + responsive.
   ========================================================================== */

/* ---- WhatsApp order CTA: big full-width green primary button under price ---- */
.single-product .summary .hoco-wa-order,
.single-product .summary .hoco-wa-order:visited{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;margin:18px 0 16px;
  background:var(--hoco-wa);color:#fff;
  border:0;border-radius:var(--hoco-radius);
  padding:16px 22px;
  font-family:inherit;font-weight:800;font-size:17px;line-height:1.2;
  box-shadow:0 8px 22px rgba(37,211,102,.28);
  transition:background .2s,transform .15s,box-shadow .2s;
}
.single-product .summary .hoco-wa-order:hover{
  background:var(--hoco-wa-dark);color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(29,168,81,.34);
}
.single-product .summary .hoco-wa-order:active{transform:translateY(0)}
.single-product .summary .hoco-wa-order svg{
  width:24px;height:24px;flex:0 0 auto;fill:currentColor;
}

/* ---- Trust list: clean bordered rounded panel ---- */
.single-product .summary .hoco-trust{
  list-style:none;margin:0 0 16px;padding:14px 16px;
  background:var(--hoco-surface);
  border:1px solid var(--hoco-line);
  border-radius:var(--hoco-radius);
  box-shadow:var(--hoco-shadow);
  display:grid;gap:10px;
}
.single-product .summary .hoco-trust li{
  display:flex;align-items:flex-start;gap:11px;
  margin:0;padding:0;
  font-size:14.5px;line-height:1.55;color:var(--hoco-ink);
  border:0;
}
.single-product .summary .hoco-trust li + li{
  padding-top:10px;border-top:1px solid var(--hoco-line);
}
.single-product .summary .hoco-trust .hoco-trust-ico{
  flex:0 0 auto;font-size:20px;line-height:1.4;
  width:26px;text-align:center;
}

/* ---- Payment badges row ---- */
.single-product .summary .hoco-pay{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 18px;
}
.single-product .summary .hoco-pay .hoco-pay-label{
  font-size:13.5px;font-weight:700;color:var(--hoco-muted);
  margin-inline-end:2px;
}
.single-product .summary .hoco-pay .hoco-pay-badge{
  display:inline-flex;align-items:center;
  background:var(--hoco-bg);
  border:1px solid var(--hoco-line);
  border-radius:8px;
  padding:6px 11px;
  font-size:12px;font-weight:700;color:#4a444e;
  white-space:nowrap;
}

/* ---- Responsive ---- */
@media (max-width:768px){
  .single-product .summary .hoco-wa-order{
    padding:15px 18px;font-size:16px;margin:16px 0 14px;
  }
  .single-product .summary .hoco-trust{padding:13px 14px}
  .single-product .summary .hoco-trust li{font-size:14px}
}