/* Facebook Feed Widget – UKS PIRAT v1.2.0 */
.uksp-frf-widget{width:100%;max-width:100%;overflow:hidden;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);font-family:Arial,sans-serif}
.uksp-frf-widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:linear-gradient(135deg,#1877f2,#0d5fc7);color:#fff}
.uksp-frf-titlebox{display:flex;align-items:center;gap:12px;min-width:0}
.uksp-frf-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#1877f2;font:bold 32px Arial;line-height:1}
.uksp-frf-titlebox strong{display:block;font-size:17px;line-height:1.2}
.uksp-frf-titlebox small{display:block;margin-top:3px;opacity:.9;font-size:12px}
.uksp-frf-logo{width:54px;height:54px;object-fit:contain;border-radius:50%;background:#fff;padding:2px;flex:0 0 auto}
.uksp-frf-accent{height:4px;background:linear-gradient(90deg,#1877f2,#70a7ee)}
.uksp-frf-widget-feed{width:100%;overflow:hidden;background:#fff}
.uksp-frf-widget-feed iframe{display:block;width:100%!important;max-width:100%}
.uksp-frf-footer{padding:11px 14px;border-top:1px solid #edf0f3;background:#fafbfc;text-align:center}
.uksp-frf-footer a{color:#1877f2;font-weight:700;text-decoration:none}
.uksp-frf-footer a:hover{text-decoration:underline}
@media(max-width:480px){.uksp-frf-widget{border-radius:12px}.uksp-frf-logo{width:46px;height:46px}.uksp-frf-titlebox strong{font-size:15px}}

/* v1.2.1 – pełna nazwa sekcji w nagłówku widgetu */
.uksp-frf-widget-header{
  align-items:flex-start;
}
.uksp-frf-titlebox{
  flex:1 1 auto;
  min-width:0;
}
.uksp-frf-titlebox > div{
  min-width:0;
}
.uksp-frf-titlebox strong,
.uksp-frf-titlebox small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal;
  overflow-wrap:anywhere;
}
.uksp-frf-titlebox strong{
  font-size:17px;
  line-height:1.2;
}
.uksp-frf-titlebox small{
  font-size:13px;
  line-height:1.35;
  max-width:100%;
}
.uksp-frf-widget-feed iframe{
  min-width:100%;
}
@media(max-width:380px){
  .uksp-frf-widget-header{
    gap:8px;
    padding:12px;
  }
  .uksp-frf-logo{
    width:42px;
    height:42px;
  }
  .uksp-frf-header-icon{
    width:36px;
    height:36px;
    font-size:28px;
  }
  .uksp-frf-titlebox strong{font-size:15px}
  .uksp-frf-titlebox small{font-size:12px}
}

/* v1.2.2 – pełna nazwa + Opera fallback */
.uksp-frf-widget-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:8px!important;
  padding:12px 13px!important;
}
.uksp-frf-titlebox{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:8px!important;
  width:100%;
  min-width:0!important;
}
.uksp-frf-header-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:9px!important;
  font-size:27px!important;
}
.uksp-frf-titlebox > div{min-width:0!important}
.uksp-frf-titlebox strong{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  font-size:14px!important;
  line-height:1.18!important;
  letter-spacing:-.15px;
  margin:0!important;
}
.uksp-frf-titlebox small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  font-size:11px!important;
  line-height:1.2!important;
  margin-top:3px!important;
}
.uksp-frf-logo{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
}
.uksp-frf-widget-feed{position:relative;min-height:340px}
.uksp-frf-facebook-iframe{display:block;width:100%!important;max-width:100%!important}
.uksp-frf-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:74px;
  padding:12px;
  font-size:12px;
  color:#667085;
}
.uksp-frf-spinner{
  width:18px;height:18px;border:2px solid #dce5f2;border-top-color:#1877f2;border-radius:50%;
  animation:uksp-frf-spin .8s linear infinite;
}
@keyframes uksp-frf-spin{to{transform:rotate(360deg)}}
.uksp-frf-widget-feed.is-loaded .uksp-frf-loading{display:none}
.uksp-frf-widget-feed.has-fallback .uksp-frf-loading,
.uksp-frf-widget-feed.has-fallback .uksp-frf-facebook-iframe{display:none!important}
.uksp-frf-opera-fallback{
  margin:14px;
  padding:18px 14px;
  border:1px solid #dfe7f2;
  border-radius:12px;
  background:#f8fbff;
  text-align:center;
}
.uksp-frf-opera-fallback strong{display:block;font-size:14px;margin-bottom:7px}
.uksp-frf-opera-fallback p{font-size:12px;line-height:1.45;color:#667085;margin:0 0 13px}
.uksp-frf-opera-fallback a{
  display:inline-block;padding:10px 14px;border-radius:9px;background:#1877f2;color:#fff!important;
  text-decoration:none!important;font-weight:700;font-size:13px
}
@media(max-width:340px){
  .uksp-frf-widget-header{grid-template-columns:minmax(0,1fr) 36px!important;padding:10px!important}
  .uksp-frf-titlebox{grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important}
  .uksp-frf-header-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:23px!important}
  .uksp-frf-logo{width:36px!important;height:36px!important;min-width:36px!important}
  .uksp-frf-titlebox strong{font-size:12.5px!important;letter-spacing:-.25px}
  .uksp-frf-titlebox small{font-size:10px!important}
}

/* v1.2.3 – ukrycie uciętego nagłówka generowanego przez Facebook iframe */
.uksp-frf-crop-native-header{
  overflow:hidden!important;
  min-height:360px;
  background:#fff;
}
.uksp-frf-crop-native-header .uksp-frf-facebook-iframe{
  display:block!important;
  position:relative!important;
  top:-112px!important;
  margin-bottom:-112px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.uksp-frf-crop-native-header.is-loaded{
  padding-top:0!important;
}
/* Nasz własny nagłówek ma zawsze pełną nazwę */
.uksp-frf-widget-header .uksp-frf-titlebox strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  max-width:100%!important;
}

/* v1.2.4 – prawdziwie responsywny Facebook Page Plugin */
.uksp-frf-widget-feed{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  min-width:0!important;
  background:#fff;
}
.uksp-frf-widget-feed .uksp-frf-facebook-iframe{
  position:static!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border:0!important;
}
.uksp-frf-widget-feed.has-fallback{
  min-height:180px!important;
}
.uksp-frf-widget-feed.has-fallback .uksp-frf-opera-fallback{
  display:block!important;
}
.uksp-frf-opera-fallback[hidden]{
  display:none!important;
}
.uksp-frf-opera-fallback{
  box-sizing:border-box;
  width:auto;
  max-width:100%;
}

/* v1.3.0 – wersja bez tokena */
.uksp-frf-widget-header{
  background:linear-gradient(135deg,#0f67d9 0%,#1877f2 60%,#0a59bd 100%)!important;
}
.uksp-frf-titlebox strong{
  font-size:16px!important;
  line-height:1.18!important;
}
.uksp-frf-titlebox small{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
.uksp-frf-opera-fallback{
  margin:14px!important;
  padding:22px 16px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#f8fbff,#f4f8fd)!important;
}
.uksp-frf-opera-fallback strong{
  color:#182230!important;
  font-size:16px!important;
}
.uksp-frf-opera-fallback a{
  background:#1877f2!important;
  border-radius:10px!important;
  padding:11px 15px!important;
  font-weight:800!important;
}