/* =========================================================================
   Meta-style sponsored units (ads/_render.php) — loaded by the Facebook theme
   and by this skin's Ads Manager (previews, fb + insta modes).
   ========================================================================= */

/* ---- Feed / search / video ad card ---- */
.fb-ad .fb-post-meta{color:var(--text-2,#65676b)}
.fb-ad-label{font-weight:500}
.fb-ad-av{line-height:0}
.fb-ad-text:empty{display:none}
.fb-ad-media-wrap{position:relative;display:block;background:#000}
.fb-ad-media{display:block;line-height:0}
.fb-ad-media img,.fb-ad-media video{width:100%;height:auto;max-height:680px;object-fit:cover;display:block}
.fb-ad-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--fb-ad-cta,#f0f2f5);color:inherit;text-decoration:none;border-bottom:1px solid var(--line-soft,#e4e6eb)}
.fb-ad-cta:hover{background:var(--fb-ad-cta-h,#e9ebee);text-decoration:none}
.fb-ad-cta-meta{display:flex;flex-direction:column;min-width:0}
.fb-ad-cta-meta small{font-size:12px;color:var(--text-2,#65676b);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-ad-cta-meta strong{font-size:16px;font-weight:600;line-height:1.25;color:var(--text,#050505);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fb-ad-cta-desc{font-size:13px;color:var(--text-2,#65676b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-ad-cta-desc:empty,.fb-ad-cta-meta small:empty{display:none}
.fb-ad-cta-btn{flex:none;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.fb-ad-cta-btn[hidden]{display:none}

/* Carousel */
.fb-ad-cards{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.fb-ad-card{flex:0 0 min(72%,300px);scroll-snap-align:start;border:1px solid var(--fb-ad-edge,#dddfe2);border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;background:var(--card,#fff);display:flex;flex-direction:column}
.fb-ad-card:hover{text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.fb-ad-card img,.fb-ad-card video{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.fb-ad-card-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;background:var(--fb-ad-card-body,#f7f8fa);flex:1}
.fb-ad-card-body strong{font-size:15px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fb-ad-card-body small{font-size:12px;color:var(--text-2,#65676b)}
.fb-ad-card-body .fb-btn{margin-top:8px;align-self:flex-start}

/* Boosted post inside an ad */
.fb-ad form.fb-react-main{flex:1;display:flex}
.fb-ad .fb-post-actions a.fb-post-action{text-decoration:none}

/* ---- "···" menu and the why / hide / report dialogs ---- */
.fb-ad-menu .fb-menu{min-width:320px}
.fb-ad-dialog{width:480px}
.fb-ad-who{display:flex;align-items:center;gap:10px}
.fb-ad-who strong{display:block;font-size:15px}
.fb-ad-who small{display:block;color:var(--text-2,#65676b);font-size:13px}
.fb-ad-why{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:10px}
.fb-ad-why li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35}
.fb-ad-why li svg{flex:none;margin-top:2px;color:var(--text-2,#65676b)}
.fb-ad-q{margin:4px 0 0;font-weight:600;font-size:15px}
.fb-ad-reasons{display:flex;flex-direction:column;border:1px solid var(--line-soft,#e4e6eb);border-radius:8px;overflow:hidden}
.fb-ad-reasons form{display:block}
.fb-ad-reasons form+form{border-top:1px solid var(--line-soft,#e4e6eb)}
.fb-ad-reason{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:var(--card,#fff);padding:12px 14px;font:inherit;font-size:15px;text-align:left;cursor:pointer;color:var(--text,#050505)}
.fb-ad-reason:hover{background:var(--hover,#f2f2f2)}
.fb-ad-reason svg{flex:none;color:var(--text-2,#65676b)}

/* The note that replaces a hidden / reported unit (ads/action.php answers with it) */
/* The card that replaces a unit after Hide ad / Report ad (ads/_hidden.php) */
.fb-ad-gone{display:flex;align-items:center;gap:12px;background:var(--card,#fff);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.2);padding:14px 16px;margin-bottom:16px;color:var(--text-2,#65676b);font-size:15px}
.fb-ad-gone p{margin:0;color:var(--text,#050505)}
.fb-ad-gone-ic{width:36px;height:36px;border-radius:50%;background:var(--hover-2,#e4e6eb);color:var(--text,#050505);display:grid;place-items:center;flex:none}
.fb-ad-rail .fb-ad-gone,.fb-ad-tile .fb-ad-gone,.fb-rail-section .fb-ad-gone{box-shadow:none;padding:8px 0;font-size:13px;background:transparent}
#story-viewer ~ .fb-ad-gone{display:none}
.fb-mk .fb-ad-gone{height:100%;margin:0;flex-direction:column;justify-content:center;text-align:center;font-size:13px}
.fb-reels .fb-ad-gone{scroll-snap-align:center;max-width:420px;min-height:50vh;margin:0 auto 24px;justify-content:center;flex-direction:column;text-align:center}

/* ---- Right column ---- */
.fb-ad-rail{position:relative}
.fb-ad-rail .fb-promo{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;color:inherit;text-decoration:none}
.fb-ad-rail .fb-promo:hover{background:var(--hover-2,#e4e6eb)}
.fb-ad-rail .fb-promo-img{width:130px;height:130px;border-radius:8px;overflow:hidden;flex:none}
.fb-ad-rail .fb-promo-img img,.fb-ad-rail .fb-promo-img video{width:100%;height:100%;object-fit:cover}
.fb-ad-rail .fb-promo-body{display:flex;flex-direction:column;min-width:0;padding-right:28px}
.fb-ad-rail .fb-promo-body strong{font-size:15px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.fb-ad-rail .fb-promo-body small{color:var(--text-2,#65676b);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-ad-rail .fb-ad-menu{position:absolute;top:6px;right:4px;opacity:0;transition:opacity .12s}
.fb-ad-rail:hover .fb-ad-menu,.fb-ad-rail .fb-ad-menu:focus-within{opacity:1}
.fb-ad-rail .fb-post-more{width:32px;height:32px;background:#fff;color:#050505;box-shadow:0 1px 3px rgba(0,0,0,.2)}
@media (hover:none){.fb-ad-rail .fb-ad-menu{opacity:1}}

/* ---- Marketplace tile ---- */
.fb-ad-tile{position:relative}
.fb-ad-tile a{color:inherit;text-decoration:none}
.fb-ad-tile .fb-ad-label{color:var(--text-2,#65676b)}
.fb-ad-tile .fb-ad-menu{position:absolute;top:8px;right:8px}
.fb-ad-tile .fb-post-more{width:32px;height:32px;background:rgba(255,255,255,.92);color:#050505;box-shadow:0 1px 3px rgba(0,0,0,.2)}

/* ---- Reels ad ---- */
.fb-reel-ad .fb-reel-sponsored{font-size:13px;opacity:.9;margin:-2px 0 6px 40px}
.fb-reel-cta{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.95);color:#050505 !important;font-weight:700;font-size:15px;text-decoration:none;pointer-events:auto}
.fb-reel-cta:hover{background:#fff;text-decoration:none}
.fb-reel-ad .fb-reel-rail .fb-post-more{width:48px;height:48px}

/* ---- Stories ad (story viewer) ---- */
.fb-sv-more{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;display:grid;place-items:center;cursor:pointer}
.fb-sv-more[hidden]{display:none}
.fb-sv-cta{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:inline-flex;flex-direction:column;align-items:center;gap:0;color:#fff;font-weight:700;font-size:15px;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.fb-sv-cta svg{transform:rotate(-90deg)}
.fb-sv-cta span{background:#fff;color:#050505;text-shadow:none;padding:8px 18px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.fb-sv-cta[hidden]{display:none}
.fb-sv-stage:has(.fb-sv-cta:not([hidden])) .fb-sv-caption{bottom:96px;font-size:16px;font-weight:500}
.fb-ad-dialog .fb-dialog-head h2{padding:0 44px;text-align:center;overflow-wrap:anywhere}
@media (max-width:600px){.fb-ad-dialog .fb-dialog-head h2{font-size:17px}}
.fb-ad-story-dialogs{position:absolute;width:0;height:0;overflow:visible}

/* ---- Boost row under my own posts ---- */
.fb-post-boost{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:2px 16px 0;padding:8px 0;border-top:1px solid var(--line-soft,#e4e6eb)}
.fb-post-boost .fb-btn{flex:none;margin-left:auto}
@media (max-width:600px){
  .fb-post-boost{gap:6px 10px}
  .fb-boost-insights,.fb-boost-name{font-size:13px}
  .fb-post-boost .fb-btn{font-size:13px;padding-left:10px;padding-right:10px}
}
.fb-boost-insights{font-weight:600;font-size:14px}
.fb-boost-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fb-boost-name{font-weight:600;font-size:14px}
.fb-boost-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2,#65676b)}
.fb-boost-chip i{width:8px;height:8px;border-radius:50%;background:#8a8d91}
.fb-boost-green i{background:#31a24c}.fb-boost-amber i{background:#f7b928}.fb-boost-red i{background:#e41e3f}.fb-boost-blue i{background:#0866ff}

/* ---- Instagram look of the preview in insta mode ---- */
.fb-ad--ig{border-radius:0 !important}
.fb-ad--ig .fb-ad-cta{background:#fff;border-bottom:0;border-top:1px solid #efefef}
.fb-ad--ig .fb-ad-cta-btn{background:#0095f6;color:#fff}

/* ---- Ads Manager previews: vertical (Stories / Reels) placement ---- */
.fb-ad.is-vertical{position:relative;aspect-ratio:9/16;max-width:300px;margin:0 auto;overflow:hidden;background:#111;color:#fff;border-radius:12px}
.fb-ad.is-vertical .fb-post-head{position:absolute;top:0;left:0;right:0;z-index:2;padding:12px;background:linear-gradient(rgba(0,0,0,.45),transparent)}
.fb-ad.is-vertical .fb-post-author a,.fb-ad.is-vertical .fb-post-meta{color:#fff}
.fb-ad.is-vertical .fb-post-media{position:absolute;inset:0;background:#000}
.fb-ad.is-vertical .fb-ad-media,.fb-ad.is-vertical .fb-ad-media img,.fb-ad.is-vertical .fb-ad-media video{width:100%;height:100%;max-height:none;object-fit:cover}
.fb-ad.is-vertical .fb-ad-text{position:absolute;left:0;right:0;bottom:76px;z-index:2;color:#fff;text-align:center;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.6);padding:0 16px}
.fb-ad.is-vertical .fb-ad-cta{position:absolute;left:12px;right:12px;bottom:14px;z-index:2;border-radius:24px;background:rgba(255,255,255,.95);--text:#050505;--text-2:#65676b;color:#050505;justify-content:center;border:0}
.fb-ad.is-vertical .fb-ad-cta-meta{display:none}
.fb-ad.is-vertical .fb-ad-cta-btn{background:transparent;max-width:100%}
.fb-ad.is-vertical .fb-ad-cards{position:absolute;inset:auto 0 70px 0;z-index:2}

/* ---- Base look of the card inside the Ads Manager (fb.css is not loaded there) ---- */
.ma .fb-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.08);overflow:hidden;text-align:left}
.ma .fb-post{padding:12px 0 0}
.ma .fb-post-head{display:flex;align-items:center;gap:8px;padding:0 16px 10px}
.ma .fb-post-head-main{flex:1;min-width:0}
.ma .fb-post-author{font-weight:600;font-size:15px}
.ma .fb-post-author a{color:#050505}
.ma .fb-post-meta{display:flex;align-items:center;gap:4px;color:#65676b;font-size:13px}
.ma .fb-post-text{padding:0 16px 10px;white-space:pre-wrap;word-wrap:break-word;font-size:15px;color:#050505}
.ma .fb-avatar{border-radius:50%;object-fit:cover;flex:none}
.ma .avatar-initials{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.ma .fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;padding:8px 14px;font-weight:600;font-size:15px;line-height:1;font-family:inherit}
.ma .fb-btn-secondary{background:#e4e6eb;color:#050505}
.ma .fb-btn-sm{padding:7px 12px;font-size:14px}
.ma .fb-vis{display:inline-flex}
.ma .w-3{width:.75rem;height:.75rem}.ma .w-4{width:1rem;height:1rem}.ma .w-5{width:1.25rem;height:1.25rem}
.fb-sv-admenu{top:calc(100% + 4px);right:0;min-width:260px;z-index:6;color:var(--text,#050505)}