/* medially 2026: restyle of existing subpages (services, case studies, Szkolenia, Doradztwo, Konsultacja,
   legal pages). Loaded after the original medially.css; it only re-maps tokens and re-skins components,
   content blocks in the database stay untouched. */

:root {
  --cream: #ffffff;
  --cream-2: #f5f3ee;
  --cream-3: #ece8e0;
  --ink-soft: #242d40;
  --blue: #121826;
  --amber: #d89a2b;
  --amber-soft: #e5a83f;
  --line: rgba(18, 24, 38, .12);
  --line-2: rgba(18, 24, 38, .07);
  --muted: #5d626c;
  --on-dark: rgba(255, 255, 255, .7);
  --maxw: 1320px;
  --slant: polygon(0 calc(var(--cut) + 9px), .6px calc(var(--cut) + 5.6px), 2.3px calc(var(--cut) + 2.6px), 5px calc(var(--cut) + .6px), 9px calc(var(--cut) - 1px), 100% 0, 100% 100%, 0 100%);
}

body.m-site { font-family: var(--body); font-stretch: 100%; background: #fff; }
.m-site .wrap { max-width: var(--maxw); padding: 0 var(--gutter, 32px); }
.m-site p, .m-site li { text-wrap: pretty; }
.m-site h1, .m-site h2, .m-site h3 { text-wrap: balance; }

/* labels above headings were dropped in the new design */
.m-site .eyebrow { display: none; }
.m-site .sec-head h2, .m-site .service-section-head h2, .m-site .contact-band-text h2 { margin-top: 0; }

/* display type: wide Archivo like the front page */
.m-site h1,
.m-site .service-hero h1 { font-family: var(--display); font-stretch: 125%; font-weight: 500; letter-spacing: -.055em; line-height: .98; margin-top: 0; }
.m-site .sec-head h2,
.m-site .service-intro h2,
.m-site .service-section-head h2,
.m-site .service-cta h2,
.m-site .service-results-copy h2,
.m-site .cta-band h2,
.m-site .consulting-intro h2 { font-family: var(--display); font-stretch: 125%; font-weight: 500; letter-spacing: -.05em; line-height: 1.02; }
.m-site .service-card h3, .m-site .service-step h3, .m-site .svc h3, .m-site .step h4,
.m-site .why-item h4, .m-site .consulting-card h3, .m-site .faq-q { font-family: var(--display); font-stretch: 125%; font-weight: 500; letter-spacing: -.035em; }
.m-site .dot, .m-site .amber { color: var(--amber); }

/* buttons: pills like the front page */
.m-site .btn { font-family: var(--body); font-weight: 500; font-size: 15px; height: auto; min-height: 52px; padding: 0 26px; border-radius: 999px; gap: 12px; white-space: nowrap; }
.m-site .btn-primary { background: var(--amber); color: var(--ink); }
.m-site .btn-primary:hover { background: var(--amber-soft); color: var(--ink); transform: none; }
.m-site .btn-ghost { background: #fff; color: var(--ink); border: 1px solid var(--rule); }
.m-site .btn-ghost:hover { border-color: var(--ink); transform: none; }
.m-site .cta-band .btn-ghost, .m-site .contact-band .btn-ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); }
.m-site .cta-band .btn-ghost:hover, .m-site .contact-band .btn-ghost:hover { border-color: #fff; }

/* cards: beige surface, soft radius, no hairline borders */
.m-site .svc,
.m-site .service-card,
.m-site .size-card,
.m-site .op,
.m-site .case,
.m-site .consulting-card,
.m-site .case-row { background: var(--surface); border: 0; border-radius: var(--r); box-shadow: none; }
.m-site .op.dark { background: var(--ink); }
.m-site .case:hover, .m-site .op:hover { transform: none; box-shadow: none; }

/* signature slanted top on content cards */
.m-site .service-card,
.m-site .size-card,
.m-site .consulting-card { --cut: 36px; padding-top: calc(var(--cut) + 26px); clip-path: var(--slant); }

/* dark panels */
.m-site .service-results-copy,
.m-site .contact-band,
.m-site .cta-band { background: var(--ink); }
.m-site .service-results-copy { border-radius: var(--r); }
.m-site .cta-band::after { background: var(--amber); }
.m-site .service-results-list { border-radius: var(--r); overflow: hidden; }

/* forms (Contact Form 7 on service pages / Konsultacja) */
.m-site .contact-band-form,
.m-site .consultation-form-card { background: var(--surface); border: 0; border-radius: var(--r); }
.m-site .wpcf7-form input[type="text"],
.m-site .wpcf7-form input[type="email"],
.m-site .wpcf7-form input[type="tel"],
.m-site .wpcf7-form input[type="url"],
.m-site .wpcf7-form textarea { background: transparent; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; padding: 10px 0; font-size: 16px; }
.m-site .wpcf7-form input:focus, .m-site .wpcf7-form textarea:focus { outline: none; border-color: var(--ink); }
.m-site .wpcf7-form label { font-size: 13px; font-weight: 500; color: var(--text-2); }
.m-site .wpcf7-list-item-label { font-weight: 400; font-size: 12.5px; line-height: 1.5; color: var(--text-2); }
.m-site .wpcf7-submit,
.m-site .contact-band-form .wpcf7-submit { min-height: 52px; padding: 0 30px; border-radius: 999px; background: var(--amber); color: var(--ink); font-weight: 500; font-size: 15px; }
.m-site .wpcf7-submit:hover,
.m-site .contact-band-form .wpcf7-submit:hover { background: var(--amber-soft); color: var(--ink); transform: none; }
.m-site .wpcf7-response-output { border-radius: 6px; }

/* FAQ */
.m-site .faq-q::after { content: ""; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--rule); background: linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat; color: var(--ink); transition: transform .45s var(--ease), background-color .3s, border-color .3s; }
.m-site .faq-item[open] .faq-q::after { content: ""; transform: rotate(45deg); background-color: var(--amber); border-color: var(--amber); }

/* client logo grid on subpages */
.m-site .client-logo { background: var(--surface); border: 0; border-radius: var(--r); }
.m-site .client-logo img { filter: grayscale(1); opacity: .62; mix-blend-mode: multiply; }
.m-site .client-logo:hover img { filter: none; opacity: 1; }

/* sliders' controls */
.m-site .testimonial-prev, .m-site .testimonial-next, .m-site .cases-prev, .m-site .cases-next { border-radius: 50%; }
.m-site .testimonial-dot.active, .m-site .cases-dot.active { background: var(--amber); }

/* old footer element rule must not bleed into the new footer */
.m-site footer.footer { padding-bottom: 0; border-top: 0; margin: 0; }

@media (max-width: 680px) {
  .m-site .service-card, .m-site .size-card, .m-site .consulting-card { --cut: 28px; }
}

/* service page grids: separate beige cards with gaps instead of hairline tables */
.m-site .service-problems-grid,
.m-site .service-pricing-grid { gap: 12px; background: none; border: 0; border-radius: 0; overflow: visible; }
.m-site .problem-card,
.m-site .pricing-card,
.m-site .training-card { --cut: 36px; background: var(--surface); border: 0; border-radius: var(--r); padding-top: calc(var(--cut) + 30px); clip-path: var(--slant); }
.m-site .problem-card:hover, .m-site .pricing-card:hover { background: var(--surface); }
.m-site .compare-card, .m-site .audience-card { border: 0; border-radius: var(--r); }
.m-site .compare-card--old, .m-site .audience-card--yes, .m-site .audience-card--no { background: var(--surface); }
.m-site .audience-card--no li::before { background: var(--rule); }
.m-site .audience-card--yes li::before { background: var(--amber); }
.m-site .problem-card h3, .m-site .pricing-card h3, .m-site .compare-card h3, .m-site .audience-card h3, .m-site .training-card h3 { font-family: var(--display); font-stretch: 125%; font-weight: 500; letter-spacing: -.035em; }
.m-site .service-flow { border-color: var(--rule); }
.m-site .cases-band { background: var(--surface); border: 0; }
@media (max-width: 680px) {
  .m-site .problem-card, .m-site .pricing-card, .m-site .training-card { --cut: 28px; }
}

/* Narrow screens: long calls to action and CF7 must fit the available width. */
@media (max-width: 680px) {
  .m-site .btn { max-width: 100%; white-space: normal; text-align: center; line-height: 1.3; padding: 12px 20px; }
  .m-site .contact-band-grid { grid-template-columns: minmax(0, 1fr); }
  .m-site .contact-band-grid > *, .m-site .contact-band-form, .m-site .consultation-form-card { min-width: 0; }
  .m-site .contact-band-form { padding: 24px; }
}
@media (max-width: 400px) {
  .m-site .wpcf7-turnstile { transform: scale(.8); transform-origin: left top; width: 300px; max-width: 100%; margin-bottom: -13px; }
}
@media (max-width: 340px) {
  .m-site .wpcf7-turnstile { transform: scale(.7); margin-bottom: -19px; }
}