/*
 * Formularz „Zapytaj o produkt" (Contact Form 7).
 *
 * Przeniesione ze snippetów WPCode 168860 i 168867, które wchodziły w <style>
 * na KAŻDEJ podstronie (5,4 KB). Formularz stoi tylko na stronie kontaktu
 * i w oknie zapytania na karcie produktu — motyw wczytuje ten plik tam
 * (inc/assets.php). Treść bez zmian.
 */

/* =============================================
   ZAPYTAJ O PRODUKT — Contact Form 7
   ============================================= */

.zapytaj-form {
    max-width: 640px;
    font-size: 16px;
    font-family: 'Albert Sans', sans-serif;
    color: #353535;
}

.zf-section-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 12px;
}

.zf-row { display: flex; gap: 12px; }
.zf-row-2 > * { flex: 1; min-width: 0; }

.zf-field { display: flex; flex-direction: column; margin-bottom: 10px; }
.zf-field > p { margin: 0; }

.zf-field label {
    font-family: 'Albert Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #353535;
    margin-bottom: 6px;
    display: block;
}

.zf-hint {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
    display: block;
}

.zf-field-label {
    font-size: 13px;
    font-weight: 500;
    color: #353535;
    margin: 0 0 8px !important;
}

.zapytaj-form .wpcf7-text,
.zapytaj-form .wpcf7-email,
.zapytaj-form .wpcf7-tel,
.zapytaj-form .wpcf7-textarea,
.zapytaj-form .wpcf7-select {
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    font-family: 'Albert Sans', sans-serif;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #eaeaea;
    color: #353535;
    transition: border-color .15s, background .15s;
    box-sizing: border-box;
    line-height: 1.4;
}

.zapytaj-form .wpcf7-text:focus,
.zapytaj-form .wpcf7-email:focus,
.zapytaj-form .wpcf7-tel:focus,
.zapytaj-form .wpcf7-textarea:focus,
.zapytaj-form .wpcf7-select:focus {
    border-color: var(--wp--preset--color--accent, #2E63EB);
    outline: none;
    background: #fff;
    /* audyt 25.09: sama zmiana koloru ramki była słabym wskaźnikiem ogniska — pełna linia 2 px (WCAG 2.4.7) */
    box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #2E63EB), 0 0 0 4px rgba(46,99,235,.12);
}

.zapytaj-form .wpcf7-textarea {
    resize: vertical;
    min-height: 80px;
}

.zapytaj-form .wpcf7-list-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 6px 6px 0;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 999px;
    font-size: 13px;
    cursor: pointer;
    background: #eaeaea;
    transition: border-color .15s, background .15s;
}

.zapytaj-form .wpcf7-list-item:has(input:checked) {
    border-color: var(--wp--preset--color--accent, #2E63EB);
    background: #fff;
    color: var(--wp--preset--color--accent, #2E63EB);
}

.zapytaj-form .wpcf7-list-item label { cursor: pointer; margin: 0; }
/* Odnośnik na szarym tle pigułki (#eaeaea): ciemniejszy ton akcji (4,25 → 5,5:1). */
.wpcf7-form .wpcf7-list-item .wpcf7-list-item-label a,
.zapytaj-form .wpcf7-list-item a { color: var(--wp--preset--color--accent-hover, #2856CC); text-decoration: underline; text-underline-offset: 2px; }

.zapytaj-form .wpcf7-acceptance {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    color: #555;
}

/* Odnośnik w zdaniu musi odróżniać się od tekstu nie tylko kolorem (WCAG 1.4.1) — podkreślenie. */
.zapytaj-form .wpcf7-acceptance a { color: var(--wp--preset--color--accent, #2E63EB); text-decoration: underline; text-underline-offset: 2px; }
.zapytaj-form .wpcf7-acceptance a:hover { text-decoration: underline; }

.zapytaj-form .wpcf7-submit {
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Albert Sans', sans-serif;
    background: var(--wp--preset--color--accent, #2E63EB);
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background .2s;
    width: 100%;
    display: block;
}

.zapytaj-form .wpcf7-submit:hover { background: var(--wp--preset--color--accent-hover, #2856CC); }

.zf-divider { border: none; border-top: 1px solid #ddd; margin: 16px 0; }

.zf-footer { display: flex; flex-direction: column; gap: 8px; }
.zf-footer > p { margin: 0; }
/* #aaa miał kontrast 2,2:1 — szary motywu (--muted) spełnia AA. Odnośniki podkreślone (WCAG 1.4.1). */
.zf-rodo { font-size: 12px; color: var(--wp--preset--color--muted, #666); margin: 0 !important; }
.zf-rodo a { text-decoration: underline; text-underline-offset: 2px; }

.zapytaj-form .wpcf7-not-valid {
    border-color: #E24B4A !important;
    background: #fff !important;
}

.zapytaj-form .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #A32D2D;
    margin-top: 4px;
    display: block;
}

.wpcf7-form .wpcf7-response-output {
    margin: 8px 0 0;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    border: none;
    line-height: 1.4;
}

.wpcf7-form.sent .wpcf7-response-output {
    background: #eaeaea;
    color: #27500A;
    font-weight: 500;
}

.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output {
    background: #FCEBEB;
    color: #791F1F;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output {
    background: #FAEEDA;
    color: #633806;
}

/* =============================================
   MODAL — tylko ograniczenie wysokości + scroll
   NIE ruszamy position/margin/transform dialogu
   ============================================= */

.gspb_button-id-gsbp-c41a4a6 .gspb_slidingPanel-wrap {
    min-height: 0 !important;
    max-height: 85vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.gspb_button-id-gsbp-c41a4a6 .gspb_slidingPanel-inner {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 1 !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Mobile — tylko szerokość, bez ruszania pozycji */
@media (max-width: 575px) {
    .zf-field { margin-bottom: 8px; }
    .zf-divider { margin: 10px 0; }
    .zapytaj-form .wpcf7-textarea { min-height: 60px; }

    .gspb_button-id-gsbp-c41a4a6 .gspb_slidingPanel-wrap {
        width: 92vw !important;
        max-height: 88vh !important;
    }

    .gspb_button-id-gsbp-c41a4a6 .gspb_slidingPanel-inner {
        padding: 16px !important;
    }

    .zf-row-2 { flex-direction: column; gap: 0; }
}

/* reCAPTCHA: znaczek chowany (dawny snippet 168867) */
.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
}