/* (4.10.2026) תצוגה מקדימה של מודעה בתבנית — ראו lib/ad-preview.js */
/* --u = פיקסל אחד של התבנית, ביחס לרוחב הכרטיס בפועל.
   הגופן של המכשיר, כמו בפייסבוק: Segoe UI בווינדוס, San Francisco באייפון ובמק, Roboto/Noto Sans Hebrew באנדרואיד */
.adp{container-type:inline-size;width:100%}
.adp-post{--u:calc(100cqw / var(--w));position:relative;direction:ltr;text-align:left;background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Historic","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.adp-edge{position:relative}
.adp-edge>img{display:block;width:100%;height:auto}
.adp-lbl{position:absolute;display:flex;align-items:center;white-space:nowrap}
.adp-lbl>*{flex:none}
.adp-lbl img{display:block}
.adp-lbl .adp-fill{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.adp-mid{background:0 0/100% 100% no-repeat;display:flow-root}
.adp-text{margin:calc(var(--tt) * var(--u)) 0 0 calc(var(--tx) * var(--u));width:calc(var(--tw) * var(--u));color:#000;text-align:start;
  font-size:calc(var(--fs) * var(--u));line-height:calc(var(--lh) * var(--u));white-space:pre-line;overflow-wrap:anywhere}
.adp-text button{all:unset;display:inline-block;white-space:nowrap;color:var(--more);cursor:pointer}
.adp-text button[hidden]{display:none}
.adp-text button:focus-visible{outline:2px solid var(--more);outline-offset:2px}
.adp-img{margin:calc(var(--gap) * var(--u)) 0 0 calc(var(--ix) * var(--u));width:calc(var(--is) * var(--u));
  aspect-ratio:1;box-sizing:border-box;border:1px solid var(--bd);background:#fff;overflow:hidden}
.adp-img img,.adp-img video{display:block;width:100%;height:100%;object-fit:cover}
.adp-round{border-radius:50%;box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:#fff}
/* קמפיין המרה: מדיה ברוחב מלא, פס כותרת+כפתור, קו מתחתיו */
.adp-media{background:#f0f2f5;overflow:hidden}
.adp-media>img,.adp-media>video{display:block;width:100%;height:auto;object-fit:cover}
.adp-cta{display:flex;align-items:center;box-sizing:border-box}
.adp-head{flex:1 1 auto;min-width:0;text-align:start;overflow-wrap:anywhere}
.adp-arrow{white-space:nowrap}
.adp-btn{flex:none;margin-left:auto;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box}
.adp-sep{height:1px}
/* אינסטגרם: כרטיס מעוגל, שם המשתמש בכיתוב מודגש */
.adp-card{background:#fff;overflow:hidden;box-sizing:border-box}
.adp-user{font-weight:600}
/* סטורי: מדיה על כל המסך, ומעליה צל עליון, פס התקדמות, כותרת וכפתור */
.adp-story{position:relative;overflow:hidden;box-sizing:border-box;background:#1c1c1c}
.adp-story>.adp-blur,.adp-story>.adp-fit{position:absolute;inset:0;width:100%;height:100%;display:block}
.adp-story>.adp-blur{object-fit:cover;transform:scale(1.15)}
.adp-story>.adp-fit{object-fit:contain}
.adp-shade{position:absolute;left:0;right:0;top:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0))}
.adp-prog{position:absolute;background:rgba(255,255,255,.35);border-radius:99px;overflow:hidden}
.adp-prog>i{display:block;height:100%;background:rgba(255,255,255,.9)}
.adp-swipe{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center}
.adp-swipe img{display:block}
.adp-sbtn{display:flex;align-items:center;background:#fff;white-space:nowrap;box-sizing:border-box}
/* טקסט בכפתור: ממורכז לפי גובה האותיות עצמן ולא לפי תיבת הגופן (ב-Segoe UI הוא יוצא נמוך) */
.adp-trim{text-box:trim-both cap alphabetic}
/* כפתורי המודעה מתנהגים ככפתור: יד, בלי סמן טקסט ובלי סימון */
.adp-btn,.adp-sbtn,.adp-igcta{cursor:pointer;user-select:none;-webkit-user-select:none}
.adp-post [data-href]{cursor:pointer}
/* המרה באינסטגרם: פס "Listen now ›" מתחת למדיה; כשהמדיה גבוהה הכותרת עוברת עליה (adp-over) */
.adp-mw{position:relative}
.adp-ov{display:none}
.adp-over .adp-hdr-in{display:none}
.adp-over .adp-ov{display:block}
.adp-over .adp-hdr-ov{position:absolute;left:0;right:0;top:0;z-index:2}
.adp-mw>.adp-shade{z-index:1}
.adp-igcta{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;background:#fff}
.adp-igcta img{display:block}
.adp-count{font-weight:600;color:#000}