/* =========================================================
   INSPIRACJE — POJEDYNCZY WPIS — V9 STABLE + SOCIAL ACTIONS
   Plik docelowy: assets/css/inspiracje/single-inspiracje.css
   ========================================================= */

.dzial-inspiracje-single .inspiracje-tabs {
	margin-bottom: 22px;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-card,
body.single-post .dzial-inspiracje-single .inspiracje-single-card--v9 {
	background: rgba(255, 255, 255, 0.25) !important;
	border-radius: 28px !important;
	padding: clamp(22px, 3vw, 34px) !important;
	box-shadow: 0 18px 34px rgba(47, 33, 58, 0.08) !important;
	overflow: hidden !important;
	backdrop-filter: blur(6px);
}

/* Zdjęcie jako pierwszy element: kwadrat + mocne kadrowanie, żeby koło było większe */
body.single-post .dzial-inspiracje-single .inspiracje-single-image,
body.single-post .dzial-inspiracje-single .inspiracje-single-image--hero {
	display: block !important;
	width: min(760px, 100%) !important;
	max-width: 760px !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 auto 24px !important;
	border-radius: 28px !important;
	background: rgba(255, 255, 255, 0.12) !important;
	overflow: hidden !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-image img,
body.single-post .dzial-inspiracje-single .inspiracje-single-image--hero img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 28px !important;
	transform: scale(1.14);
	transform-origin: center center;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-header,
body.single-post .dzial-inspiracje-single .inspiracje-single-header--below-image {
	max-width: 900px !important;
	margin: 0 auto 22px !important;
	text-align: center !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-title {
	margin: 6px 0 8px !important;
	color: #252532 !important;
	font-size: clamp(34px, 4vw, 52px) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.035em !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-meta {
	margin: 0 !important;
	color: #75798a !important;
	font-size: 14px !important;
}

/* Górny pasek akcji pod tytułem — ukryty.
   Zostawiamy dolny pasek z treści wpisu. */
body.single-post .dzial-inspiracje-single .inspiracje-single-actions {
	display: none !important;
}

/* Awaryjnie ukryj stary ręczny pasek, gdyby został gdzieś w cache/HTML */
body.single-post .dzial-inspiracje-single .inspiracje-share-row,
body.single-post .dzial-inspiracje-single .inspiracje-share-button {
	display: none !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry {
	max-width: 820px !important;
	margin: 0 auto !important;
	color: #333342 !important;
	font-size: 17px !important;
	line-height: 1.78 !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry p {
	margin: 0 0 1.25em !important;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry a {
	color: #4f8a35;
	font-weight: 700;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry img {
	border-radius: 18px;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wp-block-gallery {
	margin: 34px 0;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wp-block-gallery img {
	height: 220px !important;
	object-fit: cover !important;
	object-position: center center !important;
	box-shadow: 0 10px 22px rgba(47, 33, 58, 0.08);
}

body.single-post .dzial-inspiracje-single .inspiracje-single-footer {
	max-width: 820px;
	margin: 26px auto 0;
	padding-top: 16px;
	border-top: 1px solid rgba(47, 33, 58, 0.10);
	color: #62677a;
	font-size: 14px;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-tax {
	margin-top: 8px;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-tax a {
	color: #4f8a35;
	font-weight: 700;
	text-decoration: none;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-tax a:hover {
	text-decoration: underline;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 22px;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.42) !important;
	box-shadow: 0 10px 22px rgba(47, 33, 58, 0.08);
	color: #252532;
	font-weight: 800;
	text-decoration: none;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-nav a:hover {
	background: #fff4cc !important;
	color: #252532;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-comments {
	margin-top: 24px;
	padding: clamp(20px, 3vw, 30px);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 12px 26px rgba(47, 33, 58, 0.08);
	backdrop-filter: blur(6px);
}

body.single-post .dzial-inspiracje-single .inspiracje-single-comments textarea,
body.single-post .dzial-inspiracje-single .inspiracje-single-comments input[type="text"],
body.single-post .dzial-inspiracje-single .inspiracje-single-comments input[type="email"],
body.single-post .dzial-inspiracje-single .inspiracje-single-comments input[type="url"] {
	border: 1px solid rgba(47, 33, 58, 0.14);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.75);
}

body.single-post .dzial-inspiracje-single .inspiracje-single-comments input[type="submit"],
body.single-post .dzial-inspiracje-single .inspiracje-single-comments .submit {
	border: 0;
	border-radius: 999px;
	background: #4f8a35;
	color: #ffffff;
	font-weight: 800;
}

body.single-post .dzial-inspiracje-single .inspiracje-single-comments input[type="submit"]:hover,
body.single-post .dzial-inspiracje-single .inspiracje-single-comments .submit:hover {
	background: #3f7428;
}

@media (max-width: 820px) {
	body.single-post .dzial-inspiracje-single .inspiracje-single-title {
		font-size: clamp(30px, 8vw, 42px) !important;
	}

	body.single-post .dzial-inspiracje-single .inspiracje-single-nav {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	body.single-post .dzial-inspiracje-single .inspiracje-single-card,
	body.single-post .dzial-inspiracje-single .inspiracje-single-card--v9 {
		padding: 20px 16px !important;
		border-radius: 24px !important;
	}

	body.single-post .dzial-inspiracje-single .inspiracje-single-image,
	body.single-post .dzial-inspiracje-single .inspiracje-single-image--hero,
	body.single-post .dzial-inspiracje-single .inspiracje-single-image img,
	body.single-post .dzial-inspiracje-single .inspiracje-single-image--hero img {
		border-radius: 20px !important;
	}

	body.single-post .dzial-inspiracje-single .inspiracje-single-entry {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}
}


/* =========================================================
   INSPIRACJE — DOLNE PRZYCISKI UDOSTĘPNIANIA / ZAPISZ
   Zostawiamy dolny pasek z treści wpisu, ale zmniejszamy go,
   centrujemy i układamy „Zapisz” jako pierwszy element.
   ========================================================= */

/* małe przyciski spod tytułu mają być ukryte */
body.single-post .dzial-inspiracje-single .inspiracje-single-actions {
	display: none !important;
}

/* wrapper tworzony przez single-post.php dla dolnych akcji */
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	max-width: 820px !important;
	margin: 22px auto 16px !important;
	text-align: center !important;
}

/* kontener udostępnień WPZOOM / podobny */
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .wpzoom-social-sharing-buttons-bottom,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .addtoany_share_save_container,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .sharedaddy,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .sd-sharing {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

/* gdy JS z jakiegoś powodu nie przeniesie elementów, dolne udostępnienia też będą mniejsze i wyśrodkowane */
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wpzoom-social-sharing-buttons-bottom,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .addtoany_share_save_container,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .sharedaddy,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .sd-sharing {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 7px !important;
	margin: 20px auto 10px !important;
	text-align: center !important;
}

/* Zapisz — jako pierwszy przycisk w wrapperze */
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .simplefavorite-button,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions button[class*="favorite" i],
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions a[class*="favorite" i],
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .simplefavorite-button {
	order: -1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 32px !important;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	box-shadow: 0 8px 18px rgba(47, 33, 58, 0.08) !important;
	margin: 0 !important;
}

/* Same przyciski social — mniejsze */
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions a,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions button,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wpzoom-social-sharing-buttons-bottom a,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wpzoom-social-sharing-buttons-bottom button,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .addtoany_share_save_container a,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .sharedaddy a {
	min-height: 32px !important;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

/* Ikony w dolnym pasku */
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions svg,
body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions img,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wpzoom-social-sharing-buttons-bottom svg,
body.single-post .dzial-inspiracje-single .inspiracje-single-entry .wpzoom-social-sharing-buttons-bottom img {
	width: 14px !important;
	height: 14px !important;
}

/* puste akapity po przeniesieniu przycisku Zapisz nie powinny robić dużych przerw */
body.single-post .dzial-inspiracje-single .inspiracje-single-entry p:empty {
	display: none !important;
}

@media (max-width: 560px) {
	body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions {
		gap: 6px !important;
		margin-top: 18px !important;
	}

	body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions a,
	body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions button,
	body.single-post .dzial-inspiracje-single .inspiracje-bottom-actions .simplefavorite-button {
		min-height: 30px !important;
		padding: 6px 10px !important;
		font-size: 11px !important;
	}
}