/**
 * CLAADSS — Article / Press MOBILE-ONLY UI (≤1100px)
 * Desktop / laptop unchanged.
 *
 * - post-page-ft under article, horizontal
 * - multicolour keywords
 * - visible views / comments / post-nav
 * - colourful recent posts
 * - hide recent comments
 * - floating sticky ad shell
 */

@media screen and (max-width: 1100px) {
	/* —— Stack: content first, action bar below —— */
	body.claadss-single-article .post-page .king-post-out,
	body.claadss-single-press .post-page .king-post-out,
	body.single-format-standard .post-page .king-post-out,
	body.single-post:not(.single-format-video):not(.single-format-link) .post-page .king-post-out {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		gap: 12px !important;
	}

	body.claadss-single-article .king-post-in,
	body.claadss-single-press .king-post-in,
	body.single-format-standard .king-post-in,
	body.single-post:not(.single-format-video):not(.single-format-link) .king-post-in {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
	}

	/* Action bar BELOW article — horizontal */
	body.claadss-single-article .post-page-ft,
	body.claadss-single-article .post-page-ft.flex-columns,
	body.claadss-single-press .post-page-ft,
	body.claadss-single-press .post-page-ft.flex-columns,
	body.single-format-standard .post-page-ft.flex-columns,
	body.single-post:not(.single-format-video):not(.single-format-link) .post-page-ft.flex-columns {
		order: 2 !important;
		position: static !important;
		top: auto !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 8px 0 16px !important;
		padding: 10px 12px !important;
		box-sizing: border-box !important;
		background: linear-gradient(135deg, #eef2ff, #fdf2f8 50%, #fff7ed) !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 16px !important;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
		z-index: 2 !important;
	}

	body.claadss-single-article .post-page-ft.flex-columns .post-like,
	body.claadss-single-press .post-page-ft.flex-columns .post-like,
	body.single-format-standard .post-page-ft.flex-columns .post-like {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 6px !important;
		flex: 0 0 auto !important;
	}

	body.claadss-single-article .post-page-ft.flex-columns .ft-right,
	body.claadss-single-press .post-page-ft.flex-columns .ft-right,
	body.single-format-standard .post-page-ft.flex-columns .ft-right {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		margin-left: auto !important;
	}

	body.claadss-single-article .post-page-ft .kingp-bttns,
	body.claadss-single-press .post-page-ft .kingp-bttns,
	body.single-format-standard .post-page-ft .kingp-bttns {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 40px !important;
		height: 40px !important;
		color: #312e81 !important;
		background: #fff !important;
		border: 1px solid #c7d2fe !important;
		border-radius: 12px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* —— Keywords / tags: multicolour & visible —— */
	body.claadss-single-article .tags-links,
	body.claadss-single-press .tags-links,
	body.single-format-standard .tags-links,
	body.single-post:not(.single-format-video) .tags-links,
	body.single .entry-footer .tags-links {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		padding: 10px 0 6px !important;
		margin: 8px 0 14px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.claadss-single-article .tags-links a,
	body.claadss-single-press .tags-links a,
	body.single-format-standard .tags-links a,
	body.single-post .tags-links a,
	body.single .entry-footer .tags-links a {
		display: inline-flex !important;
		align-items: center !important;
		padding: 7px 14px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		border-width: 2px !important;
		border-style: solid !important;
		font-size: 0.78rem !important;
		font-weight: 800 !important;
		letter-spacing: 0.02em !important;
		text-decoration: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		line-height: 1.2 !important;
	}

	/* Rotating multicolour chips */
	body.single .tags-links a:nth-child(6n + 1),
	body.claadss-single-article .tags-links a:nth-child(6n + 1),
	body.claadss-single-press .tags-links a:nth-child(6n + 1) {
		color: #3730a3 !important;
		border-color: #818cf8 !important;
		background: #eef2ff !important;
	}
	body.single .tags-links a:nth-child(6n + 2),
	body.claadss-single-article .tags-links a:nth-child(6n + 2),
	body.claadss-single-press .tags-links a:nth-child(6n + 2) {
		color: #9d174d !important;
		border-color: #f472b6 !important;
		background: #fdf2f8 !important;
	}
	body.single .tags-links a:nth-child(6n + 3),
	body.claadss-single-article .tags-links a:nth-child(6n + 3),
	body.claadss-single-press .tags-links a:nth-child(6n + 3) {
		color: #c2410c !important;
		border-color: #fb923c !important;
		background: #fff7ed !important;
	}
	body.single .tags-links a:nth-child(6n + 4),
	body.claadss-single-article .tags-links a:nth-child(6n + 4),
	body.claadss-single-press .tags-links a:nth-child(6n + 4) {
		color: #047857 !important;
		border-color: #34d399 !important;
		background: #ecfdf5 !important;
	}
	body.single .tags-links a:nth-child(6n + 5),
	body.claadss-single-article .tags-links a:nth-child(6n + 5),
	body.claadss-single-press .tags-links a:nth-child(6n + 5) {
		color: #0e7490 !important;
		border-color: #22d3ee !important;
		background: #ecfeff !important;
	}
	body.single .tags-links a:nth-child(6n + 6),
	body.claadss-single-article .tags-links a:nth-child(6n + 6),
	body.claadss-single-press .tags-links a:nth-child(6n + 6) {
		color: #6d28d9 !important;
		border-color: #c084fc !important;
		background: #f5f3ff !important;
	}

	/* —— Views / comments icons always visible —— */
	body.single .post-meta,
	body.claadss-single-article .post-meta,
	body.claadss-single-press .post-meta,
	body.single-format-standard .post-meta {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 12px 14px !important;
		margin-top: 12px !important;
		background: linear-gradient(135deg, #f1f5f9, #eef2ff) !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		color: #0f172a !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-size: 0.9rem !important;
		font-weight: 700 !important;
	}

	body.single .post-meta .post-views,
	body.single .post-meta .post-comments,
	body.single .post-meta .post-likes,
	body.claadss-single-article .post-meta span,
	body.claadss-single-press .post-meta span {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		margin: 0 4px 0 0 !important;
		color: #1e293b !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.single .post-meta .post-views i,
	body.single .post-meta .post-comments i,
	body.single .post-meta .post-likes i,
	body.claadss-single-article .post-meta i,
	body.claadss-single-press .post-meta i {
		display: inline-block !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-size: 1rem !important;
		margin-right: 4px !important;
	}
	body.single .post-meta .post-views i {
		color: #4f46e5 !important;
	}
	body.single .post-meta .post-comments i {
		color: #db2777 !important;
	}
	body.single .post-meta .post-likes i {
		color: #ea580c !important;
	}

	/* —— Post nav always visible (no hover required) —— */
	body.single .post-nav,
	body.claadss-single-article .post-nav,
	body.claadss-single-press .post-nav {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		padding: 8px 0 !important;
		overflow: visible !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.single .post-nav-np,
	body.claadss-single-article .post-nav-np,
	body.claadss-single-press .post-nav-np {
		position: relative !important;
		min-height: 88px !important;
		padding: 14px 16px !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		background: linear-gradient(135deg, #312e81, #4f46e5 45%, #db2777) !important;
		border: 1px solid #c7d2fe !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.single .post-nav-np .post-nav-image {
		opacity: 0.45 !important;
		visibility: visible !important;
		filter: brightness(0.7) saturate(1.1);
	}

	body.single .post-nav-np a,
	body.single .post-nav-np .next-link,
	body.single .post-nav-np .prev-link,
	body.claadss-single-article .post-nav-np a,
	body.claadss-single-press .post-nav-np a {
		position: relative !important;
		z-index: 3 !important;
		color: #fff !important;
		font-weight: 800 !important;
		font-size: 0.95rem !important;
		line-height: 1.35 !important;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
		opacity: 1 !important;
		visibility: visible !important;
		background: rgba(15, 23, 42, 0.35) !important;
		padding: 8px 12px !important;
		border-radius: 12px !important;
	}
	body.single .post-nav-np a i {
		color: #fde68a !important;
		opacity: 1 !important;
	}

	/* —— Sidebar: hide recent comments —— */
	body.claadss-single-article .widget_recent_comments,
	body.claadss-single-press .widget_recent_comments,
	body.single-format-standard .widget_recent_comments,
	body.single-post .widget_recent_comments,
	body.single #secondary .widget_recent_comments {
		display: none !important;
	}

	/* —— Recent posts: colourful stylish cards —— */
	body.claadss-single-article #secondary .widget_latest_entries,
	body.claadss-single-press #secondary .widget_latest_entries,
	body.single-format-standard #secondary .widget_latest_entries,
	body.single-post #secondary .widget_latest_entries,
	body.single #secondary .widget_latest_entries {
		background: linear-gradient(165deg, #ffffff, #f8fafc) !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 18px !important;
		padding: 14px 12px 12px !important;
		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.07) !important;
		margin-bottom: 16px !important;
	}

	body.single #secondary .widget_latest_entries .widget-title,
	body.claadss-single-article #secondary .widget_latest_entries .widget-title,
	body.claadss-single-press #secondary .widget_latest_entries .widget-title {
		font-size: 1rem !important;
		font-weight: 900 !important;
		margin: 0 0 12px !important;
		padding: 8px 12px !important;
		border-radius: 12px !important;
		color: #fff !important;
		background: linear-gradient(105deg, #4f46e5, #a855f7 50%, #ec4899) !important;
		border: 0 !important;
	}

	body.single #secondary .widget_latest_entries .king-simple-post,
	body.claadss-single-article #secondary .king-simple-post {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 8px !important;
		margin: 0 0 8px !important;
		border-radius: 14px !important;
		border: 1px solid #e2e8f0 !important;
		background: #fff !important;
		box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
	}

	body.single #secondary .widget_latest_entries .king-simple-post:nth-child(6n + 2) {
		border-color: #c7d2fe !important;
		background: linear-gradient(90deg, #eef2ff, #fff) !important;
	}
	body.single #secondary .widget_latest_entries .king-simple-post:nth-child(6n + 3) {
		border-color: #fbcfe8 !important;
		background: linear-gradient(90deg, #fdf2f8, #fff) !important;
	}
	body.single #secondary .widget_latest_entries .king-simple-post:nth-child(6n + 4) {
		border-color: #fdba74 !important;
		background: linear-gradient(90deg, #fff7ed, #fff) !important;
	}
	body.single #secondary .widget_latest_entries .king-simple-post:nth-child(6n + 5) {
		border-color: #6ee7b7 !important;
		background: linear-gradient(90deg, #ecfdf5, #fff) !important;
	}

	body.single #secondary .simple-post-thumb,
	body.single #secondary .simple-post-image {
		width: 72px !important;
		min-width: 72px !important;
		height: 72px !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		margin: 0 !important;
	}
	body.single #secondary .simple-post-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	body.single #secondary .simple-post-header {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
	body.single #secondary .simple-post-header .entry-title,
	body.single #secondary .simple-post-header .entry-title a {
		font-size: 0.88rem !important;
		font-weight: 800 !important;
		line-height: 1.3 !important;
		color: #0f172a !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden !important;
	}
	body.single #secondary .king-simple-post .entry-meta {
		display: flex !important;
		gap: 8px !important;
		font-size: 0.72rem !important;
		font-weight: 700 !important;
		color: #64748b !important;
		margin-top: 4px !important;
	}
	body.single #secondary .king-simple-post .entry-meta i {
		opacity: 1 !important;
		color: #6366f1 !important;
	}

	/* Sidebar Google ad card (replaces comments slot visually) */
	body.single #secondary .claadss-sidebar-ad,
	body.claadss-single-article #secondary .claadss-sidebar-ad,
	body.claadss-single-press #secondary .claadss-sidebar-ad {
		display: block !important;
		margin: 0 0 16px !important;
		padding: 12px !important;
		border-radius: 16px !important;
		background: linear-gradient(160deg, #fff7ed, #eef2ff) !important;
		border: 1px dashed #c7d2fe !important;
		text-align: center !important;
	}
	body.single #secondary .claadss-sidebar-ad__label {
		display: block;
		font-size: 0.65rem;
		font-weight: 900;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #64748b;
		margin-bottom: 8px;
	}

	/* Sticky sidebar ad while scrolling (mobile column) */
	body.single #secondary .sidebar-ad,
	body.single #secondary .sidebar-adarea,
	body.single #secondary .claadss-sidebar-ad.is-sticky-slot {
		position: sticky !important;
		top: 72px !important;
		z-index: 5 !important;
	}

	/* —— Floating bottom ad (stays while scrolling) —— */
	body.claadss-single-article,
	body.claadss-single-press,
	body.single-format-standard,
	body.single-post:not(.single-format-video):not(.single-format-link) {
		padding-bottom: 110px !important;
	}

	.claadss-float-ad {
		display: block !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 99980 !important;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
		background: rgba(15, 23, 42, 0.92) !important;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-top: 2px solid transparent !important;
		border-image: linear-gradient(90deg, #6366f1, #a855f7, #ec4899, #f59e0b) 1 !important;
		box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25) !important;
		text-align: center !important;
	}
	.claadss-float-ad__inner {
		max-width: 420px;
		margin: 0 auto;
		min-height: 50px;
	}
	.claadss-float-ad__label {
		display: block;
		font-size: 0.62rem;
		font-weight: 800;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #94a3b8;
		margin-bottom: 4px;
	}
	.claadss-float-ad__close {
		position: absolute;
		top: 4px;
		right: 8px;
		width: 28px;
		height: 28px;
		border: 0;
		border-radius: 50%;
		background: #334155;
		color: #fff;
		font-size: 1rem;
		line-height: 1;
		cursor: pointer;
		z-index: 2;
	}
	.claadss-float-ad.is-hidden {
		display: none !important;
	}
}

/* Desktop / large screens: never show mobile float bar or mobile reorder */
@media screen and (min-width: 1101px) {
	.claadss-float-ad {
		display: none !important;
	}
}