/* Stylish Facebook Feed v1.5 — clean Facebook-inspired posts, scoped to this plugin */
.wg-sff{--sff-accent:#396b59;--sff-blue:#1877f2;--sff-ink:#253631;--sff-muted:#6b7973;font-family:inherit;color:var(--sff-ink);width:100%;max-width:var(--wg-sff-max-width,1200px);margin:20px auto 45px}
.wg-sff *{box-sizing:border-box}.wg-sff-theme-facebook{--sff-accent:#1877f2}
.wg-sff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #e7eae7;background:transparent}
.wg-sff-heading h3{font-size:clamp(23px,2.3vw,31px);line-height:1.22;letter-spacing:-.035em;margin:0!important;color:var(--sff-ink);font-weight:750}
.wg-sff-heading p{font-size:14px;color:var(--sff-muted);margin:6px 0 0!important;line-height:1.55}
.wg-sff-follow{flex:none;display:inline-flex;align-items:center;gap:5px;color:var(--sff-accent)!important;font-size:14px;font-weight:750;text-decoration:none!important;padding:10px 0;border-bottom:1px solid currentColor}
.wg-sff-follow:hover,.wg-sff-footer:hover{opacity:.75}
.wg-sff-grid{display:grid;grid-template-columns:repeat(var(--wg-sff-cols,3),minmax(0,1fr));gap:20px;align-items:start}
.wg-sff-layout-masonry .wg-sff-grid{display:block;columns:var(--wg-sff-cols,3);column-gap:20px}
.wg-sff-card{min-width:0;background:white;border:1px solid #e6e9e7;border-radius:8px;overflow:hidden;box-shadow:0 3px 15px rgba(31,46,40,.085);color:var(--sff-ink);transition:box-shadow .2s ease,transform .2s ease}
.wg-sff-card:hover{box-shadow:0 9px 25px rgba(31,46,40,.13);transform:translateY(-2px)}
.wg-sff-layout-masonry .wg-sff-card{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 20px}
.wg-sff-card-head{padding:15px 15px 10px;display:flex;align-items:center;gap:9px}
.wg-sff-avatar{display:grid;place-items:center;background:var(--sff-blue);color:#fff!important;font:bold 23px/1 Arial,sans-serif;padding-top:5px;width:35px;height:35px;flex:none;border-radius:50%}
.wg-sff-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.wg-sff-author{color:#1761bd;font-size:13px;font-weight:750;line-height:1.25}.wg-sff-date{font-size:11px;color:var(--sff-muted)}.wg-sff-post-out{font-size:18px;color:#667c73;text-decoration:none!important}
.wg-sff-body{padding:3px 15px 12px}.wg-sff-message{font-size:14px;color:#2f3835;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;margin:0!important}
.wg-sff-expand{font:inherit;font-size:12px;font-weight:700;color:var(--sff-accent);background:none;border:0;padding:6px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.wg-sff-gallery{display:grid;gap:3px;width:100%;overflow:hidden}.wg-sff-photo{display:block;min-width:0;overflow:hidden;position:relative;background:#eaf0e8}.wg-sff-single{grid-template-columns:1fr}.wg-sff-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-sff-gallery .wg-sff-photo:first-child:nth-last-child(3){grid-row:span 2}.wg-sff-gallery .wg-sff-photo:first-child:nth-last-child(n+4){grid-column:span 2}
.wg-sff-image{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .3s}.wg-sff-single .wg-sff-image{height:auto;max-height:420px;aspect-ratio:auto}.wg-sff-gallery .wg-sff-photo:hover .wg-sff-image{transform:scale(1.025)}
.wg-sff-card-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #f0f1f0;padding:10px 15px;color:#72817a;font-size:11px}.wg-sff-footmark{font:bold 13px/1 Arial;background:var(--sff-blue);color:white!important;width:16px;height:16px;border-radius:50%;text-align:center;padding-top:4px}.wg-sff-foot-label{flex:1}.wg-sff-share{font-size:17px;text-decoration:none!important;color:#638070!important}
.wg-sff-more{display:flex;justify-content:center;align-items:center;min-width:220px;padding:14px 26px;margin:26px auto 5px;background:var(--sff-accent);color:white!important;border:0;border-radius:8px;font:700 14px/1.4 inherit;cursor:pointer;box-shadow:0 6px 15px rgba(33,80,59,.13)}.wg-sff-more:hover{filter:brightness(.94)}.wg-sff-more:disabled{opacity:.6;cursor:wait}.wg-sff-more[hidden],.wg-sff-end[hidden],.wg-sff-state[hidden]{display:none!important}
.wg-sff-footer{display:block;width:max-content;max-width:100%;margin:18px auto;text-decoration:none!important;color:var(--sff-accent)!important;font-size:13px;font-weight:700}.wg-sff-state,.wg-sff-end{text-align:center;padding:14px 18px;color:var(--sff-muted);font-size:13px}.wg-sff-error{background:#fff2f0;color:#a12d29;border-radius:8px}
.wg-sff button:focus-visible,.wg-sff a:focus-visible{outline:3px solid #1877f2;outline-offset:3px}
@media(max-width:950px){.wg-sff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-sff-layout-masonry .wg-sff-grid{columns:2}}
@media(max-width:630px){.wg-sff-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.wg-sff-heading h3{font-size:24px}.wg-sff-follow{padding:4px 0}.wg-sff-grid{grid-template-columns:1fr}.wg-sff-layout-masonry .wg-sff-grid{columns:1}.wg-sff-card{border-radius:9px}.wg-sff-card-head{padding:14px}.wg-sff-body{padding:3px 14px 12px}}
@media(prefers-reduced-motion:reduce){.wg-sff-card,.wg-sff-image{transition:none!important}}

/* v1.6 compact Facebook-style engagement strip */
.wg-sff-engagement{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef0f2;padding:11px 13px 12px;color:#374151;font-size:12px;min-height:43px}
.wg-sff-counts,.wg-sff-engagement-actions{display:flex;align-items:center;gap:13px;min-width:0}
.wg-sff-stat{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;line-height:1}.wg-sff-stat svg{color:#45536a;flex:none}
.wg-sff-reaction-icons{display:inline-flex;align-items:center;flex:none;padding-left:2px}.wg-sff-like,.wg-sff-love{display:inline-grid;place-items:center;color:#fff!important;border:1.5px solid white;border-radius:50%;height:20px;width:20px;font-size:11px;line-height:1}
.wg-sff-like{background:#4485f6;font-size:12px}.wg-sff-love{background:#ed5071;margin-left:-5px;font-size:12px;font-family:Arial,sans-serif}
.wg-sff-icon-link{display:inline-flex;align-items:center;justify-content:center;color:#3d4a60!important;text-decoration:none!important;width:22px;height:22px}
.wg-sff-icon-link:hover{color:#1877f2!important}.wg-sff-facebook-link{background:#45536a;color:white!important;border-radius:50%;font-family:Arial,sans-serif;font-weight:800;font-size:17px;padding-top:3px}
.wg-sff-facebook-link:hover{background:#1877f2;color:white!important}
@media(max-width:360px){.wg-sff-engagement{gap:6px;padding-left:9px;padding-right:9px}.wg-sff-counts,.wg-sff-engagement-actions{gap:8px}}

/* v1.7 reference proportions and protection from theme button/SVG styles. */
.wg-sff .wg-sff-card{border:0;border-radius:4px;overflow:visible;box-shadow:0 1px 9px #0000001a;position:relative;color:#141b38}
.wg-sff .wg-sff-card:hover{transform:none}
.wg-sff .wg-sff-card-head{padding:25px 18px 22px;gap:10px}
.wg-sff .wg-sff-avatar{width:40px;height:40px;padding:0;overflow:hidden}
.wg-sff .wg-sff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.wg-sff .wg-sff-author{font-size:16px;color:#006bb3;line-height:1.25}
.wg-sff .wg-sff-date{font-size:14px;color:#666}
.wg-sff .wg-sff-post-out{display:none}
.wg-sff .wg-sff-body{padding:8px 18px 6px}
.wg-sff .wg-sff-message{font-size:20px;line-height:1.4;color:#111}
.wg-sff .wg-sff-gallery{width:calc(100% - 36px);margin:0 18px;gap:4px}
.wg-sff .wg-sff-multi{grid-template-columns:repeat(6,minmax(0,1fr))}
.wg-sff .wg-sff-multi .wg-sff-photo{grid-column:span 3;grid-row:auto}
.wg-sff .wg-sff-multi .wg-sff-photo:first-child:nth-last-child(n+4){grid-column:span 3}
.wg-sff .wg-sff-multi .wg-sff-photo:nth-child(n+3){grid-column:span 2}
.wg-sff .wg-sff-multi .wg-sff-photo:first-child:nth-last-child(3){grid-row:span 2}
.wg-sff .wg-sff-multi .wg-sff-photo:first-child:nth-last-child(4)~.wg-sff-photo{grid-column:span 3}
.wg-sff .wg-sff-single .wg-sff-image{max-height:none}
.wg-sff .wg-sff-engagement{position:relative;border:0;padding:18px 18px 30px;min-height:62px;gap:8px;font:12px/1.3 Arial,sans-serif;color:#141b38}
.wg-sff .wg-sff-counts{gap:10px;pointer-events:none}
.wg-sff .wg-sff-stat{gap:6px}
.wg-sff .wg-sff-stat svg{display:block!important;width:16px!important;height:16px!important;max-width:none!important;color:#141b38;flex:none}
.wg-sff .wg-sff-like,.wg-sff .wg-sff-love{width:18px;height:18px;border:0;font-size:12px}
.wg-sff .wg-sff-like{background:#5890ff}
.wg-sff .wg-sff-love{background:#f34e70;margin-left:-2px}
.wg-sff .wg-sff-like svg{width:11px!important;height:11px!important;color:white}
.wg-sff .wg-sff-engagement-actions{gap:8px}
.wg-sff button.wg-sff-icon-link,.wg-sff a.wg-sff-icon-link,.wg-sff .wg-sff-network,.wg-sff button.wg-sff-count-toggle{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;color:#141b38!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;line-height:1!important;cursor:pointer;transform:none!important}
.wg-sff button.wg-sff-count-toggle{display:inline-flex!important;width:auto!important;height:auto!important;font:inherit!important;text-align:left}
.wg-sff .wg-sff-icon-link{display:inline-flex!important;align-items:center;justify-content:center;width:18px!important;height:20px!important}
.wg-sff .wg-sff-icon-link svg{display:block!important;width:16px!important;height:16px!important;max-width:none!important;flex:none}
.wg-sff .wg-sff-facebook-link{padding:0!important;background:none!important;color:#454b61!important}
.wg-sff .wg-sff-share-wrap{position:relative;display:flex}
.wg-sff .wg-sff-share-panel{position:absolute;bottom:36px;right:-10px;width:180px;max-width:calc(100vw - 48px);padding:10px;background:#fff;color:#141b38;border-radius:8px;box-shadow:0 12px 30px #0003;z-index:20;font:12px/1.4 Arial,sans-serif;text-align:left}
.wg-sff .wg-sff-share-title{font-size:12px!important;line-height:18px!important;font-weight:700;margin:0 0 8px!important;padding:0!important}
.wg-sff .wg-sff-share-options{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wg-sff .wg-sff-network{display:flex!important;align-items:center;justify-content:center;width:26px!important;height:28px!important}
.wg-sff .wg-sff-network svg{display:block!important;width:16px!important;height:16px!important;max-width:none!important;fill:currentColor!important}
.wg-sff .wg-sff-network:hover,.wg-sff .wg-sff-icon-link:hover{color:#006bb3!important}
.wg-sff .wg-sff-icon-link::before,.wg-sff .wg-sff-icon-link::after,.wg-sff .wg-sff-network::before,.wg-sff .wg-sff-network::after,.wg-sff .wg-sff-count-toggle::before,.wg-sff .wg-sff-count-toggle::after{content:none!important}
.wg-sff .wg-sff-share-panel[hidden],.wg-sff .wg-sff-comments-panel[hidden]{display:none!important}
.wg-sff .wg-sff-comments-panel{margin:0 18px 18px;background:#fff;box-shadow:0 1px 10px #0001;border-radius:5px;overflow:hidden;font:12px/1.5 Arial,sans-serif;color:#141b38}
.wg-sff .wg-sff-comments-summary{background:#f2f2f2;padding:12px}
.wg-sff .wg-sff-comments-panel>strong{display:block;margin:12px 12px 4px;font-size:12px}
.wg-sff .wg-sff-comment-link{display:table;margin:0 12px 12px;padding:5px;background:#e1f4ff;color:#006bb3!important;text-decoration:none!important;font-weight:700;border-radius:4px}
.wg-sff .wg-sff-comment{border-top:1px solid #e5e5e5;padding:14px 12px;overflow-wrap:anywhere}
.wg-sff .wg-sff-comment strong{margin-right:6px}
.wg-sff .wg-sff-card:has(.wg-sff-share-toggle[aria-expanded="true"]){z-index:25}
@media(max-width:400px){.wg-sff .wg-sff-message{font-size:18px}.wg-sff .wg-sff-counts{gap:7px}.wg-sff .wg-sff-engagement{padding-left:12px;padding-right:12px}}

/* v1.7.1 keep all metrics visible even if Meta denies totals. */
.wg-sff .wg-sff-count-toggle{flex:1!important;visibility:visible!important;opacity:1!important}
.wg-sff .wg-sff-counts{display:flex!important;visibility:visible!important;opacity:1!important}
.wg-sff .wg-sff-stat{display:inline-flex!important;visibility:visible!important;color:#141b38!important;font:12px/1.3 Arial,sans-serif!important}
.wg-sff .wg-sff-author{font-size:16px!important}
.wg-sff .wg-sff-message{font-size:18px!important;line-height:1.45!important}
.wg-sff .wg-sff-facebook-link svg{fill:currentColor!important;stroke:none!important}

/* Page identity links and circular Page photo. */
.wg-sff a.wg-sff-author{display:block;color:#006bb3!important;text-decoration:none!important;font-weight:700;line-height:1.25}
.wg-sff a.wg-sff-author:hover{text-decoration:underline!important}
.wg-sff a.wg-sff-avatar{background:#f2f5f3;color:#396b59!important;text-decoration:none!important;font:700 15px/1 Arial,sans-serif;flex:none}
.wg-sff a.wg-sff-avatar img{display:block!important;width:40px!important;height:40px!important;max-width:none!important;object-fit:cover;border-radius:50%}