/* Wyniesione z HTML do pliku (2026-10-13), zeby przegladarka trzymala je w cache zamiast pobierac przy kazdej odslonie.
   Zrodlo: resources/views/components/public/footer.blade.php */

        /* ===== Spójny system footera (jeden język wizualny dla wszystkich sekcji) ===== */
        #saas-footer .fx-wrap { position: relative; z-index: 2; padding-top: .5rem; }
        #saas-footer .fx-inner { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2.5rem 2rem; align-items: start; padding: 1rem 0 2.5rem; }
        @media (max-width: 767px) { #saas-footer .fx-inner { grid-template-columns: 1fr; gap: 2rem; text-align: center; } }

        /* --- Kolumna marki --- */
        #saas-footer .fx-logo { display: inline-flex; align-items: center; text-decoration: none; }
        #saas-footer .fx-logo img { height: 46px; width: auto; display: block; transition: transform .3s cubic-bezier(.34,1.56,.64,1); }
        #saas-footer .fx-logo:hover img { transform: scale(1.05); }
        #saas-footer .fx-tagline { margin: 1rem 0 1.25rem; font-size: .95rem; line-height: 1.65; color: var(--bs-secondary-color); max-width: 320px; }
        @media (max-width: 767px) { #saas-footer .fx-tagline { margin-inline: auto; } }

        /* --- Social (spójne kafle) --- */
        #saas-footer .fx-social { display: flex; gap: 10px; flex-wrap: wrap; }
        @media (max-width: 767px) { #saas-footer .fx-social { justify-content: center; } }
        #saas-footer .fx-social a {
            width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
            border-radius: 12px; color: var(--bs-secondary-color);
            background: rgba(148,163,184,.10); border: 1px solid var(--bs-border-color);
            text-decoration: none; transition: all .25s cubic-bezier(.23,1,.32,1);
        }
        #saas-footer .fx-social a:hover { transform: translateY(-3px); color: #fff; border-color: transparent; background: linear-gradient(135deg,#4f46e5,#d946ef); box-shadow: 0 8px 18px -6px rgba(99,102,241,.5); }

        /* --- Wspólny nagłówek każdej kolumny/sekcji --- */
        #saas-footer .fx-h { font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.6px; color: var(--bs-body-emphasis); margin: 0 0 1.15rem; position: relative; padding-bottom: .6rem; }
        #saas-footer .fx-h::after { content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#4f46e5,#d946ef); }
        @media (max-width: 767px) { #saas-footer .fx-h::after { left: 50%; transform: translateX(-50%); } }

        /* --- Normalizacja treści CMS (widgety) do JEDNEGO stylu --- */
        #saas-footer .fx-widgets, #saas-footer .fx-widgets * { background: transparent !important; border: 0 !important; box-shadow: none !important; }
        #saas-footer .fx-widgets .row { --bs-gutter-x: 2rem; }
        #saas-footer .fx-widgets h1, #saas-footer .fx-widgets h2, #saas-footer .fx-widgets h3,
        #saas-footer .fx-widgets h4, #saas-footer .fx-widgets h5, #saas-footer .fx-widgets h6, #saas-footer .fx-widgets strong {
            font-size: .78rem !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 1.6px;
            color: var(--bs-body-emphasis) !important; margin: 0 0 1.1rem !important; display: block; position: relative; padding-bottom: .6rem;
        }
        #saas-footer .fx-widgets h1::after, #saas-footer .fx-widgets h2::after, #saas-footer .fx-widgets h3::after,
        #saas-footer .fx-widgets h4::after, #saas-footer .fx-widgets h5::after, #saas-footer .fx-widgets h6::after {
            content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#4f46e5,#d946ef);
        }
        #saas-footer .fx-widgets ul, #saas-footer .fx-widgets ol { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .65rem; }
        #saas-footer .fx-widgets li { margin: 0; }
        #saas-footer .fx-widgets a {
            color: var(--bs-secondary-color); text-decoration: none; font-size: .92rem; font-weight: 600;
            display: inline-flex; align-items: center; transition: color .2s ease, transform .2s ease;
        }
        #saas-footer .fx-widgets a:hover { color: #4f46e5; transform: translateX(4px); }
        /* separatory "|" z CMS -> subtelne, spójne */
        #saas-footer .fx-widgets span { color: rgba(148,163,184,.5) !important; margin: 0 .5rem; font-weight: 400; }
        /* layout 1 (linki inline) -> ładny, spójny rządek */
        #saas-footer .fx-widgets .col-12.text-center > div > div { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .15rem .35rem; }

        /* --- Dolna belka (copyright) — spójna --- */
        #saas-footer .fx-bottom { border-top: 1px solid rgba(148,163,184,.18); padding: 1.5rem 0 .5rem; text-align: center; }
        #saas-footer .fx-bottom, #saas-footer .fx-bottom * { font-size: .84rem; color: var(--bs-secondary-color); }
        #saas-footer .fx-bottom a { color: var(--bs-secondary-color); text-decoration: none; transition: color .2s; }
        #saas-footer .fx-bottom a:hover { color: #4f46e5; }
        /* zneutralizuj zagnieżdżony markup z bottom_text do jednej, czystej linii */
        #saas-footer .fx-bottom #content-skin-tex, #saas-footer .fx-bottom .footer, #saas-footer .fx-bottom .footer-inner { all: unset; display: block; }
        #saas-footer .fx-bottom .footer-nav, #saas-footer .fx-bottom .footer-line { display: none !important; }
        #saas-footer .fx-bottom .footer-copy { margin: 0 !important; padding: 0 !important; font-size: .84rem !important; color: var(--bs-secondary-color) !important; }