/* © 2026 IG Tools — All rights reserved. */
/* ONE Instagram post card for every tool (shared/igcard.js builds the markup, this file styles it).
   Rule: toggling "Çerçeve / Frame" NEVER moves or resizes the picture. With .noframe the header and footer
   only fade out (they keep their space), the card background goes transparent and the picture keeps its own rounded corners.
   Tools keep only their own WIDTH rule (and tool-specific overlays: arrows, story UI) in their styles.css. */
.igpost{width:100%;max-width:400px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.5);color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:left;transition:background-color .22s ease,box-shadow .22s ease}
.igpost .ightop{display:flex;align-items:center;gap:9px;padding:10px 12px}
.igpost .igav{width:34px;height:34px;border-radius:50%;padding:2px;background:conic-gradient(from 20deg,#f09433,#dc2743,#bc1888,#f09433);flex:0 0 auto}
.igpost .igav>div{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;overflow:hidden}
.igpost .igmeta{line-height:1.25;min-width:0}
.igpost .igu{font-size:13px;font-weight:700;color:#111;display:flex;align-items:center;gap:4px}
.igpost .igu svg{width:13px;height:13px;flex:0 0 auto}
.igpost .igloc{font-size:11px;color:#262626}
.igpost .igmenu{margin-left:auto;color:#111;font-weight:700;font-size:17px;letter-spacing:1px;line-height:0}
.igpost .igimg{position:relative;width:100%;background:#000;display:flex;justify-content:center;overflow:hidden;transition:border-radius .22s ease}
.igpost .igacts{display:flex;align-items:center;gap:14px;padding:10px 13px 2px}
.igpost .igacts svg{width:24px;height:24px;display:block}
.igpost .igacts .bm{margin-left:auto}
.igpost .iglikes{font-size:13px;font-weight:700;color:#111;padding:3px 13px 0}
.igpost .igcap{font-size:13px;color:#111;padding:3px 13px 0;line-height:1.4}
.igpost .igcap b{font-weight:700}
.igpost .igcap .tag{color:#00376b}
.igpost .igcom{font-size:13px;color:#8e8e8e;padding:5px 13px 12px}
/* Çerçeve kapalı: yalnızca üst/alt çerçeve solar — resim yerinde, aynı boyutta kalır */
.igpost .ightop,.igpost .igacts,.igpost .iglikes,.igpost .igcap,.igpost .igcom{transition:opacity .22s ease,visibility 0s linear 0s}
.igpost.noframe{background:transparent;box-shadow:none}
.igpost.noframe .igimg{border-radius:14px}
.igpost.noframe .ightop,.igpost.noframe .igacts,.igpost.noframe .iglikes,.igpost.noframe .igcap,.igpost.noframe .igcom{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
.igpost.noframe .igimg .storyui{display:none!important}
.igpost.noframe .igimg::before,.igpost.noframe .igimg::after{display:none}
@media(prefers-reduced-motion:reduce){.igpost,.igpost *{transition:none!important}}
/* Telefon çerçevesi (uzun/story oranlı önizleme, pv-stage kullanan araçlar): kapalıyken gövde ve çentik solar, resim yerinde kalır */
.phone .device{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.phone .notch{transition:opacity .22s ease}
.phone .pscreen{transition:border-radius .22s ease}
.pv-stage.noframe .phone .device{background:transparent;border-color:transparent;box-shadow:none}
.pv-stage.noframe .phone .notch{opacity:0}
.pv-stage.noframe .phone .pscreen{border-radius:14px}