/* ====================================================================== * PhoenixB2B (SPJTRADE B2B) — modal „Zapytaj opiekuna” (cena/dostępność/produkt). * * v2.12.58 — wyniesione z pb2b-catalog-ui-2.12.52.css (które ładowało się * TYLKO na stronie panelu klienta). Modal renderuje się na , poza * .phoenix-b2b-panel, więc selektory są jawne (bez tokenów panelu) i mają * własny wariant dark mirrorujący theme-toggle.js. Ten plik jest ładowany w * KAŻDYM kontekście B2B, w którym mogą wystąpić triggery (Sklep B2B, * quick-view nad sklepem, karta produktu, panel klienta) — patrz enqueue * przy $needs_shop w class-phoenix-b2b-assets.php. Dzięki temu modal jest * spójnie ostylowany wszędzie, a nie tylko w panelu. * ====================================================================== */ .pb2b-askm[hidden]{ display: none !important; } .pb2b-askm{ position: fixed; inset: 0; z-index: 100060; display: flex; align-items: center; justify-content: center; padding: 16px; } .pb2b-askm-backdrop{ position: absolute; inset: 0; background: rgba(8,10,18,.55); } .pb2b-askm-card{ position: relative; width: min(520px, 100%); max-height: 90vh; overflow: auto; background: #fff; color: #15151d; border: 1px solid #e2e4ee; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.35); padding: 22px; box-sizing: border-box; } .pb2b-askm-x{ position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; border: 0; background: transparent; color: #6b7280; font-size: 24px; line-height: 1; cursor: pointer; border-radius: 8px; } .pb2b-askm-x:hover{ background: rgba(0,0,0,.06); } .pb2b-askm-title{ margin: 0 34px 6px 0; font-size: 18px; font-weight: 800; } .pb2b-askm-meta{ margin: 0 0 14px; font-size: 13px; color: #6b7280; } .pb2b-askm-meta:empty{ display: none; } .pb2b-askm-label{ display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600; color: #374151; } .pb2b-askm-text{ width: 100%; box-sizing: border-box; min-height: 120px; padding: 12px 14px; border: 1px solid #cfd3e0; border-radius: 12px; background: #f8f9fc; color: #15151d; font-size: 14px; line-height: 1.5; resize: vertical; font-family: inherit; } .pb2b-askm-text:focus{ outline: none; border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124,58,237,.15); } .pb2b-askm-actions{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; flex-wrap: wrap; } .pb2b-askm-actions .pb2b-app-button{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1; cursor: pointer; border: 1px solid transparent; text-decoration: none; } .pb2b-askm-actions .pb2b-app-button-primary{ background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; border: 0; } .pb2b-askm-actions .pb2b-app-button-primary:hover{ filter: brightness(1.05); } .pb2b-askm-actions .pb2b-app-button-primary[disabled]{ opacity: .6; cursor: not-allowed; } .pb2b-askm-actions .pb2b-app-button-ghost{ background: transparent; color: #374151; border: 1px solid #cfd3e0; } .pb2b-askm-actions .pb2b-app-button-ghost:hover{ background: rgba(0,0,0,.04); } .pb2b-askm-status{ margin: 12px 0 0; font-size: 13px; font-weight: 600; color: #6d28d9; } .pb2b-askm-status[hidden]{ display: none; } body.pb2b-askm-open{ overflow: hidden; } /* DARK — modal poza panelem → motyw z / (mirror theme-toggle.js). */ html[data-pb2b-theme="dark"] .pb2b-askm-card, body.pb2b-theme-dark .pb2b-askm-card{ background: #11151f; color: #eef1f7; border-color: rgba(255,255,255,.12); } html[data-pb2b-theme="dark"] .pb2b-askm-title, body.pb2b-theme-dark .pb2b-askm-title{ color: #eef1f7; } html[data-pb2b-theme="dark"] .pb2b-askm-meta, body.pb2b-theme-dark .pb2b-askm-meta{ color: #9aa3b2; } html[data-pb2b-theme="dark"] .pb2b-askm-label, body.pb2b-theme-dark .pb2b-askm-label{ color: #c9cedb; } html[data-pb2b-theme="dark"] .pb2b-askm-text, body.pb2b-theme-dark .pb2b-askm-text{ background: #161c2c; color: #eef1f7; border-color: rgba(255,255,255,.16); } html[data-pb2b-theme="dark"] .pb2b-askm-x, body.pb2b-theme-dark .pb2b-askm-x{ color: #9aa3b2; } html[data-pb2b-theme="dark"] .pb2b-askm-actions .pb2b-app-button-ghost, body.pb2b-theme-dark .pb2b-askm-actions .pb2b-app-button-ghost{ color: #c9cedb; border-color: rgba(255,255,255,.18); } /* KONIEC — modal Zapytaj opiekuna */