/* ============================================================
   DevApp — stopka (footer)
   Ciemna baza spójna z sekcją CTA (#kontakt): głęboka czerń
   z zielonym podtonem + akcenty #4d7c0f / #84cc16 / #a3e635.
   Ładowane globalnie z footer.blade.php — działa na stronach:
   /, /polityka-prywatnosci, /blog oraz wpisach bloga.
   ============================================================ */

footer .da-footer{--da-accent:#a3e635;--da-accent-2:#84cc16;position:relative;overflow:hidden;isolation:isolate;padding:96px 0 0;color:#fff;background:linear-gradient(180deg,#0b0f0a 0%,#0d1407 55%,#080b06 100%);box-shadow:inset 0 1px 0 rgba(132,204,22,.14)}
/* zielona poświata w narożniku — dekoracja, nie przechwytuje kliknięć */
footer .da-footer::before{content:"";position:absolute;right:-10%;bottom:-30%;z-index:-1;width:min(680px,70vw);height:min(680px,70vw);pointer-events:none;background:radial-gradient(circle at 60% 40%,rgba(132,204,22,.12),transparent 62%)}
footer .da-footer .container{max-width:1180px;padding:0 24px}

/* ── kolumny i nagłówki ── */
footer .da-footer .tv-footer-area{padding-bottom:72px}
footer .da-footer .tv-footer-col-1,footer .da-footer .tv-footer-col-2,footer .da-footer .tv-footer-col-3{margin-left:0}
footer .da-footer .tv-footer-widget-title{position:relative;margin:0 0 22px;padding-bottom:14px;font-size:17px;line-height:1.3;letter-spacing:.2px;color:#fff}
footer .da-footer .tv-footer-widget-title::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4d7c0f,#84cc16)}

/* ── logo i opis marki ── */
footer .da-footer .tv-footer-widget-logo{margin-bottom:22px}
footer .da-footer .tv-footer-widget-logo img{display:block;height:40px;width:auto}
footer .da-footer .tv-footer-widget-text p{max-width:34ch;margin:0 0 26px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.68)}

/* ── kontakt jako chipsy z ikoną ── */
footer .da-footer .tv-footer-widget-contact-info ul{margin:0;padding:0;list-style:none}
footer .da-footer .tv-footer-widget-contact-info ul li{margin-bottom:12px}
footer .da-footer .tv-footer-widget-contact-info ul li:last-child{margin-bottom:0}
footer .da-footer .tv-footer-widget-contact-info ul li a{display:inline-flex;align-items:center;gap:12px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.88);transition:color .25s ease}
footer .da-footer .tv-footer-widget-contact-info ul li a i{margin-right:0}
footer .da-footer .da-footer-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;font-size:15px;color:var(--da-accent-2);background:rgba(132,204,22,.12);border:1px solid rgba(132,204,22,.28);transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}
footer .da-footer .tv-footer-widget-contact-info ul li a:hover{color:#fff}
footer .da-footer .tv-footer-widget-contact-info ul li a:hover .da-footer-ico{color:#fff;background:linear-gradient(135deg,#4d7c0f,#84cc16);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 22px rgba(77,124,15,.38)}

/* ── linki w kolumnach: rosnące podkreślenie + wsuwana strzałka ── */
footer .da-footer .tv-footer-widget-menu ul{margin:0;padding:0;list-style:none}
footer .da-footer .tv-footer-widget-menu ul li{margin-bottom:14px}
footer .da-footer .tv-footer-widget-menu ul li:last-child{margin-bottom:0}
footer .da-footer .tv-footer-widget-menu ul li a{position:relative;display:inline-flex;align-items:center;padding:2px 0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.72);transition:color .25s ease}
footer .da-footer .tv-footer-widget-menu ul li a::before{content:"→";display:inline-block;width:0;opacity:0;overflow:hidden;color:var(--da-accent);transition:width .25s ease,opacity .25s ease,margin-right .25s ease}
footer .da-footer .tv-footer-widget-menu ul li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-radius:1px;background:linear-gradient(90deg,#4d7c0f,#84cc16);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
footer .da-footer .tv-footer-widget-menu ul li a:hover,footer .da-footer .tv-footer-widget-menu ul li a:focus-visible{color:#fff}
footer .da-footer .tv-footer-widget-menu ul li a:hover::before,footer .da-footer .tv-footer-widget-menu ul li a:focus-visible::before{width:1.1em;opacity:1;margin-right:.45em}
footer .da-footer .tv-footer-widget-menu ul li a:hover::after,footer .da-footer .tv-footer-widget-menu ul li a:focus-visible::after{transform:scaleX(1)}

/* ── pasek copyright ── */
footer .da-footer .tv-copyright-border{padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}
footer .da-footer .tv-copyright-left p{margin:0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.62)}
footer .da-footer .tv-copyright-left p a{color:var(--da-accent)}
footer .da-footer .tv-copyright-left p a:hover{color:#d9f99d;text-decoration:underline}
footer .da-footer .da-footer-credit{color:rgba(255,255,255,.45)}
footer .da-footer .da-footer-credit a{color:rgba(255,255,255,.72)}
footer .da-footer .da-footer-credit a:hover{color:var(--da-accent)}

/* ── dostępność: wyraźny focus dla klawiatury ── */
footer .da-footer a:focus-visible{outline:3px solid var(--da-accent-2);outline-offset:4px;border-radius:6px}

/* ── responsywność ── */
@media(max-width:1199px){footer .da-footer{padding-top:80px}footer .da-footer .tv-footer-area{padding-bottom:56px}}
@media(max-width:991px){footer .da-footer{padding-top:64px}footer .da-footer .tv-footer-widget-logo img{height:36px}footer .da-footer .tv-footer-widget-title{margin-bottom:16px}}
@media(max-width:600px){footer .da-footer{padding-top:52px}footer .da-footer .container{padding:0 20px}footer .da-footer .tv-copyright-left p{font-size:13px}}

/* ── mniej ruchu, gdy użytkownik tego oczekuje ── */
@media(prefers-reduced-motion:reduce){footer .da-footer .da-footer-ico,footer .da-footer .tv-footer-widget-menu ul li a::before,footer .da-footer .tv-footer-widget-menu ul li a::after{transition:none!important}}