/* =========================================================
   SŁOWIK DIGITAL — shared polish v3
   portfolio slider, lighter surfaces and refined CTAs
   ========================================================= */

/* Wybrane realizacje — swipe + autoplay */
.portfolio-home-slider{overflow:hidden;background:#f5f8fa}
.portfolio-home-slider__head-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.portfolio-home-slider__arrows{display:flex;gap:8px}
.portfolio-home-slider__arrows button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #cadbe4;border-radius:9px;color:#123c55;background:#fff;box-shadow:0 10px 24px rgba(12,47,70,.07);font:600 18px/1 Inter,system-ui;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}
.portfolio-home-slider__arrows button:hover{transform:translateY(-2px);border-color:#68cade;box-shadow:0 14px 30px rgba(12,47,70,.12)}
.portfolio-home-slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.portfolio-home-slider__viewport::-webkit-scrollbar{display:none}
.portfolio-home-slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px}
.portfolio-home-slide{scroll-snap-align:start;scroll-snap-stop:always;min-height:440px}
.portfolio-home-slider__progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:24px}
.portfolio-home-slider__progress>div{height:4px;overflow:hidden;border-radius:999px;background:#d8e5eb}
.portfolio-home-slider__progress>div span{display:block;width:100%;height:100%;transform:scaleX(var(--portfolio-progress,.1667));transform-origin:left;background:linear-gradient(90deg,#117b9d,#57d4eb,#df5a3e);box-shadow:0 0 14px rgba(51,191,220,.28);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.portfolio-home-slider__progress p{display:flex;align-items:center;gap:7px;margin:0;color:#7893a4;font-size:11px}.portfolio-home-slider__progress strong{color:#0c405c;font-size:18px}.portfolio-home-slider__progress i{font-style:normal;color:#a8bac5}

/* Jaśniejsze tło oferty — bez niebieskiego zlewania się z kartami */
.services-section{background:linear-gradient(180deg,#fafcfd 0%,#f3f6f7 54%,#edf2f4 100%)!important}
.services-section::before{opacity:.18!important}
.services-heading .section-lead{color:#5f7888!important}

/* Jednolite, bardziej zdecydowane CTA usług */
.service-stack-card-v7 .button-stack,
.sop-button--orange-flat{border-color:#d9563d!important;background:#d9563d!important;background-image:none!important;box-shadow:0 16px 34px rgba(180,55,37,.22),0 0 22px rgba(217,86,61,.11)!important;font-weight:690!important}
.service-stack-card-v7 .button-stack:hover,
.sop-button--orange-flat:hover{border-color:#c84933!important;background:#c84933!important;background-image:none!important;box-shadow:0 20px 42px rgba(180,55,37,.29),0 0 28px rgba(217,86,61,.15)!important}
.service-detail-link{min-height:auto!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--service-text) 25%,transparent)!important;text-underline-offset:5px!important}
.service-detail-link:hover{transform:translateX(3px)!important;box-shadow:none!important;text-decoration-color:var(--service-text)!important}

/* Strona główna — jaśniejszy środek kontaktu */
.contact-panel-v74{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.065))!important;border-color:rgba(163,229,239,.23)!important}
.contact-form-v74{background:linear-gradient(145deg,#ffffff,#f4f9fb)!important;box-shadow:0 30px 75px rgba(0,7,18,.22),inset 0 1px 0 #fff!important}
.contact-form-v74 input,.contact-form-v74 select,.contact-form-v74 textarea{background:#fff!important;border-color:#c8d9e2!important}

/* Mocniejsza, ale nadal subtelna zachęta do scrollowania na mobile */
@media(max-width:760px){
  .sdock-tease{height:178px!important;background:linear-gradient(180deg,rgba(1,7,17,0),rgba(1,7,17,.31) 34%,rgba(1,7,17,.88) 100%)!important}
  .sdock-tease::before{inset:36px 0 0!important;background:linear-gradient(180deg,transparent,rgba(1,7,17,.32))!important;backdrop-filter:blur(7px)!important}
  .portfolio-v7__heading{align-items:flex-start!important}
  .portfolio-home-slider__head-actions{width:100%;justify-content:space-between;gap:12px}
  .portfolio-home-slider__arrows button{width:40px;height:40px}
  .portfolio-home-slider__track{grid-auto-columns:86%;gap:12px;padding-right:7%}
  .portfolio-home-slide{min-height:410px}
  .portfolio-home-slider__progress{margin-top:18px}
}

@media(max-width:520px){
  .portfolio-home-slider__track{grid-auto-columns:89%}
  .portfolio-home-slide{min-height:385px}
}

@media(prefers-reduced-motion:reduce){
  .portfolio-home-slider__progress>div span{transition:none}
}

/* =========================================================
   v3.1 — naprawa CTA i płynny slider realizacji
   ========================================================= */

/* CTA — naprawa rozsypanych przycisków */
.service-stack-card-v7 .button-stack,
.footer-cta,
.sop-button--orange-flat{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:54px!important;
  padding:0 22px!important;
  text-decoration:none!important;
  line-height:1.15!important;
  white-space:normal!important;
  text-align:center!important;
}
.service-stack-card-v7 .button-stack{
  justify-content:space-between!important;
  align-items:center!important;
}
.service-stack-card-v7 .button-stack .button-stack__label{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
}
.service-stack-card-v7 .button-stack .button-stack__icon{
  flex:0 0 30px;
}
.footer-contact .footer-cta{
  width:100%;
  max-width:260px;
  color:#fff!important;
  border:1px solid #d9563d!important;
  background:#d9563d!important;
  box-shadow:0 16px 34px rgba(181,58,39,.23),0 0 22px rgba(217,86,61,.10)!important;
  font-weight:700!important;
}
.footer-contact .footer-cta:hover{
  background:#c84b35!important;
  border-color:#c84b35!important;
  box-shadow:0 20px 42px rgba(181,58,39,.30),0 0 28px rgba(217,86,61,.14)!important;
}

/* Wybrane realizacje — jeszcze płynniejsze przewijanie */
.portfolio-home-slider__viewport{
  scroll-behavior:smooth;
}
.portfolio-home-slider__track{
  align-items:stretch;
  will-change:transform;
}
.portfolio-home-slide{
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-x pan-y;
}

@media(max-width:760px){
  .service-stack-card-v7 .button-stack,
  .footer-cta,
  .sop-button--orange-flat{
    min-height:52px!important;
    padding:0 18px!important;
    font-size:13px!important;
  }
  .footer-contact .footer-cta{max-width:none}
}

/* v3.2 — pętla bez widocznego cofania */
.portfolio-home-slider__viewport{scroll-behavior:auto!important}
