/* Instagram-style normal post media: one post contains either photos or one video. */
.instagram-media-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:#697386;font-size:12px}
.instagram-media-picker>span{width:100%;font-weight:700;color:#303746}
.instagram-media-picker .upload-field,.modal-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:10px 13px;border:1px solid #dfe6ef;border-radius:11px;color:#2879dd;background:#f2f7ff;cursor:pointer;font-size:12px;font-weight:700}
.instagram-media-picker .video-picker,.instagram-media-picker .video-tool{color:#7a46db;background:#f7f1ff}
.instagram-media-picker .upload-field svg,.instagram-media-picker .modal-tool svg{width:18px;height:18px}
.instagram-media-picker input{display:none}
.post-image-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}
.post-image-preview:empty{display:none}
.post-image-preview .preview-item{position:relative;min-width:0;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#edf0f5}
.post-image-preview img{width:100%;height:100%;display:block;object-fit:cover}
.post-video-preview,.post-video-frame,.comments-modal-video{position:relative;overflow:hidden;background:#11151d}
.post-video-preview{width:min(100%,360px);margin-top:12px;aspect-ratio:4/5;border-radius:13px}
.post-video-preview[hidden]{display:none}
.post-video-preview video,.post-video-frame video,.comments-modal-video video{width:100%;height:100%;display:block;object-fit:cover}
.post-video-preview b,.post-video-frame .media-quality-badge,.comments-modal-video .media-quality-badge{position:absolute;top:10px;left:10px;padding:3px 6px;border-radius:5px;color:#1672ee;background:#fff;font-size:10px;line-height:1}
.media-required-note{display:block;margin-top:9px;color:#8a93a2;font-size:11px}
.post-media-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}
.post-media-gallery{aspect-ratio:4/5!important}
.post-media-count-1{aspect-ratio:4/5!important}
.post-media-count-1 .post-image{aspect-ratio:4/5!important}
.post-video-frame{width:100%;aspect-ratio:4/5;border-radius:11px}
.post-video-open{cursor:pointer}
.post-video-open .post-video{cursor:pointer}
.comments-modal-video{width:100%;height:100%;min-height:280px}
.comments-modal-video video{object-fit:contain}
@media(max-width:860px){
  .post-modal{padding:0!important}
  .post-modal-dialog{width:100%!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important;padding-left:14px!important;padding-right:14px!important}
  .post-modal-dialog form{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .post-video-preview{width:100%;max-height:58dvh}
  .post-image-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .post-video-frame{border-radius:0}
}

/* Instagram-style three-step post creator. */
.instagram-post-dialog{width:min(860px,100%)!important;max-height:min(820px,calc(100vh - 48px));padding:0!important;overflow:hidden}
.post-modal-header{position:relative}
.post-step-back{position:absolute;left:16px;top:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#313948;background:#edf0f4}
.post-step-back[hidden],.post-create-step[hidden],.modal-publish[hidden]{display:none!important}
.post-step-indicator{height:34px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #edf0f4;color:#a0a8b5;font-size:11px;font-weight:700}
.post-step-indicator span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf0f4}
.post-step-indicator span.active,.post-step-indicator span.done{color:#fff;background:#1877f2}
.post-step-indicator i{width:28px;height:1px;background:#dfe4eb}
.post-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:560px}
.post-media-workspace{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:25px;background:#f4f6fa}
.post-media-empty{width:min(100%,390px);aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #cbd4df;border-radius:14px;color:#7a8492;text-align:center;background:#fff}
.post-media-empty svg{width:48px;height:48px;color:#1877f2}
.post-media-empty strong{color:#303746;font-size:15px}
.post-media-empty small{font-size:11px}
.post-media-empty.has-media{display:none}
.post-media-empty[data-post-media-dropzone]{width:100%;height:100%;min-height:560px;border:0;border-radius:0;cursor:pointer}
.post-media-empty[data-post-media-dropzone]:hover,.post-media-empty[data-post-media-dropzone]:focus-visible{background:#f8fbff;outline:3px solid #1877f21c;outline-offset:-3px}
.post-media-picker[hidden]{display:none!important}
.post-media-workspace .post-image-preview{width:min(100%,390px);max-height:610px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;align-self:center}
.post-media-workspace .post-image-preview[data-count="1"]{display:block!important;aspect-ratio:4/5!important;height:auto!important;max-height:610px!important;overflow:hidden}
.post-media-workspace .post-image-preview[data-count="1"] .preview-item{height:100%!important;aspect-ratio:auto;border-radius:0}
.post-media-workspace .post-video-preview{width:min(100%,390px);max-height:610px;margin:0;border-radius:0}
.post-create-controls{min-width:0;padding:22px 20px;background:#fff}
.post-create-step{height:100%;display:flex;flex-direction:column}
.post-create-step>.modal-author{padding-top:0}
.post-media-picker{margin-top:auto;margin-bottom:8px;padding:14px 0 0;border-top:1px solid #edf0f4}
.post-media-picker>strong{width:100%;color:#303746;font-size:13px}
.post-media-picker .modal-tool{flex:1;min-height:48px}
.post-step-next{width:100%;height:48px;margin-top:14px;border-radius:10px;color:#fff;background:#1877f2;font-size:16px;font-weight:700}
.post-step-next:disabled{cursor:not-allowed;opacity:.45}
.post-filter-heading{display:flex;flex-direction:column;gap:6px;padding:7px 0 16px;border-bottom:1px solid #edf0f4}
.post-filter-heading strong{font-size:18px}.post-filter-heading span{color:#7e8794;font-size:12px}
.post-filter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0}
.post-filter-option{position:relative;aspect-ratio:1/1;border:2px solid transparent;border-radius:11px;overflow:hidden;color:#fff;background:#dfe4eb;cursor:pointer}
.post-filter-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#eef2f6,#c7d0dc)}
.post-filter-option span{position:absolute;right:5px;bottom:5px;left:5px;padding:5px 3px;border-radius:5px;color:#fff;background:#111a8c99;font-size:10px;font-weight:700;text-align:center}
.post-filter-option.selected{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}
.filter-clarendon:before{filter:contrast(1.15) saturate(1.35)}.filter-juno:before{filter:contrast(1.08) saturate(1.5) sepia(.12)}.filter-lark:before{filter:brightness(1.08) saturate(.8)}.filter-gingham:before{filter:sepia(.2) contrast(.95)}.filter-moon:before{filter:grayscale(1) contrast(1.1)}
.post-caption-step .modal-author{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.post-caption-step .modal-text{min-height:280px;flex:1;margin:0;padding:13px;border:1px solid #e1e6ee;border-radius:11px;resize:none;font-size:15px;outline:0}
.post-caption-step .modal-text:focus{border-color:#1877f2;box-shadow:0 0 0 3px #1877f21c}
.post-caption-help{margin-top:8px;color:#8a93a2;font-size:11px}
.post-caption-step .upload-status{margin-top:12px}
@media(max-width:860px){
  .instagram-post-dialog{max-height:100dvh!important}
  .post-create-layout{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - 96px);overflow:auto}
  .post-media-workspace{flex:0 0 auto;min-height:44dvh;padding:0}
  .post-media-empty,.post-media-workspace .post-image-preview,.post-media-workspace .post-video-preview{width:100%;max-height:52dvh}
  .post-media-empty[data-post-media-dropzone]{min-height:44dvh;border-radius:0}
  .post-create-controls{padding:18px 16px 22px;min-height:320px}
  .post-media-picker{margin-top:18px}
  .post-caption-step .modal-text{min-height:180px}
}
@media(max-width:520px){.post-media-workspace{min-height:40dvh}.post-media-empty,.post-media-workspace .post-image-preview,.post-media-workspace .post-video-preview{max-height:45dvh}.post-media-empty[data-post-media-dropzone]{min-height:40dvh}.post-filter-list{gap:8px}.post-create-controls{padding-left:13px;padding-right:13px}}

/* Persisted Instagram-like filters for the published media. */
.media-filter-clarendon{filter:contrast(1.15) saturate(1.35)}
.media-filter-juno{filter:contrast(1.08) saturate(1.5) sepia(.12)}
.media-filter-lark{filter:brightness(1.08) saturate(.8)}
.media-filter-gingham{filter:sepia(.2) contrast(.95)}
.media-filter-moon{filter:grayscale(1) contrast(1.1)}

/* Instagram-style feed card: media first, icon actions underneath, caption last. */
.instagram-post-card{padding:0!important;overflow:hidden;border:1px solid #e6e9ee!important;border-radius:14px!important;background:#fff;box-shadow:0 5px 20px #18233d0a!important}
.instagram-post-card .instagram-post-head{padding:13px 14px 10px!important;align-items:center}
.instagram-post-card .instagram-post-head>.avatar{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border-width:2px}
.instagram-post-card .post-author{gap:3px}.instagram-post-card .post-author strong{font-size:14px}.instagram-post-card .post-author>span{font-size:11px}
.instagram-post-card>.post-media-open{width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
.instagram-post-card .post-media-gallery,.instagram-post-card .post-video-frame{border-radius:0!important}
.instagram-action-row{display:flex;align-items:center;padding:5px 10px 0;border:0}
.instagram-action-row .post-actions{display:flex;align-items:center;justify-content:flex-start;flex:1;border:0!important;padding:0!important}
.instagram-action-row .post-actions form{display:flex;flex:0 0 44px!important;width:44px}
.instagram-action-row .post-actions button{flex:0 0 44px!important;width:44px;min-height:44px!important;height:44px;padding:0!important;justify-content:flex-start;color:#252937;background:transparent!important}
.instagram-action-row .post-actions button:hover{color:#1877f2;background:transparent!important}
.instagram-action-row .post-actions button svg{width:25px!important;height:25px!important;stroke-width:1.9}
.instagram-action-row .post-actions button.liked{color:#e41e3f!important}.instagram-action-row .post-actions button.liked .heart-icon{color:#e41e3f!important}
.card-favorite-form{display:flex;flex:0 0 auto}.card-favorite-button{width:44px;height:44px;padding:0;color:#252937;background:transparent}.card-favorite-button svg{width:24px;height:24px}.card-favorite-button.active{color:#1877f2}
.instagram-post-card .post-meta{min-height:25px!important;padding:0 14px!important;color:#20232b;font-size:13px;font-weight:600}
.instagram-post-card .post-meta .reaction-trigger{color:#20232b;font-size:13px;font-weight:600}.instagram-post-card .post-meta .reaction-bubbles{display:none}
.instagram-post-card .post-meta .reaction-trigger span:last-child:after{content:' beğeni';font-weight:600}
.instagram-post-card .post-meta>span{color:#727985;font-size:12px;font-weight:400}
.instagram-post-caption{padding:3px 14px 8px!important;margin:0!important;color:#20232b;font-size:13px!important;line-height:1.45!important}
.instagram-post-caption strong{margin-right:4px}.instagram-post-caption span{white-space:pre-wrap}
.instagram-comments-link{display:block;margin:0;padding:0 14px 14px;color:#818995;background:transparent;font-size:12px;text-align:left}
.instagram-comments-link:hover{color:#1877f2}
@media(max-width:860px){
  .instagram-post-card{border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}
  .instagram-post-card .instagram-post-head{padding-left:12px!important;padding-right:12px!important}
  .instagram-post-card .post-meta{padding-left:12px!important;padding-right:12px!important}
  .instagram-post-caption{padding-left:12px!important;padding-right:12px!important}
  .instagram-comments-link{padding-left:12px;padding-right:12px}
}