/*
Theme Name: Dobrze Kliknięte
Author: Jakub
Description: Autorski minimalistyczny motyw blokowy portfolio.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dobrze-klikniete
Tags: portfolio, full-site-editing, block-patterns, custom-colors, editor-style
*/
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding-top:0;padding-bottom:0}
.wp-site-blocks>header,.wp-site-blocks>footer,.wp-site-blocks>main{margin-block-start:0}
.dk-header,.dk-main,.dk-footer,.dk-page{max-width:1280px;margin-inline:auto}
.dk-header{min-height:108px;border-bottom:1px solid #E2E5EB;gap:24px}
.dk-header-actions{gap:38px}.dk-navigation{gap:28px}
.dk-header .wp-block-site-title{white-space:nowrap;margin:0}
.dk-header .wp-block-site-title a::after{content:'.';color:#2455F5}
.dk-small-button .wp-block-button__link{padding:12px 19px;font-size:14px}
.dk-hero{padding-top:52px}
.dk-eyebrow,.dk-label{font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.dk-eyebrow{color:#2455F5;margin:0 0 32px}
.dk-label{color:#626977}
.dk-hero-columns{gap:48px!important;align-items:flex-end!important;margin-top:0!important;margin-bottom:52px!important}
.dk-hero-columns>.wp-block-column:first-child{flex-basis:65%!important}
.dk-hero-columns>.wp-block-column:last-child{flex-basis:35%!important}
.dk-hero-title{font-size:clamp(48px,6.4vw,91px);letter-spacing:-.065em;line-height:1.01;font-weight:600}
h1 em,h2 em{font-style:normal;color:#2455F5}
.dk-hero-intro{padding-bottom:4px}
.dk-lead{font-size:17px;line-height:1.75;color:#626977}
.dk-hero-intro>.wp-block-buttons{gap:12px;margin-top:28px}
.wp-block-button__link{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.wp-block-button__link:hover{background-color:#1743D4;transform:translateY(-2px);box-shadow:0 6px 16px #2455f51a}
.wp-block-button.is-style-outline>.wp-block-button__link{color:#22252B;border:1px solid #CFD5DF;background:transparent;padding:15px 23px}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:#F5F6F8}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2455F5;outline-offset:5px}
a:hover{text-decoration:underline;text-underline-offset:4px}
.wp-block-button a:hover{text-decoration:none}
.dk-preview{margin-top:0!important}
.dk-preview-image{margin:0;overflow:hidden;border-radius:10px}
.dk-preview-image img{display:block;width:100%;height:auto}
.dk-preview-caption{padding:14px 0;border-bottom:1px solid #E2E5EB;gap:12px;margin-top:0!important}
.dk-preview-caption p{margin:0}
.dk-preview-note{font-size:13px}
.dk-section{padding:104px 0;border-bottom:1px solid #E2E5EB;margin-top:0!important}
.dk-section-heading{gap:40px!important;margin-bottom:44px!important;align-items:flex-start!important}
.dk-section-heading>.wp-block-column:first-child{flex-basis:30%!important}
.dk-section-heading>.wp-block-column:last-child{flex-basis:70%!important}
.dk-section h2{font-size:clamp(32px,4vw,52px);max-width:800px}
.dk-section h3{font-size:25px;letter-spacing:-.04em;line-height:1.2}
.dk-section-heading .dk-eyebrow{padding-top:10px;margin:0}
.dk-muted{color:#626977;font-size:16px;line-height:1.75}
.dk-project-row{gap:48px!important;align-items:center!important;margin-bottom:0!important}
.dk-project-row>.wp-block-column:first-child{flex-basis:30%!important}
.dk-project-row>.wp-block-column:last-child{flex-basis:70%!important}
.dk-project-description h3{font-size:32px}
.dk-project-image figure{margin:0}.dk-project-image img{display:block;border-radius:8px}
.dk-placeholder-caption{font-size:12px;color:#626977;margin-top:12px}
.dk-services{gap:32px!important;margin-bottom:0!important}
.dk-service{border-top:2px solid #22252B;padding:24px 0 0;min-height:215px}
.dk-card-number{font-size:13px;color:#2455F5;margin:0 0 30px}
.dk-service h3{max-width:250px}
.dk-steps{gap:28px!important;margin-bottom:0!important}
.dk-step-number{color:#2455F5;font-size:48px;letter-spacing:-.06em;line-height:1.2;margin:0 0 32px;border-bottom:1px solid #E2E5EB;padding-bottom:20px}
.dk-step h3{font-size:21px}
.dk-about-columns,.dk-faq-columns{gap:80px!important;margin-bottom:0!important}
.dk-about-lead{font-size:26px;line-height:1.4;letter-spacing:-.03em;margin-top:0}
.dk-faq-columns>.wp-block-column:first-child{flex-basis:38%!important}
.dk-faq-columns>.wp-block-column:last-child{flex-basis:62%!important}
.dk-faq-list .wp-block-details{border-top:1px solid #E2E5EB;margin:0;padding:23px 0}
.dk-faq-list .wp-block-details:last-child{border-bottom:1px solid #E2E5EB}
.dk-faq-list summary{cursor:pointer;font-size:18px;font-weight:500;padding-right:16px;line-height:1.5}
.dk-faq-list .wp-block-details p{color:#626977;font-size:16px}
.dk-contact{background:#EAF0FF;border-radius:10px;margin:80px 0!important;padding:64px}
.dk-contact-title{font-size:clamp(48px,7vw,88px);letter-spacing:-.065em;line-height:1.03}
.dk-contact-bottom{gap:24px;align-items:flex-end!important;margin-top:40px}
.dk-contact-bottom p{margin:0}.dk-contact-arrow{font-size:84px;color:#2455F5;line-height:1}
.dk-footer{border-top:1px solid #E2E5EB;padding:36px 0 52px;font-size:14px}
.dk-footer .wp-block-columns{gap:40px!important;margin-bottom:0}
.dk-footer .wp-block-column:first-child{flex-basis:50%!important}
.dk-footer .wp-block-site-title{margin-top:0;font-size:20px}
.dk-footer a{color:#22252B}.dk-footer .dk-muted{font-size:14px}
.dk-page{padding-top:72px;padding-bottom:96px;min-height:60vh}
.dk-page h1{font-size:clamp(42px,6vw,76px)}
.dk-page .wp-block-post-featured-image{margin-top:40px}.dk-page .wp-block-post-featured-image img{border-radius:8px}
.dk-project-page .wp-block-post-excerpt{color:#626977;font-size:20px}
.dk-page input,.dk-page textarea,.dk-page select{font:inherit;border:1px solid #CFD5DF;border-radius:6px;padding:12px;max-width:100%}
.dk-main img,.dk-page img{max-width:100%;height:auto}
@media(prefers-reduced-motion:no-preference){.dk-hero-title{animation:dk-in .55s ease-out both}.dk-preview{animation:dk-in .7s ease-out both}@keyframes dk-in{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.dk-header-actions{gap:20px}.dk-hero-columns{gap:28px!important}.dk-hero-title{font-size:clamp(48px,6.6vw,76px)}.dk-hero-intro .wp-block-buttons{flex-direction:column;align-items:flex-start}.dk-section{padding:76px 0}.dk-contact{padding:44px}.dk-about-columns,.dk-faq-columns{gap:40px!important}}
@media(max-width:781px){.dk-header{min-height:84px}.dk-header-actions{gap:18px}.dk-header .dk-small-button{display:none}.dk-hero{padding-top:36px}.dk-hero-columns{gap:24px!important;margin-bottom:32px!important}.dk-hero-title{font-size:clamp(45px,9.5vw,74px)}.dk-hero-intro{max-width:520px}.dk-hero-intro .wp-block-buttons{flex-direction:row}.dk-eyebrow{margin-bottom:26px}.dk-preview-caption{align-items:flex-start!important;flex-direction:column}.dk-section{padding:60px 0}.dk-section-heading{gap:16px!important;margin-bottom:32px!important}.dk-project-row{gap:24px!important}.dk-services{gap:20px!important}.dk-service{min-height:0;padding-bottom:12px}.dk-card-number{margin-bottom:20px}.dk-steps{display:grid!important;grid-template-columns:1fr 1fr;gap:26px!important}.dk-step-number{font-size:38px;margin-bottom:20px}.dk-about-columns,.dk-faq-columns{gap:28px!important}.dk-contact{margin:48px 0!important;padding:32px 24px}.dk-contact-title{font-size:clamp(42px,10vw,68px)}.dk-contact-arrow{font-size:54px}.dk-footer .wp-block-columns{gap:16px!important}.dk-page{padding-top:48px}}
@media(max-width:380px){.dk-hero-title{font-size:42px}.dk-hero-intro .wp-block-buttons{flex-direction:column}.dk-steps{grid-template-columns:1fr}.dk-contact-title{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Consistent outer gutters for the complete site. */
.wp-site-blocks{padding-inline:clamp(20px,4vw,64px)}