/* Guided Support — drop-in CSS replacement
   Scope under .guided-support to avoid theme clashes.
*/

.guided-support { --gs-bg:#fff; --gs-text:#0f172a; --gs-muted:#475569; --gs-border:#e2e8f0; --gs-primary:#0f62fe; --gs-primary-contrast:#fff; --gs-surface:#f8fafc; --gs-success:#16a34a; --gs-warning:#f59e0b; }

.guided-support .gs-backbar{position:sticky;top:0;background:var(--gs-bg);z-index:5;border-bottom:1px solid var(--gs-border);padding:8px 0;margin-bottom:8px}
.guided-support .gs-back{appearance:none;border:1px solid var(--gs-border);background:#fff;border-radius:10px;padding:6px 10px;font-size:14px;cursor:pointer}
.guided-support .gs-stack{display:flex;flex-direction:column;gap:12px}
.guided-support .gs-card{background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:14px;padding:14px}
.guided-support .gs-card-head{font-weight:600;color:var(--gs-text);margin-bottom:8px}
.guided-support .gs-card-body{color:var(--gs-muted);font-size:14px;margin-bottom:12px}
.guided-support .gs-card-foot{display:flex;justify-content:flex-end}
.guided-support .gs-btn{appearance:none;border:1px solid var(--gs-border);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}
.guided-support .gs-btn.gs-primary{background:var(--gs-primary);border-color:var(--gs-primary);color:var(--gs-primary-contrast)}
.guided-support .gs-btn.gs-ghost{background:transparent}
.guided-support .gs-list{display:grid;gap:8px}
.guided-support .gs-list-item{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--gs-border);border-radius:12px;padding:10px 12px;cursor:pointer}
.guided-support .gs-error{color:#b91c1c}
.guided-support .gs-fatal{padding:12px;border:1px solid var(--gs-border);border-radius:12px;background:#fff3f3;color:#7f1d1d}

.gs-modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:100}
.gs-modal-overlay.show{opacity:1;pointer-events:auto}
.gs-modal{width:560px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--gs-border);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.28);overflow:hidden}
.gs-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--gs-border)}
.gs-modal-title{font-weight:700}
.gs-x{appearance:none;background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px}
.gs-modal-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.gs-label{font-size:12px;color:var(--gs-muted)}
.gs-input,.gs-textarea{width:100%;border:1px solid var(--gs-border);border-radius:10px;padding:8px 10px;font-size:14px}
.gs-textarea{min-height:120px;resize:vertical}
.gs-error-field{outline:2px solid #dc2626}
.gs-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--gs-border)}

.gs-hidden-iframe{position:fixed;width:1px;height:1px;left:-9999px;top:-9999px;border:0}

.gs-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(10px);background:#111827;color:#fff;border-radius:999px;padding:10px 14px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:120}
.gs-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.gs-toast.success{background:var(--gs-success)}
.gs-toast.warn{background:var(--gs-warning)}

/* =========================================
   Guided Support — visual tweaks (added)
   ========================================= */

/* Button look: match header pills (outline, pill shape), using flow text color */
.guided-support .gs-contact-us-btn,
.guided-support .gs-contact-btn,
.guided-support .gs-back,
.guided-support .gs-btn {
  appearance: none;
  background: transparent;
  color: var(--gs-text);
  border: 1.5px solid currentColor;
  border-radius: 9999px;
  padding: 10px 18px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.guided-support .gs-contact-us-btn:hover,
.guided-support .gs-contact-btn:hover,
.guided-support .gs-back:hover,
.guided-support .gs-btn:hover {
  background: rgba(0,0,0,0.04);
}

/* Text widget hyperlinks with bullets */
.guided-support .gs-textblock .gs-links {
  list-style: disc;
  margin: 8px 0 0;
  padding-left: 1.25rem;
}
.guided-support .gs-textblock .gs-links li { margin: 4px 0; }

/* Text widget own card with subtle border distinct from outer container */
.guided-support .gs-textblock {
  border: 1px solid rgba(15, 23, 42, 0.10); /* slightly stronger than --gs-border */
  background: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 12px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

/* Ensure GS inputs show borders even when unfocused */
.guided-support .gs-input, .guided-support .gs-textarea {
  border: 1px solid rgba(15,23,42,0.15);
  border-radius: 8px;
  background: #fff;
}
.guided-support .gs-input:focus, .guided-support .gs-textarea:focus {
  outline: none;
  border-color: rgba(15,23,42,0.30);
}

/* =========================================
   NEW: Standalone hyperlink widget box
   - Instructional text should look like normal page text (outside the box)
   - Only the links are inside a box
   ========================================= */

/* The boxed container around links */
.guided-support .gs-links-box{
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 10px 0 0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

/* Make sure the list inside the box sits nicely */
.guided-support .gs-links-box .gs-links{
  margin: 8px 0 0;
}

/* IMPORTANT:
   If a "textblock" is actually just a hyperlink widget (it contains a .gs-links-box),
   remove the OUTER card styling so the instruction text appears ABOVE the box like
   the rest of the page text.
   (Uses :has for modern browsers; harmless in older ones.)
*/
.guided-support .gs-textblock:has(> .gs-links-box){
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin: 12px 0;
  box-shadow: none;
}

/* =========================================
   FIX: Prevent hyperlink overflow on mobile
   ========================================= */

.guided-support a,
.guided-support .gs-textblock,
.guided-support .gs-links,
.guided-support .gs-links li,
.guided-support .gs-links-box {
  overflow-wrap: anywhere;
  word-break: break-word;
}