/* AIBC Mobile Fullscreen Editor */
body.aibc-me-body-lock{overflow:hidden!important;position:fixed;width:100%;height:100%}

.aibc-me-overlay{
	display:none;
	position:fixed;
	inset:0;
	z-index:999999;
	background:#fff;
	flex-direction:column;
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
.aibc-me-overlay.aibc-me-open{
	display:flex;
}

/* Top bar */
.aibc-me-topbar{
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
	padding:10px 14px!important;
	background:#0f172a!important;
	color:#fff!important;
	min-height:54px!important;
	flex-shrink:0!important;
}
.aibc-me-topbar-title{
	flex:1!important;
	font-weight:700!important;
	font-size:14px!important;
	text-align:center!important;
	white-space:nowrap!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	color:#fff!important;
}

/* Shared button base for close/save */
.aibc-me-btn-close,
.aibc-me-btn-save{
	border:none!important;
	border-radius:10px!important;
	font-size:15px!important;
	font-weight:700!important;
	cursor:pointer!important;
	font-family:inherit!important;
	white-space:nowrap!important;
	line-height:1.4!important;
}

/* Close button — subtle white outline */
.aibc-me-btn-close,
button.aibc-me-btn-close,
#aibc-me-close{
	background:rgba(255,255,255,.15)!important;
	background-color:rgba(255,255,255,.15)!important;
	color:#fff!important;
	padding:10px 16px!important;
	border:1px solid rgba(255,255,255,.25)!important;
}
.aibc-me-btn-close:hover{
	background:rgba(255,255,255,.25)!important;
	background-color:rgba(255,255,255,.25)!important;
}

/* ★ Save button — BRIGHT EMERALD GREEN, impossible to miss ★ */
.aibc-me-btn-save,
button.aibc-me-btn-save,
#aibc-me-save,
button#aibc-me-save{
	background:#10b981!important;
	background-color:#10b981!important;
	color:#fff!important;
	padding:10px 22px!important;
	box-shadow:0 2px 8px rgba(16,185,129,.4)!important;
	text-shadow:0 1px 1px rgba(0,0,0,.15)!important;
	min-width:70px!important;
	text-align:center!important;
	letter-spacing:.02em!important;
}
.aibc-me-btn-save:hover,
#aibc-me-save:hover{
	background:#059669!important;
	background-color:#059669!important;
	box-shadow:0 4px 12px rgba(16,185,129,.5)!important;
}
.aibc-me-btn-save:active,
#aibc-me-save:active{
	transform:scale(.97)!important;
}

/* =========================================================================
   AI Enhancement Buttons Bar (inside mobile editor)
   ========================================================================= */
.aibc-me-ai-bar{
	flex-shrink:0;
	margin:0;
	border-radius:0;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px solid #e2e8f0;
	padding:10px 14px;
	background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
	display:none; /* hidden by default, shown by JS when buttons exist */
}
.aibc-me-ai-bar.aibc-processing{
	opacity:.7;
	pointer-events:none;
}

/* Scrollable buttons wrapper */
.aibc-me-ai-btns-wrap{
	display:flex;
	flex-wrap:nowrap;
	gap:6px;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	padding-bottom:4px;
	scrollbar-width:none;
}
.aibc-me-ai-btns-wrap::-webkit-scrollbar{
	display:none;
}

/* Make buttons smaller on mobile */
.aibc-me-ai-bar .aibc-ai-btn{
	flex-shrink:0;
	padding:6px 10px;
	font-size:12px;
	white-space:nowrap;
}
.aibc-me-ai-bar .aibc-ai-btn .dashicons{
	font-size:14px;
	width:14px;
	height:14px;
}

/* Label */
.aibc-me-ai-bar .aibc-ai-buttons-label{
	font-size:11px;
	margin-bottom:6px;
}

/* Status inside mobile bar */
.aibc-me-ai-bar .aibc-ai-status{
	margin-top:6px;
	font-size:12px;
	padding:6px 10px;
}

/* Undo in mobile bar */
.aibc-me-ai-bar .aibc-undo-btn{
	margin-top:6px;
	font-size:11px;
	padding:4px 10px;
}

/* RTL support for the scrollable bar */
[dir="rtl"] .aibc-me-ai-btns-wrap{
	flex-direction:row-reverse;
}
[dir="rtl"] .aibc-me-ai-bar .aibc-ai-btn{
	flex-direction:row-reverse;
}

/* Editor area */
.aibc-me-editor-area{
	flex:1;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	background:#fff;
}
/* TinyMCE 5/6 (tox) */
.aibc-me-editor-area .tox.tox-tinymce{
	border:none!important;
	border-radius:0!important;
}
.aibc-me-editor-area .tox .tox-menubar{display:none!important}
.aibc-me-editor-area .tox .tox-statusbar{display:none!important}
.aibc-me-editor-area .tox .tox-toolbar__primary{
	position:sticky;
	top:0;
	z-index:10;
	background:#fff;
	border-bottom:1px solid #e5e7eb;
}
/* TinyMCE 4 (mce) — toolbar LTR fix */
.aibc-me-editor-area .mce-toolbar-grp,
.aibc-me-editor-area .mce-toolbar,
.aibc-me-editor-area .mce-btn-group{
	direction:ltr!important;
	text-align:left!important;
}
.aibc-me-editor-area textarea{
	width:100%;
	height:100%;
	border:none;
	padding:16px;
	font-size:16px;
	font-family:inherit;
	box-sizing:border-box;
	resize:none;
	outline:none;
}

/* Bottom bar */
.aibc-me-bottombar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px 14px;
	border-top:1px solid #e2e8f0;
	background:#f8fafc;
	flex-shrink:0;
	min-height:52px;
}
.aibc-me-nav-btn{
	background:#1e293b!important;
	color:#fff!important;
	border:none!important;
	border-radius:10px!important;
	padding:10px 18px!important;
	font-size:14px!important;
	font-weight:600!important;
	cursor:pointer!important;
	font-family:inherit!important;
}
.aibc-me-nav-btn:disabled{
	opacity:.25!important;
	cursor:default!important;
}
.aibc-me-nav-btn:not(:disabled):hover{
	background:#111827!important;
}
.aibc-me-counter{
	font-size:14px;
	font-weight:700;
	color:#64748b;
}

/* =========================================================================
   Hide desktop editor body on mobile + accordion fix
   ========================================================================= */
@media(max-width:768px){
	.aibc-editor-body{
		display:none!important;
	}
	.aibc-chapter-item-header{
		cursor:pointer;
	}

	/* CRITICAL: Force vertical chapter list on mobile.
	   Clarity CSS sets .aibc-editor-accordion to display:flex (row). */
	.aibc-editor-accordion,
	.aibc-design-clarity .aibc-editor-accordion,
	#aibc-chapter-editor-list.aibc-editor-accordion,
	#aibc-chapter-editor-list{
		display:flex!important;
		flex-direction:column!important;
		flex-wrap:nowrap!important;
		align-items:stretch!important;
		justify-content:flex-start!important;
		gap:0!important;
		padding:0!important;
		width:100%!important;
	}

	/* Each chapter item — full width block */
	.aibc-editor-accordion details,
	.aibc-editor-accordion .aibc-chapter-item,
	details.aibc-editor-accordion-item,
	details.aibc-chapter-item{
		display:block!important;
		width:100%!important;
		min-width:0!important;
		flex:none!important;
		margin-bottom:10px!important;
		box-sizing:border-box!important;
	}

	/* Chapter header — full width row */
	.aibc-editor-accordion summary,
	summary.aibc-chapter-item-header{
		display:flex!important;
		flex-direction:row!important;
		width:100%!important;
		padding:14px 16px!important;
		font-size:14px!important;
		font-weight:600!important;
		box-sizing:border-box!important;
		cursor:pointer!important;
	}
}