/* Join‑IT styling that blends with the site's theme.
   – Inherit the theme's font, radius, and button styles
   – Use CSS variables if present (WP 2024+, WooCommerce, or theme)
*/
:root {
  --jit-rfq-radius: var(--wp--custom--radius, 12px);
  --jit-rfq-shadow: 0 10px 30px rgba(0,0,0,.18);
  /* Try to use theme primary; fall back to blue */
  --jit-rfq-primary: var(--wp--preset--color--primary, #0d4fd6);
  --jit-rfq-accent: var(--wp--preset--color--accent, #00b894);
}

.jit-wc-rfq-button.button {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: var(--jit-rfq-radius);
  padding: .75rem 1.1rem;
}

.jit-wc-rfq-button.button:after {
  content: "↗";
  font-size: .9em;
  transform: translateY(-1px);
}

/* Modal shell */
.jit-wc-rfq-modal{display:none;position:fixed;inset:0;z-index:9999}
.jit-wc-rfq-modal.is-open{display:block}
.jit-wc-rfq-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}

/* Dialog */
.jit-wc-rfq-dialog{
  position:relative;
  margin:6vh auto;
  width:min(92vw,560px);
  background:#fff;
  color:inherit;
  padding:28px 26px;
  border-radius: var(--jit-rfq-radius);
  box-shadow: var(--jit-rfq-shadow);
  border:1px solid rgba(0,0,0,.06);
  font: inherit;
}
.jit-wc-rfq-close{
  position:absolute;top:10px;right:12px;
  background:transparent;border:0;font-size:26px;cursor:pointer;
  line-height:1
}
#jit-wc-rfq-title{
  margin:0 0 12px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:none;
}

/* Form */
#jit-wc-rfq-form p{margin:0 0 12px}
#jit-wc-rfq-form label{display:block;margin:0 0 6px;font-weight:600}
#jit-wc-rfq-form input[type=text],
#jit-wc-rfq-form input[type=email],
#jit-wc-rfq-form input[type=tel],
#jit-wc-rfq-form textarea{
  width:100%;padding:12px 12px;
  border:1px solid #e6e6e6;border-radius:10px;background:#fafafa;
}
#jit-wc-rfq-form textarea{min-height:120px;resize:vertical}

#jit-wc-rfq-form .button{
  width:100%;
  justify-content:center;
  background: var(--jit-rfq-primary);
  border-color: var(--jit-rfq-primary);
}
#jit-wc-rfq-form .button:hover{
  filter: brightness(0.95);
}

.jit-wc-rfq-feedback{margin-top:10px;font-weight:600;color:var(--jit-rfq-accent)}
/* Respect dark themes */
@media (prefers-color-scheme: dark){
  .jit-wc-rfq-dialog{background:#111;color:#f3f3f3;border-color:#222}
  #jit-wc-rfq-form input[type=text],
  #jit-wc-rfq-form input[type=email],
  #jit-wc-rfq-form input[type=tel],
  #jit-wc-rfq-form textarea{background:#0f0f0f;border-color:#222;color:#f3f3f3}
}