/* Folinq v200 Hotfix 3 - deterministic comments + guest home gate */

/* --------------------------------------------------------------------------
   Comment menu: one viewport-level owner. The original inline/popover menu is
   only a source template after v2003 initializes.
   -------------------------------------------------------------------------- */
body.folinq-r2013 .comment-menu-v2003{position:relative!important;display:block!important;justify-self:end!important;z-index:5!important}
body.folinq-r2013 .comment-menu-toggle-v2003{
  appearance:none!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:#5d6b79!important;
  box-shadow:none!important;cursor:pointer!important;overflow:visible!important;opacity:1!important;visibility:visible!important;
}
body.folinq-r2013 .comment-menu-toggle-v2003::before{content:none!important;display:none!important}
body.folinq-r2013 .comment-menu-toggle-v2003 svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
body.folinq-r2013 .comment-menu-toggle-v2003:hover,
body.folinq-r2013 .comment-menu-toggle-v2003:focus-visible{background:#e8edf2!important;color:#24364a!important;outline:none!important}
body.folinq-r2013 [data-comment-menu-source-v2003]{display:none!important}
#folinq-comment-menu-layer-v2003{
  box-sizing:border-box!important;position:fixed!important;inset:auto!important;z-index:2147483647!important;
  display:block!important;width:min(238px,calc(100vw - 20px))!important;max-height:min(390px,calc(100vh - 20px))!important;
  margin:0!important;padding:7px!important;overflow:auto!important;border:1px solid #d7e0e8!important;border-radius:13px!important;
  background:#fff!important;color:#26384a!important;box-shadow:0 18px 52px rgba(15,31,51,.24)!important;
  font:inherit!important;text-align:start!important;direction:inherit!important;isolation:isolate!important;
}
#folinq-comment-menu-layer-v2003[hidden]{display:none!important}
#folinq-comment-menu-layer-v2003>a,
#folinq-comment-menu-layer-v2003>button,
#folinq-comment-menu-layer-v2003>form>button{
  appearance:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:9px!important;
  width:100%!important;min-height:39px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#26384a!important;text-decoration:none!important;text-align:start!important;font:inherit!important;
  font-size:13px!important;font-weight:700!important;cursor:pointer!important;white-space:normal!important;
}
#folinq-comment-menu-layer-v2003>a:hover,
#folinq-comment-menu-layer-v2003>button:hover,
#folinq-comment-menu-layer-v2003>form>button:hover{background:#f1f4f7!important}
#folinq-comment-menu-layer-v2003 form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#folinq-comment-menu-layer-v2003 svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}
#folinq-comment-menu-layer-v2003 .danger{color:#c62845!important}

/* --------------------------------------------------------------------------
   Comment composer: old R20.13/v200 layout classes are detached by JS. This
   block owns the visual geometry, while existing data attributes keep AJAX,
   emoji, mention, image preview and reset behavior unchanged.
   -------------------------------------------------------------------------- */
body.folinq-r2013 form.comment-composer-v2003{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;
  gap:10px!important;width:100%!important;margin:9px 0 11px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;direction:inherit!important;overflow:visible!important;
}
body.folinq-r2013 form.comment-reply-composer-v2003{grid-template-columns:32px minmax(0,1fr)!important;margin:7px 0 10px!important}
body.folinq-r2013 form.comment-composer-v2003[hidden]{display:none!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-avatar-link-v2003{
  box-sizing:border-box!important;display:block!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  margin:2px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;overflow:hidden!important;
}
body.folinq-r2013 form.comment-reply-composer-v2003 .comment-composer-avatar-link-v2003{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-avatar-v2003{
  display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;
  border:0!important;border-radius:50%!important;object-fit:cover!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-shell-v2003{
  box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;width:100%!important;min-width:0!important;min-height:82px!important;margin:0!important;padding:0!important;
  border:1.4px solid #9ea4aa!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-shell-v2003:focus-within{border-color:#69727a!important;box-shadow:0 0 0 1px rgba(69,78,87,.09)!important}
body.folinq-r2013 form.comment-composer-v2003 textarea.comment-composer-text-v2003{
  box-sizing:border-box!important;position:static!important;display:block!important;grid-row:1!important;width:100%!important;min-width:0!important;
  min-height:43px!important;height:43px;max-height:150px!important;margin:0!important;padding:10px 14px 3px!important;border:0!important;
  border-radius:19px 19px 0 0!important;background:transparent!important;color:#1f2933!important;box-shadow:none!important;outline:0!important;
  resize:none!important;overflow-y:hidden!important;font:inherit!important;font-size:14px!important;line-height:1.55!important;text-align:start!important;direction:inherit!important;
}
body.folinq-r2013 form.comment-composer-v2003 textarea.comment-composer-text-v2003::placeholder{color:#5f6b75!important;opacity:1!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-preview-v2003{
  box-sizing:border-box!important;position:relative!important;grid-row:2!important;width:70px!important;height:70px!important;margin:4px 12px 5px!important;
  padding:0!important;border:1px solid #d7dde3!important;border-radius:10px!important;background:#f5f7f9!important;overflow:hidden!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-preview-v2003[hidden]{display:none!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-preview-v2003 img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-preview-v2003 button{
  position:absolute!important;top:4px!important;inset-inline-end:4px!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(18,27,37,.78)!important;color:#fff!important;
  font:inherit!important;font-size:16px!important;line-height:1!important;cursor:pointer!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-composer-tools-v2003{
  box-sizing:border-box!important;position:static!important;grid-row:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;width:100%!important;min-height:38px!important;margin:0!important;padding:0 8px 7px!important;border:0!important;background:transparent!important;
  direction:inherit!important;pointer-events:auto!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-tool-group-v2003{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;direction:inherit!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-tool-v2003{
  box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
  min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#40464d!important;box-shadow:none!important;cursor:pointer!important;overflow:visible!important;line-height:1!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-tool-v2003:hover,
body.folinq-r2013 form.comment-composer-v2003 .comment-tool-v2003:focus-visible{background:#edf0f2!important;color:#23282d!important;outline:none!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-tool-icon-v2003{display:block!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;overflow:visible!important;pointer-events:none!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-upload-v2003 input{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:2!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-send-v2003{
  box-sizing:border-box!important;appearance:none!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:64px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 14px!important;border:0!important;
  border-radius:999px!important;background:#0a66c2!important;color:#fff!important;box-shadow:none!important;font:inherit!important;font-size:13px!important;
  font-weight:700!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-send-v2003:hover:not(:disabled){background:#004182!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-send-v2003:disabled{background:#e7e7e7!important;color:#9aa0a6!important;opacity:1!important;cursor:default!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-emoji-menu-v2003{
  position:absolute!important;bottom:37px!important;inset-inline-start:8px!important;inset-inline-end:auto!important;z-index:2147482500!important;
  display:grid!important;grid-template-columns:repeat(4,36px)!important;gap:4px!important;padding:7px!important;border:1px solid #d8e0e8!important;
  border-radius:12px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,31,51,.20)!important;
}
body.folinq-r2013 form.comment-composer-v2003 .comment-emoji-menu-v2003[hidden]{display:none!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-emoji-menu-v2003 button{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:20px!important;cursor:pointer!important}
body.folinq-r2013 form.comment-composer-v2003 .comment-emoji-menu-v2003 button:hover{background:#eef2f5!important}

/* --------------------------------------------------------------------------
   Guest home: blur every top-level application surface automatically, including
   dynamically inserted side panels, but deliberately keep the footer clear.
   -------------------------------------------------------------------------- */
body.folinq-guest-home-v2003 > :not(.footer-note):not(.folinq-guest-gate-v2003):not(script):not(style):not(link){
  filter:blur(8px) saturate(.82)!important;opacity:.64!important;pointer-events:none!important;user-select:none!important;
  transition:filter .16s ease,opacity .16s ease!important;
}
body.folinq-guest-home-v2003 > .footer-note{filter:none!important;opacity:1!important;pointer-events:auto!important;user-select:auto!important;position:relative!important;z-index:2!important}

/* When the existing v200 guest interaction handler opens its gate, make the
   blur selector structural rather than relying on the old one-time child list. */
html.folinq-guest-modal-open-r200 body:not(.folinq-guest-home-v2003) > :not(.folinq-guest-gate-v2003):not(.folinq-guest-gate-r200):not(script):not(style):not(link){
  filter:blur(8px) saturate(.82)!important;pointer-events:none!important;user-select:none!important;
}
body.folinq-r2013 .folinq-guest-blur-r200{transition:filter .16s ease!important}

.folinq-guest-gate-v2003{
  box-sizing:border-box!important;position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid!important;place-items:center!important;
  padding:18px!important;isolation:isolate!important;
}
.folinq-guest-gate-v2003[hidden]{display:none!important}
.folinq-guest-gate-backdrop-v2003{position:absolute!important;inset:0!important;z-index:0!important;background:rgba(245,248,252,.30)!important;-webkit-backdrop-filter:blur(10px) saturate(.82)!important;backdrop-filter:blur(10px) saturate(.82)!important}
.folinq-guest-gate-dialog-v2003{
  box-sizing:border-box!important;position:relative!important;z-index:1!important;width:min(420px,calc(100vw - 28px))!important;max-height:calc(100vh - 28px)!important;
  overflow:auto!important;padding:22px 24px 21px!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;color:#17283b!important;box-shadow:0 28px 90px rgba(8,18,32,.24)!important;text-align:center!important;pointer-events:auto!important;
}
.folinq-guest-gate-v2003.is-home-v2003{pointer-events:none!important}
.folinq-guest-gate-v2003.is-home-v2003 .folinq-guest-gate-backdrop-v2003{display:none!important}
.folinq-guest-gate-v2003.is-home-v2003 .folinq-guest-gate-dialog-v2003{pointer-events:auto!important}
.folinq-guest-gate-close-v2003{
  position:absolute!important;top:10px!important;inset-inline-end:10px!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#edf2f7!important;color:#536579!important;font:inherit!important;font-size:21px!important;cursor:pointer!important;
}
.folinq-guest-gate-v2003.is-home-v2003 .folinq-guest-gate-close-v2003{display:none!important}
.folinq-guest-gate-dialog-v2003 h2{margin:2px 0 6px!important;font-size:19px!important;font-weight:850!important;line-height:1.55!important;color:#162b43!important}
.folinq-guest-gate-copy-v2003{margin:0 auto 13px!important;max-width:340px!important;color:#66778a!important;font-size:12.5px!important;line-height:1.8!important}

/* Folinq ring: broken navy ring + blue dot + moving reflected highlight. */
.folinq-gate-ring-v2003{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;margin:0 auto 8px!important;filter:drop-shadow(0 8px 15px rgba(18,61,112,.14))!important}
.folinq-gate-ring-v2003 svg{display:block!important;width:72px!important;height:72px!important;overflow:visible!important}
.folinq-ring-base-v2003{fill:none!important;stroke:#102c55!important;stroke-width:5!important;stroke-linecap:round!important;stroke-dasharray:118 28!important}
.folinq-ring-reflection-v2003{fill:none!important;stroke:url(#folinqRingReflectionV2003)!important;stroke-width:5.6!important;stroke-linecap:round!important;stroke-dasharray:18 180!important;filter:drop-shadow(0 0 3px rgba(255,255,255,.72))!important}
.folinq-ring-reflection-group-v2003{transform-origin:36px 36px!important;animation:folinqRingReflectionSpinV2003 2.55s linear infinite!important}
.folinq-ring-dot-v2003{fill:#2d79ff!important;filter:drop-shadow(0 0 5px rgba(45,121,255,.72))!important;animation:folinqRingDotPulseV2003 1.8s ease-in-out infinite!important;transform-origin:54px 17px!important}
@keyframes folinqRingReflectionSpinV2003{from{transform:rotate(-35deg)}to{transform:rotate(325deg)}}
@keyframes folinqRingDotPulseV2003{0%,100%{transform:scale(.92);opacity:.78}50%{transform:scale(1.16);opacity:1}}

.folinq-guest-login-form-v2003{display:grid!important;gap:9px!important;width:100%!important;margin:0!important;padding:0!important;text-align:start!important}
.folinq-guest-login-form-v2003 label{display:grid!important;gap:5px!important;margin:0!important;color:#41566d!important;font-size:12px!important;font-weight:750!important}
.folinq-guest-login-form-v2003 input[type="email"],.folinq-guest-login-form-v2003 input[type="password"]{
  box-sizing:border-box!important;width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #c8d4df!important;
  border-radius:11px!important;background:#fff!important;color:#17283b!important;box-shadow:none!important;outline:none!important;font:inherit!important;font-size:14px!important;
}
.folinq-guest-login-form-v2003 input:focus{border-color:#0a66c2!important;box-shadow:0 0 0 3px rgba(10,102,194,.09)!important}
.folinq-guest-login-meta-v2003{display:flex!important;justify-content:flex-end!important;margin:-1px 0 0!important;font-size:11.5px!important}
html[dir="rtl"] .folinq-guest-login-meta-v2003{justify-content:flex-start!important}
.folinq-guest-login-meta-v2003 a,.folinq-guest-register-v2003 a{color:#0a66c2!important;text-decoration:none!important;font-weight:750!important}
.folinq-guest-login-submit-v2003{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:43px!important;margin:1px 0 0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#0a66c2!important;color:#fff!important;font:inherit!important;font-size:14px!important;font-weight:850!important;cursor:pointer!important}
.folinq-guest-login-submit-v2003:hover{background:#004182!important}
.folinq-guest-register-v2003{margin-top:12px!important;padding-top:11px!important;border-top:1px solid #e4eaf0!important;color:#637488!important;font-size:12.5px!important}

@media(max-width:640px){
  body.folinq-r2013 form.comment-composer-v2003{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  body.folinq-r2013 form.comment-reply-composer-v2003{grid-template-columns:30px minmax(0,1fr)!important}
  body.folinq-r2013 form.comment-composer-v2003 .comment-composer-avatar-link-v2003{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  body.folinq-r2013 form.comment-reply-composer-v2003 .comment-composer-avatar-link-v2003{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  body.folinq-r2013 form.comment-composer-v2003 .comment-composer-shell-v2003{min-height:78px!important;border-radius:19px!important}
  body.folinq-r2013 form.comment-composer-v2003 textarea.comment-composer-text-v2003{font-size:14px!important;padding-inline:12px!important}
  .folinq-guest-gate-v2003{padding:10px!important}.folinq-guest-gate-dialog-v2003{padding:20px 17px 18px!important;border-radius:18px!important}
  .folinq-gate-ring-v2003,.folinq-gate-ring-v2003 svg{width:66px!important;height:66px!important}
}
@media(prefers-reduced-motion:reduce){.folinq-ring-reflection-group-v2003,.folinq-ring-dot-v2003{animation-duration:8s!important}}