/* Only the Elementor Facebook component is restyled; legacy feeds keep their layout. */
.wh-kit.wh-kit .wh-facebook-feed { width: 100%; margin-top: 48px; }
.wh-kit.wh-kit .wh-facebook-feed #fb_posts_container { position: relative; min-height: 0; max-height: none !important; font: inherit; transition: none; }
.wh-kit.wh-kit .wh-facebook-feed #fb_posts_loader { display: none; }
.wh-kit.wh-kit .wh-facebook-feed .fb_row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; width: 100%; transition: none; }
.wh-kit.wh-kit .wh-facebook-feed .fb_col { position: relative; width: 100%; min-width: 0; margin: 0; }
.wh-kit.wh-kit .wh-facebook-feed .fb_col:nth-child(n+5) { display: none; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--whk-line); border-radius: 8px; background: var(--whk-paper); }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_header { order: 0; gap: 12px; min-height: 80px; padding: 16px 20px; }
.wh-kit.wh-kit .wh-facebook-feed .fb_poster_avatar { flex: 0 0 32px; width: 32px; }
.wh-kit.wh-kit .wh-facebook-feed .fb_poster_avatar img { width: 32px; height: 32px; border: 0; padding: 0; border-radius: 50%; }
.wh-kit.wh-kit .wh-facebook-feed .fb_poster_infos { flex: 1; min-width: 0; width: auto; }
.wh-kit.wh-kit .wh-facebook-feed .fb_poster_name { margin: 0; color: var(--whk-ink); font-size: 13px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_date { color: var(--whk-muted); font-size: 12px; font-weight: 400; line-height: 1.5; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_image { order: 1; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_image img { width: 100%; height: auto; aspect-ratio: 8/5; object-fit: cover; object-position: center top; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_content { order: 2; height: auto; padding: 20px 20px 0; line-height: 1.65; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_message { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height: 116px; overflow: hidden; padding: 0; color: var(--whk-ink); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.wh-kit.wh-kit .wh-facebook-feed :is(.fb_post_message_masking,.fb_post_message_masking_msg) { display: none; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_footer { order: 3; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 16px 20px 0; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_footer_reactions { width: auto; }
.wh-kit.wh-kit .wh-facebook-feed .fb_reactions_emoji img { width: 20px; height: 20px; }
.wh-kit.wh-kit .wh-facebook-feed .fb_reactions_count { padding-left: 4px; color: var(--whk-muted); font-size: 13px; }
.wh-kit.wh-kit .wh-facebook-feed .fb_post_counter { display: flex; flex: 1; justify-content: flex-end; flex-wrap: wrap; gap: 4px 12px; width: auto; color: var(--whk-muted); font-size: 12px; line-height: 1.5; }
.wh-kit.wh-kit .wh-facebook-feed .fb_share_count { margin-left: 0; }
.wh-kit.wh-kit .wh-facebook-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; order: 4; min-height: 44px; margin: 12px 20px 16px; color: var(--whk-blue); font-size: 14px; font-weight: 750; line-height: 1.5; }
.wh-kit.wh-kit .wh-facebook-link::before { content: "f"; display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 3px; background: var(--whk-blue); color: white; font: 700 19px/1 Arial,sans-serif; }
.wh-kit.wh-kit .wh-facebook-link:hover { color: var(--whk-blue-hover); text-decoration: underline; text-underline-offset: 4px; }
.wh-kit.wh-kit .wh-facebook-feed .fb_posts_notice { grid-column: 1/-1; width: 100%; padding: 24px; border: 1px solid var(--whk-line); border-radius: 8px; color: var(--whk-muted); background: var(--whk-surface); font-size: 15px; line-height: 1.7; }
.wh-kit.wh-kit .wh-facebook-feed .fb_posts_notice a { color: var(--whk-blue); text-decoration: underline; }
/* Shared state panel: no empty skeletons or infinite spinner on a stalled request. */
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) #fb_posts_container.wh-facebook-is-loading { position:relative; min-height:360px; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-is-loading #fb_posts_container_row { display:none!important; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-feedback { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:28px; border:1px solid #d2ddec; border-radius:6px; background:#f2f5fa; color:#345892; text-align:center; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-spinner { display:block; flex:0 0 34px; width:34px; height:34px; margin-bottom:8px; border:3px solid #cbd8ed; border-top-color:#345892; border-radius:50%; animation:wh-facebook-spin .85s linear infinite; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-feedback__message { margin:0; color:#284574; font-size:15px; line-height:1.6; font-weight:800; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-feedback__detail { margin:0; color:#626975; font-size:13px; line-height:1.7; }
:is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-feedback__detail a { display:inline-flex; align-items:center; min-height:44px; color:#345892; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
@keyframes wh-facebook-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
  :is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) .wh-facebook-spinner { animation:none; }
}
@media (min-width:700px) and (max-width:1199px) {
  .wh-kit.wh-kit .wh-facebook-feed .fb_row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 699px) {
  .wh-kit.wh-kit .wh-facebook-feed { margin-top: 32px; }
  .wh-kit.wh-kit .wh-facebook-feed .fb_row { grid-template-columns: minmax(0,1fr); gap: 24px; }
  :is(.wh-kit .wh-facebook-feed,.wh-news-v4 .wh-news-facebook) #fb_posts_container.wh-facebook-is-loading { min-height:280px; }
}