/* SFXM.NETWORK Privacy & Consent — 2026-08-19 */
#cookieBanner{display:none!important}
.sfxm-consent{position:fixed;inset:auto 18px 18px;z-index:100000;font-family:var(--font-sans,"DM Sans",Arial,sans-serif);color:var(--text,#f7f9fc)}
.sfxm-consent *{box-sizing:border-box}
.sfxm-consent-card{max-width:1440px;margin:auto;border:1px solid var(--border-strong,#405a75);border-radius:18px;background:color-mix(in srgb,var(--surface,#101b28) 96%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(22px);padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.sfxm-consent-kicker{font:600 10px/1.2 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#e3ba52);margin-bottom:8px}
.sfxm-consent h2{font-size:clamp(22px,2.2vw,34px);line-height:1.05;letter-spacing:-.035em;margin:0 0 10px;color:var(--text,#f7f9fc)}
.sfxm-consent p{max-width:900px;margin:0;color:var(--text-soft,#aab8c9);font-size:13px;line-height:1.65}
.sfxm-consent-links{margin-top:12px!important}.sfxm-consent a{color:var(--text,#f7f9fc);text-decoration:none;border-bottom:1px solid var(--border-strong,#405a75)}.sfxm-consent a:hover{color:var(--accent,#e3ba52);border-color:var(--accent,#e3ba52)}
.sfxm-consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sfxm-consent button,.sfxm-consent-modal button{min-height:44px;padding:0 16px;border-radius:9px;border:1px solid var(--border-strong,#405a75);background:transparent;color:var(--text,#f7f9fc);font:700 11px/1 var(--font-sans,"DM Sans",Arial,sans-serif);cursor:pointer}.sfxm-consent button:hover,.sfxm-consent-modal button:hover{border-color:var(--accent,#e3ba52)}.sfxm-consent .primary,.sfxm-consent-modal .primary{background:var(--accent,#e3ba52);border-color:var(--accent,#e3ba52);color:var(--text-dark,#071018)}
.sfxm-consent-modal{position:fixed;inset:0;z-index:100010;display:none;place-items:center;padding:20px;background:var(--overlay,rgba(3,7,12,.92));font-family:var(--font-sans,"DM Sans",Arial,sans-serif)}.sfxm-consent-modal.open{display:grid}.sfxm-consent-dialog{width:min(860px,100%);max-height:min(760px,92dvh);overflow:auto;border:1px solid var(--border-strong,#405a75);border-radius:18px;background:var(--surface,#101b28);color:var(--text,#f7f9fc);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.sfxm-consent-head{padding:24px 26px 18px;border-bottom:1px solid var(--border,#223244);display:flex;justify-content:space-between;gap:20px}.sfxm-consent-head h2{margin:4px 0 0;font-size:30px;letter-spacing:-.035em}.sfxm-consent-body{padding:22px 26px}.sfxm-consent-intro{color:var(--text-soft,#aab8c9);font-size:13px;line-height:1.65;margin:0 0 18px}.sfxm-consent-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 0;border-top:1px solid var(--border,#223244)}.sfxm-consent-row:first-of-type{border-top:0}.sfxm-consent-row strong{display:block;font-size:15px;margin-bottom:5px}.sfxm-consent-row p{margin:0;color:var(--text-soft,#aab8c9);font-size:12px;line-height:1.55}.sfxm-status{align-self:start;min-width:110px;text-align:center;border:1px solid var(--border-strong,#405a75);border-radius:999px;padding:8px 10px;font:700 10px/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.05em;color:var(--text-soft,#aab8c9)}
.sfxm-switch{position:relative;width:48px;height:26px;display:inline-block}.sfxm-switch input{opacity:0;width:0;height:0}.sfxm-slider{position:absolute;inset:0;border:1px solid var(--border-strong,#405a75);border-radius:999px;background:var(--bg-soft,#0b121b);cursor:pointer}.sfxm-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:var(--text-soft,#aab8c9);transition:.2s}.sfxm-switch input:checked+.sfxm-slider{border-color:var(--accent,#e3ba52)}.sfxm-switch input:checked+.sfxm-slider:before{transform:translateX(22px);background:var(--accent,#e3ba52)}
.sfxm-consent-foot{padding:18px 26px 24px;border-top:1px solid var(--border,#223244);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:800px){.sfxm-consent{inset:auto 8px 8px}.sfxm-consent-card{grid-template-columns:1fr;padding:19px;gap:18px}.sfxm-consent-actions{justify-content:stretch}.sfxm-consent-actions button{flex:1 1 145px}.sfxm-consent-dialog{border-radius:14px}.sfxm-consent-head,.sfxm-consent-body,.sfxm-consent-foot{padding-left:18px;padding-right:18px}.sfxm-consent-row{grid-template-columns:1fr auto}}


/* =========================================================
   SFXM.NETWORK — COOKIE SETTINGS DESKTOP FINAL
   Desktop typography/layout aligned with NEW.SFXM.PL.
   Mobile rules below 800px remain controlled separately.
   ========================================================= */

@media (min-width: 801px) {

  .sfxm-consent-modal {
    padding: 24px !important;
    overflow: hidden !important;
    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;
  }

  .sfxm-consent-dialog {
    width: min(680px, calc(100vw - 48px)) !important;
    max-width: 680px !important;
    max-height: calc(100dvh - 48px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 18px !important;
  }

  .sfxm-consent-head {
    position: relative !important;
    display: block !important;
    padding: 26px 28px 20px !important;
  }

  .sfxm-consent-head .sfxm-consent-kicker {
    margin: 0 58px 9px 0 !important;
    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
  }

  .sfxm-consent-head h2 {
    margin: 0 !important;
    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
  }

  /* X jak w NEW.SFXM.PL */
  .sfxm-consent-close {
    position: absolute !important;
    top: 20px !important;
    right: 22px !important;

    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    border-radius: 50% !important;

    display: grid !important;
    place-items: center !important;

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }

  .sfxm-consent-body {
    padding: 20px 28px 4px !important;
  }

  .sfxm-consent-intro {
    margin: 0 0 17px !important;

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 16px !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
  }

  .sfxm-consent-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;

    gap: 22px !important;
    padding: 17px 0 !important;
  }

  .sfxm-consent-row strong {
    display: block !important;
    margin: 0 0 6px !important;

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
  }

  .sfxm-consent-row p {
    max-width: 500px !important;
    margin: 0 !important;

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
  }

  /* Niezbędne — aktywny wizualnie switch */
  .sfxm-required-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
  }

  .sfxm-required-label {
    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    color: var(--accent,#e3ba52) !important;
  }

  .sfxm-switch.is-required {
    pointer-events: none !important;
  }

  .sfxm-switch.is-required .sfxm-slider {
    border-color: var(--accent,#e3ba52) !important;
  }

  .sfxm-switch.is-required .sfxm-slider:before {
    transform: translateX(22px) !important;
    background: var(--accent,#e3ba52) !important;
  }

  .sfxm-switch {
    flex: 0 0 48px !important;
  }

  .sfxm-consent-foot {
    padding: 18px 28px 24px !important;
    gap: 10px !important;
  }

  .sfxm-consent-foot button {
    min-height: 48px !important;
    padding: 11px 17px !important;

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    border-radius: 10px !important;
  }

  /* w panelu ustawień zostawiamy dwie decyzje */
  .sfxm-consent-foot [data-settings-accept] {
    display: none !important;
  }
}


/* SFXM.NETWORK — CONSENT SWITCH STATE FIX */

/* opcjonalne — OFF */
.sfxm-switch:not(.is-required) .sfxm-slider {
    background: transparent !important;
    border-color: rgba(150,170,190,.45) !important;
}

.sfxm-switch:not(.is-required) .sfxm-slider:before {
    background: #aebdce !important;
    transform: translateX(0) !important;
}

/* opcjonalne — ON */
.sfxm-switch:not(.is-required) input:checked + .sfxm-slider {
    border-color: var(--accent,#e3ba52) !important;
}

.sfxm-switch:not(.is-required) input:checked + .sfxm-slider:before {
    background: var(--accent,#e3ba52) !important;
    transform: translateX(22px) !important;
}

/* niezbędne — zawsze ON */
.sfxm-switch.is-required .sfxm-slider {
    border-color: var(--accent,#e3ba52) !important;
}

.sfxm-switch.is-required .sfxm-slider:before {
    background: var(--accent,#e3ba52) !important;
    transform: translateX(22px) !important;
}


/* =========================================================
   SFXM.NETWORK — COOKIE OVERLAY DESKTOP FINAL
   Dark + blurred background inspired by NEW.SFXM.PL
   Keeps SFXM.NETWORK modal/theme colours
   ========================================================= */

@media (min-width: 801px) {

  /* Tło całej strony za oknem Cookies */
  .sfxm-consent-modal {
    background: rgba(3, 7, 11, 0.82) !important;

    -webkit-backdrop-filter:
      blur(10px)
      saturate(115%) !important;

    backdrop-filter:
      blur(10px)
      saturate(115%) !important;

    padding: 32px !important;

    display: grid !important;
    place-items: center !important;
  }

  /* Sam panel pozostaje w kolorystyce SFXM.NETWORK */
  .sfxm-consent-dialog {
    box-shadow:
      0 24px 70px rgba(0, 0, 0, 0.55),
      0 0 0 1px rgba(227, 186, 82, 0.025) !important;
  }

}



/* =========================================================
   SFXM.NETWORK — FULL VIEWPORT CONSENT FIX
   Modal detached from BODY layout and bound to viewport.
   ========================================================= */

@media (min-width: 801px) {

  html > .sfxm-consent-modal {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    inset: 0 !important;

    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 32px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    z-index: 2147483000 !important;

    background: rgba(3,7,11,.86) !important;

    -webkit-backdrop-filter:
      blur(10px)
      saturate(115%) !important;

    backdrop-filter:
      blur(10px)
      saturate(115%) !important;

    display: none !important;
    place-items: center !important;
  }

  html > .sfxm-consent-modal.open {
    display: grid !important;
  }

  html > .sfxm-consent-modal .sfxm-consent-dialog {
    position: relative !important;

    width: min(680px, calc(100vw - 64px)) !important;
    max-width: 680px !important;

    margin: auto !important;

    max-height: calc(100dvh - 64px) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}