/* Unit17 Product Q&A — self-contained front-end styles.
   Literal values (no theme CSS vars, since prod/Elementor lacks them). Fonts inherit.
   Visual props on the button forced with !important so host theme/Elementor button
   rules can't wash out the color/border. */

/* ---- Ask button (near add-to-cart + inside the tab) ---- */
.u17qa { margin:.85rem 0 0; flex-basis:100%; width:100%; }
.u17qa .u17qa-ask-btn,
.u17qa-ask-btn {
	display:inline-flex !important; align-items:center !important; gap:.45rem !important;
	width:auto !important; float:none !important;
	font:inherit !important; font-size:.95rem !important; font-weight:600 !important;
	letter-spacing:.02em !important; line-height:1.2 !important; text-transform:uppercase !important; cursor:pointer !important;
	background:#ffffff !important; color:#111111 !important; border:2px solid #111111 !important; border-radius:.25rem !important;
	padding:.7rem 1.4rem !important; box-shadow:none !important; text-decoration:none !important;
	transition:background-color .15s ease, color .15s ease !important;
}
.u17qa .u17qa-ask-btn:hover,
.u17qa-ask-btn:hover { background:#111111 !important; color:#ffffff !important; }
.u17qa-ask-btn::before { content:"?"; display:inline-flex; align-items:center; justify-content:center; width:1.15em; height:1.15em; border-radius:50%; border:1px solid currentColor; font-size:.8em; font-weight:700; }

/* ---- Public block (tab / section content) ---- */
.u17qa-list { margin:1.25rem 0; font:inherit; color:#111; }
.u17qa-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
	border-bottom:2px solid #e5e7eb; padding-bottom:.85rem; margin-bottom:1.25rem; }
.u17qa-heading { font:inherit; font-size:1.4rem; font-weight:700; text-transform:uppercase; letter-spacing:.01em; margin:0; padding:0; }
.u17qa-empty { color:#6b7280; margin:.5rem 0 0; }

/* ---- Inline ask form ---- */
.u17qa-form-wrap { border:1px solid #e5e7eb; border-radius:.5rem; background:#fafafa; padding:1.25rem 1.25rem 1rem; margin-bottom:1.5rem; max-width:640px; }
.u17qa-field { display:flex; flex-direction:column; gap:.25rem; margin-bottom:.9rem; }
.u17qa-field label { font-size:.8125rem; font-weight:600; color:#333; }
.u17qa-field input, .u17qa-field textarea {
	font:inherit; padding:.65rem .75rem; border:1px solid #e5e7eb; border-radius:.25rem; background:#fff; width:100%;
	transition:border-color .15s ease, box-shadow .15s ease;
}
.u17qa-field input:focus, .u17qa-field textarea:focus { outline:none; border-color:#57c5bb; box-shadow:0 0 0 3px rgba(87,197,187,.18); }
.u17qa-field textarea { min-height:110px; resize:vertical; }
.u17qa-hp { position:absolute !important; left:-9999px !important; height:1px; width:1px; overflow:hidden; }
.u17qa-turnstile { margin-bottom:.9rem; }
.u17qa-consent { display:flex; align-items:flex-start; gap:.5rem; font-size:.8125rem; color:#333; margin-bottom:.9rem; }
.u17qa-consent input { margin-top:.2rem; }
.u17qa-submit {
	font:inherit !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.02em !important; cursor:pointer !important;
	padding:.8rem 1.75rem !important; border:0 !important; border-radius:.25rem !important; color:#ffffff !important; background:#57c5bb !important;
	box-shadow:none !important; text-decoration:none !important; width:auto !important; float:none !important;
	transition:background-color .15s ease !important;
}
.u17qa-submit:hover { background:#3aa79d !important; color:#ffffff !important; }
.u17qa-submit:disabled { opacity:.7 !important; cursor:default !important; }
.u17qa-msg { margin:.75rem 0 0; padding:.7rem 1rem; border-radius:.375rem; font-size:.9rem; display:none; }
.u17qa-msg.is-ok { display:block; background:#ecfdf5; border:1px solid #6ee7b7; color:#065f46; }
.u17qa-msg.is-err { display:block; background:#fef2f2; border:1px solid #fca5a5; color:#991b1b; }

/* ---- Answered list ---- */
.u17qa-items { list-style:none; margin:0; padding:0; max-width:640px; }
.u17qa-item { border:1px solid #e5e7eb; border-radius:.5rem; padding:1.1rem 1.25rem; margin-bottom:1rem; }
.u17qa-item.is-hidden { display:none; }
.u17qa-q, .u17qa-a { display:flex; gap:.75rem; }
.u17qa-a { margin-top:.85rem; padding-top:.85rem; border-top:1px dashed #e5e7eb; }
.u17qa-badge { flex:0 0 auto; width:1.6rem; height:1.6rem; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; background:#111; color:#fff; }
.u17qa-badge--a { background:#57c5bb; }
.u17qa-q-text { margin:0 0 .25rem; font-weight:600; color:#111; }
.u17qa-meta { margin:0; font-size:.8rem; color:#6b7280; }
.u17qa-a-text { color:#333; line-height:1.6; }
.u17qa-a-text p { margin:0 0 .5rem; }
.u17qa-helpful { font:inherit; font-size:.8rem; background:none; border:1px solid #e5e7eb; border-radius:1rem; padding:.2rem .75rem; cursor:pointer; color:#6b7280; margin-top:.4rem; }
.u17qa-helpful:hover { border-color:#57c5bb; color:#3aa79d; }
.u17qa-showmore { display:inline-block; margin:.25rem 0 0; font:inherit; background:none; border:1px solid #111; border-radius:.25rem; padding:.55rem 1.25rem; cursor:pointer; }
.u17qa-showmore:hover { background:#111; color:#fff; }

@media (max-width:600px){ .u17qa-bar { align-items:flex-start; } }