/* ==========================================================================
   Favoriler — tekil yazı butonu, klasör balonu, /favorilerim/ sayfası
   ========================================================================== */

/* --- Yazı butonu (paylaş butonuyla aynı pill) --- */
.entry-bookmark { display: inline-flex; align-items: center; position: relative; }
.bm-btn {
	display: inline-flex; align-items: center; gap: 0.4rem;
	height: 36px; box-sizing: border-box; margin: 0; padding: 0.4rem 0.9rem;
	font-family: var(--acilci-font-ui); font-size: 0.8rem; font-weight: 600; line-height: 1.1;
	color: var(--acilci-amber-deep); background: var(--acilci-surface);
	border: 1px solid var(--acilci-amber-line); border-radius: 999px; cursor: pointer; white-space: nowrap;
	transition: background var(--acilci-transition), color var(--acilci-transition), border-color var(--acilci-transition), transform var(--acilci-transition);
}
.bm-btn:hover { background: var(--acilci-amber-soft); border-color: var(--acilci-amber); }
.bm-btn.is-on { background: var(--acilci-amber); color: #fff; border-color: var(--acilci-amber); }
.bm-btn.is-on:hover { background: var(--acilci-amber-deep); border-color: var(--acilci-amber-deep); }
.bm-btn.is-busy { opacity: 0.6; cursor: progress; }
.bm-btn.is-pulse { animation: bm-pulse 0.55s ease; }
@keyframes bm-pulse { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } }
.bm-btn__icon {
	width: 14px; height: 14px; flex-shrink: 0; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12a1 1 0 0 1 1 1V21l-7-4-7 4V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12a1 1 0 0 1 1 1V21l-7-4-7 4V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.bm-btn.is-on .bm-btn__icon {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 3.5h12a1 1 0 0 1 1 1V21l-7-4-7 4V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 3.5h12a1 1 0 0 1 1 1V21l-7-4-7 4V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.bm-btn__count { font-size: 0.72rem; font-weight: 600; padding: 0.1rem 0.45rem; border-radius: 999px; background: rgba(0,0,0,0.06); }
.bm-btn.is-on .bm-btn__count { background: rgba(255,255,255,0.22); }
.bm-btn__count[hidden] { display: none; }

/* --- Klasör balonu (ekledikten sonra) --- */
.bm-pop {
	position: absolute; top: calc(100% + 0.5rem); left: 0; z-index: 40;
	width: 260px; padding: 0.75rem 0.75rem 0.65rem;
	background: var(--acilci-surface); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius);
	box-shadow: var(--acilci-shadow-lg); text-align: left;
	animation: bm-pop-in 0.18s ease;
}
.bm-pop[hidden] { display: none; }
@keyframes bm-pop-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.bm-pop__title { display: block; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--acilci-ink-4); margin: 0 0 0.5rem; }
.bm-pop__list { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.6rem; max-height: 140px; overflow: auto; }
.bm-pop__item {
	padding: 0.35rem 0.7rem; font-size: 0.8rem; font-weight: 500; border-radius: 999px; cursor: pointer;
	background: var(--acilci-cream); color: var(--acilci-ink-2); border: 1px solid var(--acilci-line);
}
.bm-pop__item:hover { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); border-color: var(--acilci-amber-line); }
.bm-pop__item.is-active { background: var(--acilci-amber); color: #fff; border-color: var(--acilci-amber); }
.bm-pop__new { display: flex; gap: 0.35rem; margin: 0; }
.bm-pop__input {
	flex: 1; min-width: 0; padding: 0.45rem 0.65rem; font-size: 0.85rem; font-family: var(--acilci-font-ui);
	border: 1px solid var(--acilci-line-strong); border-radius: var(--acilci-radius-sm); background: var(--acilci-surface); color: var(--acilci-ink);
}
.bm-pop__input:focus { outline: 0; border-color: var(--acilci-amber); box-shadow: 0 0 0 3px rgba(217,130,31,0.15); }
.bm-pop__add {
	flex: 0 0 36px; width: 36px; height: 36px; padding: 0; margin: 0; border: 0; border-radius: var(--acilci-radius-sm);
	display: inline-flex; align-items: center; justify-content: center; line-height: 1;
	background: var(--acilci-amber); color: #fff; font-size: 1.25rem; font-weight: 700; cursor: pointer;
}
.bm-pop__input { height: 36px; box-sizing: border-box; }
.bm-pop__add:hover { background: var(--acilci-amber-deep); }
.bm-pop__close { position: absolute; top: 4px; right: 6px; border: 0; background: none; color: var(--acilci-ink-4); font-size: 1.1rem; cursor: pointer; line-height: 1; padding: 2px 4px; }
.bm-pop__close:hover { color: var(--acilci-ink); }

/* --- Toast --- */
.bm-toast {
	position: fixed; left: 50%; bottom: 1.5rem; transform: translateX(-50%);
	background: var(--acilci-ink); color: #fff; padding: 0.7rem 1.1rem; border-radius: 999px;
	font-family: var(--acilci-font-ui); font-size: 0.9rem; box-shadow: var(--acilci-shadow-lg); z-index: 90;
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.bm-toast--err { background: var(--acilci-alert); }
.bm-toast.is-out { opacity: 0; transform: translate(-50%, 8px); }

/* --- /favorilerim/ --- */
.bm { margin-top: 1.25rem; }
.bm__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.bm__folders { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.bm-chip {
	display: inline-flex; align-items: center; gap: 0.4rem;
	padding: 0.45rem 0.9rem; font-family: var(--acilci-font-ui); font-size: 0.85rem; font-weight: 600;
	color: var(--acilci-ink-2); background: var(--acilci-surface); border: 1px solid var(--acilci-line); border-radius: 999px; cursor: pointer;
	transition: background var(--acilci-transition), color var(--acilci-transition), border-color var(--acilci-transition);
}
.bm-chip:hover { border-color: var(--acilci-amber-line); color: var(--acilci-amber-deep); }
.bm-chip.is-active { background: var(--acilci-amber); border-color: var(--acilci-amber); color: #fff; }
.bm-chip__n { font-size: 0.72rem; padding: 0.05rem 0.45rem; border-radius: 999px; background: rgba(0,0,0,0.06); }
.bm-chip.is-active .bm-chip__n { background: rgba(255,255,255,0.25); }
.bm__newfolder {
	display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.9rem;
	font-family: var(--acilci-font-ui); font-size: 0.85rem; font-weight: 600; color: var(--acilci-amber-deep);
	background: transparent; border: 1px dashed var(--acilci-amber); border-radius: 999px; cursor: pointer;
}
.bm__newfolder:hover { background: var(--acilci-amber-soft); }
.bm__newfolder svg { width: 15px; height: 15px; }
.bm__folderbar { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 0 0 1rem; padding: 0.6rem 0.9rem; background: var(--acilci-cream); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius-sm); font-size: 0.88rem; }
.bm__folderbar[hidden] { display: none; }
.bm__folderbar-name { margin-right: auto; color: var(--acilci-ink); }
.bm__folderbar-btn { border: 0; background: transparent; color: var(--acilci-amber-deep); font-family: var(--acilci-font-ui); font-size: 0.85rem; font-weight: 600; cursor: pointer; text-decoration: underline; }
.bm__folderbar-btn--danger { color: var(--acilci-alert); }

.bm__list { display: flex; flex-direction: column; gap: 0.65rem; }
.bm-item {
	display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: 0.75rem 0.85rem 0.75rem 0.75rem;
	background: var(--acilci-surface); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius);
	transition: border-color var(--acilci-transition), box-shadow var(--acilci-transition), opacity 0.2s;
}
.bm-item:hover { border-color: var(--acilci-amber-line); box-shadow: var(--acilci-shadow); }
.bm-item.is-removing { opacity: 0.4; pointer-events: none; }
.bm-item__thumb { flex: 0 0 72px; width: 72px; height: 54px; border-radius: 10px; overflow: hidden; background: var(--acilci-cream-2); display: block; }
.bm-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bm-item__body { flex: 1 1 0; min-width: 0; }
.bm-item__meta { display: flex; gap: 0.5rem; align-items: center; font-family: var(--acilci-font-ui); font-size: 0.75rem; color: var(--acilci-ink-4); margin-bottom: 0.2rem; }
.bm-item__cat { color: var(--acilci-amber-deep); font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.bm-item__title { display: block; font-family: var(--acilci-font-ui); font-weight: 600; font-size: 1rem; line-height: 1.35; color: var(--acilci-ink); text-decoration: none; }
.bm-item__title:hover { color: var(--acilci-amber-deep); }
.entry-content .bm-item__author, .bm-item__author { text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.35rem; font-family: var(--acilci-font-ui); font-size: 0.8rem; font-weight: 500; color: var(--acilci-ink-3); text-decoration: none; }
.bm-item__author img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1px solid var(--acilci-line); }
.bm-item__author:hover { color: var(--acilci-amber-deep); }
.bm-item__actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }
.bm-item__folder {
	max-width: 160px; padding: 0.4rem 1.9rem 0.4rem 0.7rem; font-family: var(--acilci-font-ui); font-size: 0.8rem; color: var(--acilci-ink-2);
	background: var(--acilci-cream); border: 1px solid var(--acilci-line); border-radius: 999px; cursor: pointer;
	-webkit-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B8690F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 0.7rem center;
}
.bm-item__remove {
	width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--acilci-cream); color: var(--acilci-ink-4); cursor: pointer;
	-webkit-mask: none; display: inline-flex; align-items: center; justify-content: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23968C84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 16px;
}
.bm-item__remove:hover { background-color: #FBE4E0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B82105' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }

.bm-empty {
	display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center;
	padding: 3rem 1.5rem; background: var(--acilci-cream); border: 1px dashed var(--acilci-line-strong); border-radius: var(--acilci-radius);
}
.bm-empty__icon {
	width: 52px; height: 52px; border-radius: 14px; background-color: var(--acilci-amber-soft);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8690F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12a1 1 0 0 1 1 1V21l-7-4-7 4V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 26px; margin-bottom: 0.4rem;
}
.bm-empty__title { margin: 0; font-family: var(--acilci-font-ui); font-weight: 600; font-size: 1.05rem; color: var(--acilci-ink); }
.bm-empty__hint { margin: 0; color: var(--acilci-ink-3); font-size: 0.92rem; max-width: 40ch; }
.bm-empty__cta { margin-top: 0.75rem; }

@media (max-width: 640px) {
	.bm-item__body { flex-basis: calc(100% - 72px - 1rem); }
	.bm-item__actions { width: 100%; justify-content: space-between; padding-left: calc(72px + 1rem); }
	.bm-item__folder { max-width: none; flex: 1; }
	.bm-pop { width: min(260px, calc(100vw - 2rem)); }
}

/* .entry-content bağlantı altı çizgisini favori öğelerinde kapat */
.entry-content .bm-item__title, .entry-content .bm-item__thumb, .entry-content .bm-empty__cta { text-decoration: none; box-shadow: none; }
.entry-content .bm-item__title:hover { text-decoration: none; }

/* --- Satır içi form / onay (prompt yerine) --- */
.bm-inline { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; margin: 0; }
.bm-inline__input {
	flex: 1 1 180px; min-width: 0; padding: 0.45rem 0.7rem; font-family: var(--acilci-font-ui); font-size: 0.88rem; color: var(--acilci-ink);
	background: var(--acilci-surface); border: 1px solid var(--acilci-line-strong); border-radius: 999px;
}
.bm-inline__input:focus { outline: 0; border-color: var(--acilci-amber); box-shadow: 0 0 0 3px rgba(217,130,31,0.15); }
.bm-inline__input { height: 40px; box-sizing: border-box; }
.bm-inline__ok, .bm-inline__cancel {
	display: inline-flex; align-items: center; justify-content: center;
	height: 40px; box-sizing: border-box; padding: 0 1rem; line-height: 1;
	font-family: var(--acilci-font-ui); font-size: 0.85rem; font-weight: 600; border-radius: 999px; cursor: pointer; border: 0;
}
.bm-inline__ok { background: var(--acilci-amber); color: #fff; }
.bm-inline__ok:hover { background: var(--acilci-amber-deep); }
.bm-inline__ok:disabled { opacity: 0.6; cursor: progress; }
.bm-inline__ok--danger { background: var(--acilci-alert); }
.bm-inline__cancel { background: var(--acilci-cream-2); color: var(--acilci-ink-2); }
.bm-inline__cancel:hover { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); }
.bm-inline__err { width: 100%; font-size: 0.8rem; color: var(--acilci-alert); }
.bm-inline__err[hidden] { display: none; }
.bm-inline__text { font-size: 0.88rem; color: var(--acilci-ink-2); margin-right: 0.25rem; }
.bm-inline.is-shake { animation: bm-shake 0.35s; }
@keyframes bm-shake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.bm__newslot:empty { display: none; }
.bm__newslot { flex-basis: 100%; }
.bm__newfolder.is-open { background: var(--acilci-amber-soft); border-style: solid; }
.bm__folderbar-slot { flex-basis: 100%; }
.bm__folderbar-slot:empty { display: none; }
.bm-inline--item { flex: 0 0 100%; width: 100%; padding-top: 0.6rem; margin-top: -0.25rem; border-top: 1px dashed var(--acilci-line); }
@media (max-width: 640px) { .bm-inline--item { padding-left: 0; } }
