/*
 Theme Name:   Woostify Child
 Theme URI:    https://example.com/
 Description:  Child theme for Woostify. Safe place for custom CSS/JS/PHP without touching the parent.
 Author:       Webiks
 Author URI:   https://webiks.pl/
 Template:     woostify
 Version:      1.0.0
 Text Domain:  woostify-child
*/


/*ukrycie obrazka płatności*/
.woostify-trust-badge-box {
    display: none;
}


/* ---------- Webiks x CF7 – formularz kontaktowy (clean) ---------- */
.webiks-cf7{
    --accent: rgb(168, 27, 53);            /* #A81B35 */
    --accent-hover: rgb(143, 23, 45);      /* ciemniej na hover */
    --bg:#fff; --text:#0f172a; --muted:#64748b;
    --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.08);

    max-width:780px; margin:24px auto; padding:clamp(16px,2vw,24px);
    background:var(--bg); color:var(--text);
    border:1px solid #e5e7eb; border-radius:var(--radius); box-shadow:var(--shadow);
}

/* Siatka: imię | email / message / actions */
.webiks-cf7 .webiks-cf7-grid{
    display:grid; gap:16px; grid-template-columns:1fr 1fr;
    grid-template-areas:
    "imie email"
    "message message"
    "actions actions";
}
.webiks-cf7 .field--imie    { grid-area: imie; }
.webiks-cf7 .field--email   { grid-area: email; }
.webiks-cf7 .field--message { grid-area: message; }
.webiks-cf7 .actions        { grid-area: actions; display:flex; justify-content:flex-start; }

/* Fallback (gdy nie użyjesz field--*): 3. pole = full width, actions = full width */
.webiks-cf7 .webiks-cf7-grid > span.field:nth-of-type(3),
.webiks-cf7 .webiks-cf7-grid > span.actions{ grid-column:1 / -1; }

/* Label + pola */
.webiks-cf7 .field label{ display:block; font-size:14px; color:var(--muted); margin:0 0 6px; }
.webiks-cf7 .wpcf7-form-control{
    width:100%; box-sizing:border-box; outline:0;
    background:#fff; color:var(--text); font-size:16px;
    border:1.5px solid #e5e7eb; border-radius:12px; padding:12px 14px;
    transition:border-color .2s, box-shadow .2s, background-color .2s;
}
.webiks-cf7 .wpcf7-form-control::placeholder{ color:#9aa4b2; }
/* focus: obwódka w kolorze akcentu */
.webiks-cf7 .wpcf7-form-control:focus{
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(168, 27, 53, .18);
}

/* Textarea */
.webiks-cf7 textarea.wpcf7-form-control{ min-height:140px; resize:none; overflow:auto; }

/* Przycisk – ten sam styl, tylko w Twoim kolorze */
.webiks-cf7 .webiks-btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 20px; border-radius:9999px; border:0; cursor:pointer;
    background:var(--accent); color:#fff; font-weight:600;
    box-shadow:0 10px 22px rgba(168, 27, 53, .28);
    transition:transform .08s, box-shadow .2s, background-color .2s;
}
.webiks-cf7 .webiks-btn:hover{
    transform:translateY(-1px);
    background: var(--accent-hover);
    box-shadow:0 12px 26px rgba(168, 27, 53, .30);
}
.webiks-cf7 .webiks-btn:active{
    transform:translateY(0);
    box-shadow:0 8px 18px rgba(168, 27, 53, .22);
}
.webiks-cf7 .webiks-btn{ float:none; } /* na wszelki wypadek, gdyby motyw coś dodał */

/* Walidacja + komunikaty */
.webiks-cf7 .wpcf7-not-valid{ border-color:#ef4444 !important; background:#fff7f7; }
.webiks-cf7 .wpcf7-not-valid-tip{ display:block; margin-top:6px; font-size:13px; color:#b91c1c; }
.webiks-cf7 .wpcf7 form .wpcf7-response-output{
    margin-top:14px; padding:12px 14px; border-radius:12px; border:1px solid #e5e7eb;
}
.webiks-cf7 .wpcf7 form.sent    .wpcf7-response-output{ border-color:#22c55e; background:#f0fdf4; color:#166534; }
.webiks-cf7 .wpcf7 form.invalid .wpcf7-response-output{ border-color:#ef4444; background:#fef2f2; color:#991b1b; }
.webiks-cf7 .wpcf7-spinner{ margin-left:12px; position:relative; top:2px; }

/* Mobile: jedna kolumna */
@media (max-width:640px){
    .webiks-cf7 .webiks-cf7-grid{
        grid-template-columns:1fr;
        grid-template-areas:
      "imie" "email" "message" "actions";
    }
}

/* Dark mode – dostosowany focus */
@media (prefers-color-scheme:dark){
    .webiks-cf7{ --bg:#0b1220; --text:#e5e7eb; --muted:#94a3b8; border-color:#1f2937; box-shadow:0 10px 30px rgba(0,0,0,.35); }
    .webiks-cf7 .wpcf7-form-control{ background:#0f172a; border-color:#26303f; color:#e5e7eb; }
    .webiks-cf7 .wpcf7-form-control::placeholder{ color:#94a3b8; }
    .webiks-cf7 .wpcf7-form-control:focus{ box-shadow:0 0 0 4px rgba(168, 27, 53, .25); }
}


.hidden-fields-container {
    display: none;
}

/* Kolory przycisku (checkout + cart) */
:root{
    --btn-primary: rgb(168, 27, 53);         /* #A81B35 */
    --btn-primary-hover: rgb(143, 23, 45);   /* lekko ciemniejszy na hover */
    --btn-shadow: rgba(168, 27, 53, .28);
}

/* Koszyk (WC Blocks) – „Przejdź do płatności” */
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button.wc-block-cart__submit-button{
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 20px; border-radius:9999px; border:0; text-decoration:none;
    background:var(--btn-primary) !important; color:#fff !important; font-weight:600;
    box-shadow:0 10px 22px var(--btn-shadow);
    transition:transform .08s, box-shadow .2s, background-color .2s;
    float:none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px var(--btn-shadow);
    background:var(--btn-primary-hover) !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:active{
    transform:translateY(0);
    box-shadow:0 8px 18px var(--btn-shadow);
}

/* Checkout (WC Blocks) – „Złóż zamówienie” */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button{
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 20px; border-radius:9999px; border:0;
    background:var(--btn-primary) !important; color:#fff !important; font-weight:600;
    box-shadow:0 10px 22px var(--btn-shadow);
    transition:transform .08s, box-shadow .2s, background-color .2s;
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px var(--btn-shadow);
    background:var(--btn-primary-hover) !important;
}

/* Disabled */
.wp-block-woocommerce-cart .wc-block-cart__submit-button[aria-disabled="true"],
.wp-block-woocommerce-cart .is-disabled .wc-block-cart__submit-button{
    opacity:.5; pointer-events:none;
}