/* Stopka plytkarnia.com (2026-11-14). Kolory z motywu: zieleń #50be07, pasek #5e5e5e.
   Tekst/przyciski w ciemniejszym odcieniu zieleni #3b8504 (kontrast 4.6:1 z białym, WCAG AA). */
#footer .pk-footer{
  --pk-green:#50be07; --pk-green-dark:#3b8504; --pk-bar:#5e5e5e;
  --pk-text:#2b2b2b; --pk-muted:#5f5f5f; --pk-bg:#f6f7f5; --pk-line:#e3e5e1;
  background:#fff; color:var(--pk-text); font-size:15px; line-height:1.55; padding:0; margin:0;
  border-top:1px solid var(--pk-line);
}
#footer .pk-footer *, #footer .pk-footer *::before, #footer .pk-footer *::after{box-sizing:border-box}
#footer .pk-footer a{color:inherit; text-decoration:none}
#footer .pk-footer a:hover, #footer .pk-footer a:focus-visible{color:var(--pk-green-dark); text-decoration:underline}
#footer .pk-footer :focus-visible{outline:2px solid var(--pk-green-dark); outline-offset:2px}
#footer .pk-wrap{max-width:1200px; margin:0 auto; padding:0 16px}
#footer .pk-sr{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
#footer .pk-footer h2, #footer .pk-footer h3{font-family:inherit; color:var(--pk-text); text-transform:none}

/* serwis */
#footer .pk-service{background:var(--pk-bg); border-bottom:1px solid var(--pk-line)}
#footer .pk-service .pk-wrap{display:grid; grid-template-columns:260px 1fr; gap:32px; align-items:center; padding-top:28px; padding-bottom:28px}
#footer .pk-service-img{width:260px; aspect-ratio:16/10; border-radius:12px; overflow:hidden; background:#ddd}
#footer .pk-service-img img{width:100%; height:100%; object-fit:cover; display:block}
#footer .pk-service-body{display:grid; grid-template-columns:1fr auto; gap:6px 32px; align-items:center}
#footer .pk-service h2{grid-column:1; margin:0; font-size:22px; line-height:1.25; font-weight:700}
#footer .pk-service ul{grid-column:1; margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:6px 22px; color:var(--pk-muted)}
#footer .pk-service ul li::before{content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--pk-green); margin-right:8px; vertical-align:1px}
#footer .pk-cta{grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:column; gap:8px; align-items:stretch}
#footer .pk-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px; border-radius:8px; background:var(--pk-green-dark); color:#fff; font-weight:700; font-size:16px; border:0; cursor:pointer; white-space:nowrap; line-height:1; text-transform:none}
#footer .pk-btn:hover, #footer .pk-btn:focus-visible{background:#2f6b03; color:#fff; text-decoration:none}
#footer .pk-footer a.pk-btn, #footer .pk-footer a.pk-btn:hover, #footer .pk-footer a.pk-btn:focus-visible{color:#fff; text-decoration:none}
#footer{padding-top:0; margin-top:0}
#footer .pk-btn svg{width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2}
#footer .pk-btn-tel::before{content:""; width:18px; height:18px; flex:none; background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
#footer .pk-more{text-align:center; font-size:14px; color:var(--pk-green-dark) !important; text-decoration:underline !important}

/* newsletter */
#footer .pk-news{border-bottom:1px solid var(--pk-line); float:none; width:auto; padding:0; margin:0}
#footer .pk-news .pk-wrap{display:grid; grid-template-columns:1fr 1.2fr; gap:32px; align-items:center; padding-top:26px; padding-bottom:26px}
#footer .pk-news h2{margin:0 0 4px; font-size:20px; font-weight:700}
#footer .pk-news p{margin:0; color:var(--pk-muted)}
#footer .pk-news form{display:grid; grid-template-columns:1fr auto; gap:10px; margin:0}
#footer .pk-news input[type=email]{min-height:48px; height:48px; border:1px solid #bfc3bc; border-radius:8px; padding:0 14px; font:inherit; width:100%; background:#fff; color:var(--pk-text)}
#footer .pk-news input[type=email]::placeholder{color:#6b6b6b}
#footer .pk-news input[type=email]:focus{outline:2px solid var(--pk-green); border-color:var(--pk-green)}
#footer .pk-consent{grid-column:1 / -1; font-size:13px; color:var(--pk-muted)}
#footer .pk-consent:empty{display:none}
#footer .pk-consent .custom-checkbox, #footer .pk-consent label{display:flex; gap:10px; align-items:flex-start; margin:0; font-size:13px; line-height:1.5; color:var(--pk-muted); text-align:left}
#footer .pk-consent input[type=checkbox]{width:20px; height:20px; margin:1px 0 0; accent-color:var(--pk-green-dark); flex:none; position:static; opacity:1}
#footer .pk-consent .custom-checkbox input + span{display:none}
#footer .pk-consent a{color:var(--pk-green-dark) !important; text-decoration:underline !important}
#footer .pk-msg{grid-column:1 / -1; margin:0; padding:10px 12px; border-radius:6px; font-size:14px}
#footer .pk-msg-ok{background:#eaf6e0; color:#24520a}
#footer .pk-msg-err{background:#fdecea; color:#8a1c12}

/* kolumny */
#footer .pk-cols{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-top:40px; padding-bottom:36px; align-items:start}
#footer .pk-col{float:none; width:auto; padding:0; margin:0; min-width:0}
#footer .pk-col h3{font-size:15px; text-transform:uppercase; letter-spacing:.04em; margin:0 0 14px; padding:0 0 10px; position:relative; font-weight:700}
#footer .pk-col h3::after{content:""; position:absolute; left:0; bottom:0; width:32px; height:3px; background:var(--pk-green); border-radius:2px}
#footer .pk-col ul{list-style:none; margin:0; padding:0}
#footer .pk-col li{margin:0 0 9px; padding:0; background:none}
#footer .pk-col li::before{display:none}
#footer .pk-col li a{display:inline-block; padding:2px 0}
#footer .pk-logo{display:inline-block; margin-bottom:12px}
#footer .pk-logo img{height:64px; width:auto; display:block}
#footer .pk-about{color:var(--pk-muted); margin:0 0 14px}
#footer .pk-contact{font-style:normal; margin:0 0 10px}
#footer .pk-contact > div{display:flex; gap:10px; margin-bottom:9px; align-items:flex-start}
#footer .pk-contact svg{flex:none; width:18px; height:18px; margin-top:3px; fill:none; stroke:var(--pk-green-dark); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
#footer .pk-contact a{font-weight:500}
#footer .pk-small{font-size:13px; color:var(--pk-muted); margin:0}
@media (min-width:576px){
  #footer .pk-col .collapse{display:block !important; height:auto !important; visibility:visible}
  #footer .pk-col-title{pointer-events:none}
}

/* pasek płatności + social */
#footer .pk-bar{background:var(--pk-bar); color:#fff}
#footer .pk-bar .pk-wrap{display:flex; justify-content:space-between; align-items:center; gap:16px 20px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px}
#footer .pk-pay{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; padding:0; list-style:none}
#footer .pk-pay-label{font-size:13px; margin-right:4px}
#footer .pk-badge{background:#fff; color:#222; border-radius:6px; height:32px; padding:0 10px; display:flex; align-items:center; font-size:13px; font-weight:700; gap:6px}
#footer .pk-badge svg{width:18px; height:18px; fill:none; stroke:var(--pk-green-dark); stroke-width:2}
#footer .pk-social{display:flex; gap:8px; list-style:none; margin:0; padding:0}
#footer .pk-social a{width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); color:#fff}
#footer .pk-social a:hover, #footer .pk-social a:focus-visible{background:var(--pk-green-dark); text-decoration:none}
#footer .pk-social svg{width:20px; height:20px; fill:#fff}

/* dolny pasek */
#footer .pk-bottom{background:#4a4a4a; color:#ececec; font-size:13px}
#footer .pk-bottom .pk-wrap{display:flex; justify-content:space-between; align-items:center; gap:10px 24px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px}
#footer .pk-copy{margin:0}
#footer .pk-credit{opacity:.8; font-size:12px; margin-left:6px}
#footer .pk-legal ul{display:flex; flex-wrap:wrap; gap:4px 0; list-style:none; margin:0; padding:0}
#footer .pk-legal li{margin:0; padding:0; border:0; background:none}
#footer .pk-legal li + li::before{content:"|"; margin:0 10px; opacity:.5}
#footer .pk-legal a{color:#ececec}
#footer .pk-legal a:hover{color:#fff}

#footer .pk-footer-modules:empty{display:none}

/* tablet */
@media (max-width:991px){
  #footer .pk-cols{grid-template-columns:1fr 1fr; gap:28px 32px}
  #footer .pk-col-brand{grid-column:1 / -1}
  #footer .pk-service .pk-wrap{grid-template-columns:200px 1fr}
  #footer .pk-service-img{width:200px}
  #footer .pk-service-body{grid-template-columns:1fr}
  #footer .pk-cta{grid-column:1; grid-row:auto; flex-direction:row; align-items:center; gap:20px; margin-top:8px}
  #footer .pk-news .pk-wrap{grid-template-columns:1fr}
}
/* telefon: akordeon */
@media (max-width:575px){
  #footer .pk-cols{grid-template-columns:1fr; gap:0; padding-top:24px; padding-bottom:16px}
  #footer .pk-col-brand{margin-bottom:12px}
  #footer .pk-col:not(.pk-col-brand){border-top:1px solid var(--pk-line)}
  #footer .pk-col-title{cursor:pointer; display:flex; justify-content:space-between; align-items:center; min-height:52px}
  #footer .pk-col-title h3{margin:0; padding:0}
  #footer .pk-col-title h3::after{display:none}
  #footer .pk-col-title::after{content:"+"; font-size:22px; color:var(--pk-green-dark); font-weight:700; line-height:1}
  #footer .pk-col-title[aria-expanded=true]::after{content:"\2013"}
  #footer .pk-col ul{padding-bottom:12px}
  #footer .pk-col li a{padding:8px 0}
  #footer .pk-service .pk-wrap{grid-template-columns:1fr; gap:16px}
  #footer .pk-service-img{width:100%}
  #footer .pk-cta{flex-direction:column; align-items:stretch}
  #footer .pk-news form{grid-template-columns:1fr}
  #footer .pk-bar .pk-wrap, #footer .pk-bottom .pk-wrap{flex-direction:column; align-items:flex-start}
}
