/* SoapLand single bundle: article, review, censor, referral and responsive styles. */
/**
 * TheSoapland - Single Post Styles
 */

.soap-single-post {
margin-bottom: 40px;
}

.single-header {
	margin-bottom: 25px;
}

.single-header .p-category {
	position: static;
	margin-bottom: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.single-header .p-category a {
	font-size: 11px;
	padding: 7px 14px;
	letter-spacing: 0.6px;
}

.single-title {
  font-family: var(--heading-family);
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3;
 color: var(--soap-text-inverse);
 letter-spacing: -0.3px;
  margin-bottom: 12px;
}

.single-meta {
font-size: 15px;
  color: var(--soap-text-muted);
  flex-wrap: wrap;
}

.single-meta .meta-author {
	color: var(--soap-blue-primary);
	font-weight: 600;
}

.single-featured-image {
  border-radius: var(--soap-radius-lg);
  overflow: hidden;
  margin-bottom: 25px;
  box-shadow: var(--soap-shadow-md);
}

.single-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}

.single-featured-caption {
  display: block;
  text-align: center;
font-size: 14px;
color: var(--soap-text-muted);
padding: 8px 0 0;
}

.single-content {
  font-size: 17px;
  line-height: 1.85;
  color: var(--soap-text-main);
  margin-bottom: 30px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  orphans: 3;
  widows: 3;
}

.single-content h2 {
 font-family: var(--heading-family);
 font-size: 29px;
 font-weight: 800;
 color: var(--soap-text-inverse);
  margin: 35px 0 15px;
  padding-top: 12px;
  border-top: 1px solid var(--soap-border-light);
}

.single-content h3 {
 font-family: var(--heading-family);
 font-size: 24px;
 font-weight: 700;
 color: var(--soap-text-inverse);
  margin: 30px 0 12px;
}

.single-content p {
  margin-bottom: 1.5em;
}

.single-content a {
	color: var(--soap-blue-secondary);
	text-decoration: underline;
	text-decoration-color: rgba(6, 182, 212, 0.3);
	text-underline-offset: 3px;
}

.single-content a:hover {
	color: var(--soap-blue-primary);
	text-decoration-color: rgba(59, 130, 246, 0.5);
}

.single-content img {
	border-radius: var(--soap-radius-md);
	margin: 20px 0;
}

.single-content blockquote {
	border-left: 3px solid var(--soap-blue-primary);
	padding: 15px 20px;
	margin: 20px 0;
	background: rgba(59, 130, 246, 0.05);
	border-radius: 0 var(--soap-radius-md) var(--soap-radius-md) 0;
	font-style: italic;
	color: var(--soap-text-muted);
}

.single-content ul,
.single-content ol {
	padding-left: 1.5em;
	margin-bottom: 1.2em;
}

.single-content li {
	margin-bottom: 0.5em;
}

.single-content pre {
	background: rgba(15, 23, 42, 0.5);
	border: 1px solid var(--soap-border-light);
	border-radius: var(--soap-radius-sm);
	padding: 15px;
	overflow-x: auto;
	margin: 20px 0;
}

.single-content code {
font-family: monospace;
font-size: 14px;
	background: rgba(255, 255, 255, 0.04);
	padding: 2px 6px;
	border-radius: 4px;
}

.single-content pre code {
	background: none;
	padding: 0;
}

.single-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.single-content th,
.single-content td {
	border: 1px solid var(--soap-border-light);
	padding: 10px 14px;
	text-align: left;
}

.single-content th {
 background: rgba(15, 23, 42, 0.5);
 font-weight: 700;
 color: var(--soap-text-inverse);
}

.single-content td {
	color: var(--soap-text-muted);
}

.single-content .wp-caption {
	max-width: 100%;
}

.single-content .wp-caption-text {
font-size: 13px;
	color: var(--soap-text-muted);
	text-align: center;
	padding: 8px 0;
}

.single-content iframe {
	max-width: 100%;
	border-radius: var(--soap-radius-md);
}

.page-links {
	margin: 20px 0;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.page-links a,
.page-links > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--soap-radius-sm);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--soap-border-light);
	color: var(--soap-text-muted);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: var(--soap-transition);
}

.page-links > span {
 background: var(--soap-bubble-gradient);
 color: var(--soap-text-inverse);
	border-color: transparent;
}

.single-footer {
	border-top: 1px solid var(--soap-border-light);
	padding-top: 20px;
	margin-bottom: 30px;
}

.single-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 15px;
}

.single-tag-pill {
font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
	border-radius: var(--soap-radius-pill);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: var(--soap-text-muted);
	text-decoration: none;
	transition: var(--soap-transition);
}

.single-tag-pill:hover {
	background: rgba(59, 130, 246, 0.15);
	border-color: rgba(59, 130, 246, 0.3);
	color: var(--soap-blue-primary);
}

.soap-credit-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 15px;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid var(--soap-border-glass);
	border-radius: var(--soap-radius-sm);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
font-size: 14px;
color: var(--soap-text-muted);
}

.soap-credit-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.soap-credit-item strong {
	color: var(--soap-text-main);
	font-weight: 700;
	text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
}

.soap-credit-item a {
	color: var(--soap-blue-secondary);
	text-decoration: none;
	transition: var(--soap-transition);
}

.soap-credit-item a:hover {
	color: var(--soap-blue-primary);
}

.single-share {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
}

.share-label {
font-size: 13px;
  font-weight: 700;
  color: var(--soap-text-muted);
  text-transform: uppercase;
}

.share-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: var(--soap-transition-bounce);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--soap-text-muted);
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  line-height: 1;
}

.share-btn:hover {
 transform: translateY(-2px) scale(1.05);
 color: var(--soap-text-inverse);
}

.share-btn.twitter:hover {
 background: var(--soap-color-twitter);
 border-color: var(--soap-color-twitter);
}

.share-btn.facebook:hover {
 background: var(--soap-color-facebook);
 border-color: var(--soap-color-facebook);
}

.share-btn.whatsapp:hover {
 background: var(--soap-color-whatsapp);
 border-color: var(--soap-color-whatsapp);
}

.share-btn.copy-link:hover {
  background: var(--soap-blue-primary);
  border-color: var(--soap-blue-primary);
}

.copy-link-toast {
font-size: 12px;
  font-weight: 600;
  color: var(--soap-blue-secondary);
  background: rgba(6, 182, 212, 0.1);
  border: 1px solid rgba(6, 182, 212, 0.2);
  border-radius: var(--soap-radius-pill);
  padding: 4px 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  position: absolute;
  right: 0;
}

.copy-link-toast.visible {
  opacity: 1;
}

.single-post-nav {
  display: flex;
  gap: 15px;
  margin: 35px 0;
}

.soap-nav-card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: var(--soap-card-bg);
  border: 1px solid var(--soap-border-light);
  border-radius: var(--soap-radius-md);
  text-decoration: none;
  transition: var(--soap-transition-bounce);
  min-width: 0;
}

.soap-nav-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
  transform: translateY(-2px);
  box-shadow: var(--soap-shadow-md);
}

.soap-nav-placeholder {
  flex: 1;
  background: none;
  border: none;
}

.soap-nav-next {
  flex-direction: row-reverse;
  text-align: right;
}

.soap-nav-thumb {
	width: 52px;
	height: 52px;
	border-radius: var(--soap-radius-sm);
	flex-shrink: 0;
	overflow: hidden;
}

.soap-nav-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.soap-nav-label {
  font-family: var(--heading-family);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--soap-blue-primary);
  display: block;
  margin-bottom: 4px;
}

.soap-nav-title {
font-family: var(--heading-family);
font-size: 15px;
  font-weight: 700;
  color: var(--soap-text-main);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.soap-nav-card:hover .soap-nav-title {
  color: var(--soap-blue-secondary);
}

.soap-comments-area {
	margin-top: 30px;
}

.comment-list {
	list-style: none;
	padding: 0;
}

.comment-list .children {
	padding-left: 30px;
}

.comment-body {
	background: var(--soap-card-bg);
	border: 1px solid var(--soap-border-light);
	border-radius: var(--soap-radius-md);
	padding: 18px;
	margin-bottom: 15px;
	transition: var(--soap-transition);
}

.comment-body:hover {
	border-color: rgba(59, 130, 246, 0.15);
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.comment-author img {
	border-radius: 50%;
	border: 2px solid var(--soap-blue-primary);
}

.comment-author .fn {
 font-family: var(--heading-family);
 font-weight: 700;
 font-size: 14px;
 color: var(--soap-text-inverse);
}

.comment-author .fn a {
 color: var(--soap-text-inverse);
	text-decoration: none;
}

.comment-author .fn a:hover {
	color: var(--soap-blue-primary);
}

.comment-metadata {
font-size: 12px;
	color: var(--soap-text-muted);
}

.comment-metadata a {
	color: var(--soap-text-muted);
	text-decoration: none;
}

.comment-content p {
font-size: 14.5px;
	line-height: 1.6;
	color: var(--soap-text-main);
	margin-bottom: 10px;
}

.reply {
font-size: 13px;
}

.reply a {
	color: var(--soap-blue-primary);
	font-weight: 600;
	text-decoration: none;
}

.reply a:hover {
	color: var(--soap-blue-secondary);
}

.soap-comment-form .comment-form-comment textarea,
.soap-comment-form .comment-form-author input,
.soap-comment-form .comment-form-email input,
.soap-comment-form .comment-form-url input {
	width: 100%;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid var(--soap-border-glass);
	border-radius: var(--soap-radius-md);
	padding: 12px 16px;
font-size: 14.5px;
 color: var(--soap-text-main);
 outline: none;
 transition: var(--soap-transition);
}

.soap-comment-form input:focus,
.soap-comment-form textarea:focus {
border-color: var(--soap-blue-primary);
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);
}

.soap-comment-form .comment-form-comment label,
.soap-comment-form .comment-form-author label,
.soap-comment-form .comment-form-email label,
.soap-comment-form .comment-form-url label {
	font-family: var(--heading-family);
font-size: 13px;
font-weight: 700;
 color: var(--soap-text-inverse);
 text-transform: uppercase;
 display: block;
 margin-bottom: 6px;
}

.soap-comment-form .comment-form-author,
.soap-comment-form .comment-form-email,
.soap-comment-form .comment-form-url {
	margin-bottom: 15px;
}

.soap-comment-form .comment-form-comment {
	margin-bottom: 15px;
}

.soap-comment-form .logged-in-as {
font-size: 13px;
	color: var(--soap-text-muted);
	margin-bottom: 15px;
}

.soap-comment-form .logged-in-as a {
  color: var(--soap-blue-primary);
}

.soap-related-section {
  margin: 40px 0 30px;
  border-top: 1px solid var(--soap-border-light);
  padding-top: 30px;
}

.soap-related-section .soap-section-title {
  margin-top: 0;
  margin-bottom: 20px;
}

.soap-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.single-content .wp-block-gallery {
  display: grid;
  gap: 12px;
  margin: 25px 0;
}

.single-content .wp-block-gallery .blocks-gallery-item {
  border-radius: var(--soap-radius-sm);
  overflow: hidden;
  border: 1px solid var(--soap-border-light);
}

.single-content .wp-block-gallery figcaption {
font-size: 13px;
  color: var(--soap-text-muted);
  text-align: center;
  padding: 8px;
  background: rgba(15, 23, 42, 0.5);
}

.single-content .wp-block-image {
  margin: 25px 0;
}

.single-content .wp-block-image img {
  border-radius: var(--soap-radius-md);
  border: 1px solid var(--soap-border-light);
}

.single-content .wp-block-image figcaption {
font-size: 13px;
  color: var(--soap-text-muted);
  text-align: center;
  margin-top: 8px;
}

.single-content .wp-block-embed {
  margin: 25px 0;
}

.single-content .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: var(--soap-radius-md);
  overflow: hidden;
  border: 1px solid var(--soap-border-light);
}

.single-content .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
}

.single-content .wp-block-quote {
  border-left: 3px solid var(--soap-blue-primary);
  padding: 18px 22px;
  margin: 25px 0;
  background: rgba(59, 130, 246, 0.05);
  border-radius: 0 var(--soap-radius-md) var(--soap-radius-md) 0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.single-content .wp-block-quote p {
  font-style: italic;
  color: var(--soap-text-muted);
  font-size: 15px;
}

.single-content .wp-block-quote cite {
font-size: 14px;
  color: var(--soap-blue-secondary);
}

.single-content .wp-block-pullquote {
  border: none;
  border-top: 3px solid;
  border-bottom: 3px solid;
  border-image: var(--soap-bubble-gradient) 1;
  padding: 30px 0;
  margin: 30px 0;
  text-align: center;
}

.single-content .wp-block-pullquote p {
  font-family: var(--heading-family);
  font-size: 20px;
  font-weight: 700;
 color: var(--soap-text-inverse);
 line-height: 1.45;
}

.single-content .wp-block-pullquote cite {
font-size: 14px;
  color: var(--soap-blue-secondary);
}

.single-content .wp-block-separator {
  border: none;
  height: 2px;
  background: var(--soap-bubble-gradient);
  margin: 30px auto;
  max-width: 200px;
  opacity: 0.6;
}

.single-content .wp-block-columns {
  gap: 20px;
  margin: 25px 0;
}

.single-content .wp-block-column {
  min-width: 0;
}

.single-content .wp-block-video video {
  width: 100%;
  border-radius: var(--soap-radius-md);
  border: 1px solid var(--soap-border-light);
}

.single-content .wp-block-media-text {
  gap: 20px;
  margin: 25px 0;
  border-radius: var(--soap-radius-md);
  overflow: hidden;
  border: 1px solid var(--soap-border-light);
}

.soap-in-content-ad {
  margin: 30px auto;
  max-width: 800px;
  text-align: center;
}

.soap-in-content-ad .ad-container-glass {
 margin: 0;
}

.single-content .alignwide {
 margin-left: -80px;
 margin-right: -80px;
 max-width: none;
 width: calc(100% + 160px);
}

.single-content .alignfull {
 margin-left: calc(-50vw + 50%);
 margin-right: calc(-50vw + 50%);
 max-width: 100vw;
 width: 100vw;
}

.single-content .wp-block-cover,
.single-content .wp-block-cover-image {
 border-radius: var(--soap-radius-md);
 overflow: hidden;
 margin: 25px 0;
}

.single-content .wp-block-button .wp-block-button__link {
 background: var(--soap-bubble-gradient);
 color: var(--soap-text-inverse);
 font-family: var(--heading-family);
 font-weight: 700;
 padding: 12px 28px;
 border-radius: var(--soap-radius-pill);
 text-decoration: none;
 display: inline-block;
}

.single-content .wp-block-button.is-style-outline .wp-block-button__link {
 background: transparent;
 border: 2px solid var(--soap-blue-primary);
 color: var(--soap-blue-primary);
}

.single-content .wp-block-file .wp-block-file__button {
 background: var(--soap-bubble-gradient);
 color: var(--soap-text-inverse);
 font-family: var(--heading-family);
 font-weight: 700;
 padding: 8px 20px;
 border-radius: var(--soap-radius-pill);
 text-decoration: none;
 display: inline-block;
 margin-left: 12px;
}

.single-content .wp-block-audio audio {
 width: 100%;
 border-radius: var(--soap-radius-md);
}

.single-content .wp-block-search {
 display: flex;
 gap: 10px;
 margin: 25px 0;
}

.single-content .wp-block-search__input {
 background: var(--soap-surface-hover);
 border: 1px solid var(--soap-border-glass);
 border-radius: var(--soap-radius-md);
 padding: 12px 16px;
 color: var(--soap-text-main);
 flex: 1;
}

.single-content .wp-block-search__button {
 background: var(--soap-bubble-gradient);
 color: var(--soap-text-inverse);
 border: none;
 border-radius: var(--soap-radius-md);
 padding: 12px 20px;
 font-family: var(--heading-family);
 font-weight: 700;
 cursor: pointer;
}

.single-content .has-text-color {
	color: inherit;
}

.single-content .gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 25px 0;
}

.single-content .gallery-item {
	flex-grow: 1;
	overflow: hidden;
	border-radius: var(--soap-radius-sm);
	border: 1px solid var(--soap-border-light);
}

.single-content .gallery-item img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: var(--soap-radius-sm);
}

.single-content .gallery-columns-1 .gallery-item { flex-basis: 100%; max-width: 100%; }
.single-content .gallery-columns-2 .gallery-item { flex-basis: calc(50% - 5px); max-width: calc(50% - 5px); }
.single-content .gallery-columns-3 .gallery-item { flex-basis: calc(33.333% - 7px); max-width: calc(33.333% - 7px); }
.single-content .gallery-columns-4 .gallery-item { flex-basis: calc(25% - 8px); max-width: calc(25% - 8px); }
.single-content .gallery-columns-5 .gallery-item { flex-basis: calc(20% - 8px); max-width: calc(20% - 8px); }
.single-content .gallery-columns-6 .gallery-item { flex-basis: calc(16.666% - 9px); max-width: calc(16.666% - 9px); }
.single-content .gallery-columns-7 .gallery-item { flex-basis: calc(14.285% - 9px); max-width: calc(14.285% - 9px); }
.single-content .gallery-columns-8 .gallery-item { flex-basis: calc(12.5% - 9px); max-width: calc(12.5% - 9px); }
.single-content .gallery-columns-9 .gallery-item { flex-basis: calc(11.111% - 9px); max-width: calc(11.111% - 9px); }

.single-content .gallery-caption {
	font-size: 13px;
	color: var(--soap-text-muted);
	text-align: center;
	padding: 6px 8px;
	background: rgba(15, 23, 42, 0.5);
}

.single-content .has-background {
 padding: 20px;
 border-radius: var(--soap-radius-md);
}

.single-content .wp-block-tag-cloud a,
.single-content .wp-block-categories-list a,
.single-content .wp-block-latest-posts a,
.single-content .wp-block-rss a {
 color: var(--soap-blue-secondary);
 text-decoration: none;
}

.single-content .wp-block-tag-cloud a:hover,
.single-content .wp-block-categories-list a:hover,
.single-content .wp-block-latest-posts a:hover,
.single-content .wp-block-rss a:hover {
 color: var(--soap-blue-primary);
}

.single-content .wp-block-social-links {
 display: flex;
 gap: 10px;
}

.comment-reply-link {
 color: var(--soap-blue-primary);
 font-weight: 600;
 font-size: 13px;
 text-decoration: none;
}

.comment-reply-link:hover {
 color: var(--soap-blue-secondary);
}

.bypostauthor .comment-body {
 border-color: var(--soap-blue-primary);
 box-shadow: 0 0 0 1px var(--soap-blue-primary-alpha-30);
}

.comment-navigation {
 display: flex;
 justify-content: space-between;
 margin: 15px 0;
 font-size: 13px;
}

.comment-navigation a {
 color: var(--soap-blue-primary);
 text-decoration: none;
 font-weight: 600;
}

.comment-respond {
 margin-top: 30px;
}

.comment-form-cookies-consent {
 font-size: 13px;
 color: var(--soap-text-muted);
 display: flex;
 align-items: center;
 gap: 6px;
 margin-bottom: 15px;
}
.soap-review-mini {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 800px;
	margin: 0 auto 20px;
	padding: 16px 22px;
	background: var(--soap-glass-bg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--soap-border-glass);
	border-radius: var(--soap-radius-md);
}

.soap-review-mini .soap-review-score-circle {
	width: 56px;
	height: 56px;
}

.soap-review-mini .soap-review-score-number {
	font-size: 22px;
}

.soap-review-mini .soap-review-score-max {
	font-size: 11px;
}

.soap-review-mini-summary {
	font-size: 15px;
	line-height: 1.55;
	color: var(--soap-text-muted);
	font-style: italic;
	margin: 0;
	flex-grow: 1;
}

.soap-review-box {
background: var(--soap-glass-bg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--soap-border-glass);
	border-radius: var(--soap-radius-md);
	box-shadow: var(--soap-shadow-glass);
	padding: 28px 30px;
	max-width: 800px;
	margin: 32px auto 0;
}

.soap-review-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--soap-border-light);
}

.soap-review-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.soap-review-icon svg {
	width: 100%;
	height: 100%;
	fill: url(#bubble-grad);
}

.soap-review-label {
	font-family: var(--heading-family);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--soap-text-main);
}

.soap-review-score-wrap {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
}

.soap-review-score-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: var(--soap-shadow-sm);
}

.soap-review-score--good {
	background: var(--soap-bubble-gradient);
}

.soap-review-score--mid {
 background: linear-gradient(135deg, var(--soap-color-warning-from) 0%, var(--soap-color-warning-to) 100%);
}

.soap-review-score--bad {
 background: linear-gradient(135deg, var(--soap-color-danger-from) 0%, var(--soap-color-danger-to) 100%);
}

.soap-review-score-number {
 font-family: var(--heading-family);
 font-size: 30px;
 font-weight: 800;
 line-height: 1;
 color: var(--soap-text-inverse);
}

.soap-review-score-max {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1;
	margin-top: 2px;
}

.soap-review-summary {
	font-size: 16px;
	line-height: 1.55;
	color: var(--soap-text-main);
	font-style: italic;
	margin: 0;
	flex-grow: 1;
}

.soap-review-criteria {
	margin-bottom: 22px;
}

.soap-review-bar {
	display: grid;
	grid-template-columns: 140px 1fr 42px;
	gap: 12px;
	align-items: center;
	margin-bottom: 12px;
}

.soap-review-bar:last-child {
	margin-bottom: 0;
}

.soap-review-bar-label {
	font-size: 14px;
	color: var(--soap-text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.soap-review-bar-track {
	height: 8px;
	background: rgba(255, 255, 255, 0.06);
	border-radius: var(--soap-radius-pill);
	overflow: hidden;
	position: relative;
}

.soap-review-bar-fill {
height: 100%;
width: 100%;
border-radius: var(--soap-radius-pill);
transform: scaleX(0);
transform-origin: left center;
transition: none;
will-change: transform;
}

.soap-review-bar-fill.animated {
animation: soapland-bar-grow 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.soap-review-box.soap-review-overall--good .soap-review-bar-fill {
	background: var(--soap-bubble-gradient);
}

.soap-review-box.soap-review-overall--mid .soap-review-bar-fill {
 background: linear-gradient(135deg, var(--soap-color-warning-from) 0%, var(--soap-color-warning-to) 100%);
}

.soap-review-box.soap-review-overall--bad .soap-review-bar-fill {
 background: linear-gradient(135deg, var(--soap-color-danger-from) 0%, var(--soap-color-danger-to) 100%);
}

@keyframes soapland-bar-grow {
from { transform: scaleX(0); }
to { transform: scaleX(var(--bar-scale)); }
}

.soap-review-bar-value {
	font-family: var(--heading-family);
	font-size: 14px;
	font-weight: 700;
	color: var(--soap-text-main);
	text-align: right;
}

.soap-review-verdict {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--soap-border-light);
}

.soap-review-verdict-title {
	font-family: var(--heading-family);
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.soap-review-verdict-title svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.soap-review-pros .soap-review-verdict-title {
	color: var(--soap-blue-secondary);
}

.soap-review-cons .soap-review-verdict-title {
 color: var(--soap-color-danger-to);
}

.soap-review-verdict ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.soap-review-verdict li {
	font-size: 14px;
	line-height: 1.55;
	color: var(--soap-text-muted);
	padding: 3px 0 3px 18px;
	position: relative;
}

.soap-review-verdict li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.soap-review-pros li::before {
	background: var(--soap-blue-secondary);
}

.soap-review-cons li::before {
 background: var(--soap-color-danger-to);
}

@media (max-width: 991px) {
.soap-review-mini .soap-review-score-circle {
width: 50px;
height: 50px;
}

.soap-review-mini .soap-review-score-number {
font-size: 20px;
}

.soap-review-mini-summary {
font-size: 14px;
}

.soap-review-score-circle {
		width: 68px;
		height: 68px;
	}

	.soap-review-score-number {
		font-size: 26px;
	}

	.soap-review-bar {
		grid-template-columns: 120px 1fr 38px;
	}
}

@media (max-width: 768px) {
.soap-review-mini {
flex-direction: column;
text-align: center;
gap: 10px;
padding: 14px 18px;
}

.soap-review-box {
		padding: 22px 20px;
	}

	.soap-review-score-wrap {
		flex-direction: column;
		text-align: center;
		gap: 14px;
	}

	.soap-review-verdict {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.soap-review-score-circle {
		width: 60px;
		height: 60px;
	}

	.soap-review-score-number {
		font-size: 24px;
	}

	.soap-review-bar {
		grid-template-columns: 110px 1fr 36px;
		gap: 8px;
	}

	.soap-review-bar-label {
		font-size: 13px;
	}

	.soap-review-bar-value {
		font-size: 13px;
	}

	.soap-review-summary {
		font-size: 15px;
	}
}

@media (max-width: 580px) {
.soap-review-mini {
padding: 12px 14px;
}

.soap-review-mini .soap-review-score-circle {
width: 44px;
height: 44px;
}

.soap-review-mini .soap-review-score-number {
font-size: 18px;
}

.soap-review-mini-summary {
font-size: 13px;
}

.soap-review-box {
		padding: 18px 16px;
	}

	.soap-review-score-circle {
		width: 52px;
		height: 52px;
	}

	.soap-review-score-number {
		font-size: 20px;
	}

	.soap-review-score-max {
		font-size: 11px;
	}

	.soap-review-bar {
		grid-template-columns: 1fr 36px;
		gap: 8px;
	}

	.soap-review-bar-label {
		grid-column: 1 / -1;
		font-size: 13px;
		margin-bottom: -6px;
	}

	.soap-review-bar-value {
		font-size: 13px;
	}

	.soap-review-bar-track {
		height: 6px;
	}

	.soap-review-verdict li {
		font-size: 13px;
	}

	.soap-review-header {
		margin-bottom: 18px;
		padding-bottom: 12px;
	}
}.censored-image-wrapper {
position: relative;
display: block;
max-width: 100%;
margin: 20px 0;
line-height: 0;
border-radius: var(--soap-radius-md);
overflow: hidden;
}

.censored-image-wrapper img {
	display: block;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	border-radius: var(--soap-radius-md);
	transition: filter 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.censored-image-wrapper[data-censor-type="blur"]:not(.is-revealed) img {
	filter: blur(var(--soap-censor-blur-intensity, 20px));
	transform: scale(1.1);
}

.censored-image-wrapper[data-censor-type="pixelate"]:not(.is-revealed) img {
filter: blur(2px) contrast(3);
image-rendering: pixelated;
transform: scale(1.1);
}

.censored-image-wrapper[data-censor-type="blur"].is-revealed img,
.censored-image-wrapper[data-censor-type="pixelate"].is-revealed img {
	filter: none;
	transform: none;
}

.ic-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--soap-censor-overlay-color, #0a0f1d);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
	z-index: 10;
	border-radius: var(--soap-radius-md);
}

.ic-overlay-glass {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background-color: rgba(10, 15, 29, 0.85) !important;
	border: 1px solid rgba(6, 182, 212, 0.12);
}

.ic-overlay-fx {
	background-color: rgba(7, 10, 19, 0.7) !important;
}

.censored-image-wrapper.is-revealed .ic-overlay,
.ic-overlay[aria-hidden="true"] {
	opacity: 0;
	pointer-events: none;
}

.ic-button {
	background: var(--soap-bubble-gradient);
	color: var(--soap-text-inverse);
	border: 1px solid rgba(6, 182, 212, 0.3);
	padding: 10px 22px;
	border-radius: var(--soap-radius-pill);
	font-family: var(--heading-family);
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0 0 20px rgba(6, 182, 212, 0.2);
	z-index: 11;
	transition: var(--soap-transition-bounce);
	letter-spacing: 0.3px;
}

.ic-button:hover {
	transform: scale(1.05);
	box-shadow: 0 0 30px rgba(6, 182, 212, 0.4);
}

.ic-button:active {
	transform: scale(0.98);
}

.ic-sticky-btn {
	position: fixed;
	right: 30px;
	bottom: 30px;
	background: var(--soap-glass-bg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: var(--soap-text-inverse);
	border: 1px solid rgba(6, 182, 212, 0.25);
	padding: 10px 20px;
	border-radius: var(--soap-radius-pill);
	font-family: var(--heading-family);
	font-weight: 600;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 0 25px rgba(6, 182, 212, 0.15), var(--soap-shadow-glass);
	z-index: 999998;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ic-sticky-btn::before {
	content: '';
	width: 18px;
	height: 18px;
	background: var(--soap-bubble-gradient);
	border-radius: 50%;
	flex-shrink: 0;
	opacity: 0.8;
}

.ic-sticky-btn.is-censor-all::before {
	background: transparent;
	border: 2px solid var(--soap-blue-secondary);
	opacity: 1;
}

.ic-sticky-btn.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.ic-sticky-btn:hover {
	border-color: rgba(6, 182, 212, 0.5);
	box-shadow: 0 0 35px rgba(6, 182, 212, 0.25), var(--soap-shadow-glass);
	transform: translateY(-2px);
}

.ic-sticky-btn:active {
	transform: translateY(0);
}

@media (max-width: 580px) {
	.ic-sticky-btn {
		right: 16px;
		bottom: 80px;
		padding: 8px 14px;
		font-size: 11px;
		gap: 6px;
	}

	.ic-sticky-btn::before {
		width: 14px;
		height: 14px;
	}

	.ic-button {
		padding: 8px 16px;
		font-size: 12px;
	}
}
.soap-referral {
	max-width: 380px;
	margin: 28px auto;
	border-radius: var(--soap-radius-md);
	overflow: hidden;
	position: relative;
}

.soap-referral.alignwide {
max-width: 600px;
}

.soap-referral.alignfull {
	max-width: 100%;
}

.soap-referral__badge {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	font-family: var(--heading-family);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: var(--soap-radius-pill);
	color: var(--soap-text-inverse);
	background: var(--soap-bubble-gradient);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

.soap-referral__badge--warning {
	background: linear-gradient(135deg, var(--soap-color-warning-from), var(--soap-color-warning-to));
}

.soap-referral__badge--danger {
	background: linear-gradient(135deg, var(--soap-color-danger-from), var(--soap-color-danger-to));
}

.soap-referral__badge--special {
	background: linear-gradient(135deg, var(--soap-color-special), #ec4899);
}

.soap-referral__badge--new {
	background: linear-gradient(135deg, var(--soap-color-new), var(--soap-blue-secondary));
}

.soap-referral__image-link {
	display: block;
	position: relative;
	overflow: hidden;
}

.soap-referral__image-wrapper {
	position: relative;
	overflow: hidden;
}

.soap-referral--card .soap-referral__image-wrapper {
	aspect-ratio: 16 / 10;
}

.soap-referral--card .soap-referral__image-link {
	aspect-ratio: 16 / 10;
}

.soap-referral__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.soap-referral__image-link:hover .soap-referral__image,
.soap-referral__image-wrapper:hover .soap-referral__image {
	transform: scale(1.03);
}

.soap-referral__body {
	padding: 20px;
	text-align: center;
}

.soap-referral__title {
	font-family: var(--heading-family);
	font-size: 18px;
	font-weight: 800;
	color: var(--soap-text-inverse);
	margin: 0 0 10px;
	line-height: 1.35;
	letter-spacing: -0.2px;
}

.soap-referral__desc {
	font-size: 14px;
	line-height: 1.55;
	color: var(--soap-text-muted);
	margin: 0 0 16px;
}

.soap-referral__btn {
	text-decoration: none;
	font-size: 14px;
}

.soap-referral__btn:hover {
	color: var(--soap-text-inverse);
}

.soap-referral--banner {
max-width: 600px;
	display: flex;
	flex-direction: row;
}

.soap-referral--banner .soap-referral__image-wrapper,
.soap-referral--banner .soap-referral__image-link {
	flex: 0 0 40%;
	max-width: 40%;
	aspect-ratio: auto;
}

.soap-referral--banner .soap-referral__image {
	height: 100%;
	min-height: 180px;
}

.soap-referral--banner .soap-referral__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 20px 24px;
}

.soap-referral--banner .soap-referral__desc {
	margin-bottom: 18px;
}

.soap-referral--banner .soap-referral__badge {
	top: 12px;
	left: 12px;
	right: auto;
}

.soap-referral--banner.alignwide {
	max-width: 720px;
}

.soap-referral--banner.alignfull {
	max-width: 100%;
}

.single-content .soap-referral {
	margin: 30px auto;
}

.single-content .soap-referral a.soap-referral__image-link {
	text-decoration: none;
}

.single-content .soap-referral a.soap-referral__btn {
	text-decoration: none;
}

@media (max-width: 580px) {
	.soap-referral--banner {
		flex-direction: column;
	}

	.soap-referral--banner .soap-referral__image-wrapper,
	.soap-referral--banner .soap-referral__image-link {
		flex: none;
		max-width: 100%;
	}

	.soap-referral--banner .soap-referral__image {
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	.soap-referral--banner .soap-referral__body {
		text-align: center;
		padding: 16px 20px;
	}

	.soap-referral--banner .soap-referral__badge {
		top: 12px;
		left: auto;
		right: 12px;
	}
}
/**
* TheSoapland - Responsive Media Queries
*/

@media (max-width: 991px) {
.main-navigation {
	display: none !important;
}

.soap-mobile-nav-bar {
	display: flex;
}

.soap-breadcrumbs {
	display: none;
}

.soap-hero-featured .large-card {
	min-height: 280px;
}

.soap-hero-grid-4col {
	grid-template-columns: repeat(2, 1fr);
}

.soap-columns-layout {
	grid-template-columns: 1fr;
}

.soap-jav-layout {
	grid-template-columns: 1fr;
}

.soap-grid-4 {
	grid-template-columns: repeat(2, 1fr);
}

.single-title {
	font-size: 27px;
}

.soap-related-grid {
	grid-template-columns: repeat(2, 1fr);
}

.soap-cookie-banner {
	bottom: 60px;
}

.soap-cookie-inner {
	flex-direction: column;
	text-align: center;
}

.soap-cookie-actions {
	width: 100%;
	justify-content: center;
}

.soap-review-badge {
	width: 34px;
	height: 34px;
	font-size: 11px;
}

.p-featured-small .soap-review-badge,
.p-featured-list .soap-review-badge {
	width: 30px;
	height: 30px;
	font-size: 10px;
	top: 8px;
	right: 8px;
}

.soap-back-to-top {
	bottom: 80px;
}
}

@media (max-width: 768px) {
 .soap-grid-3 {
  grid-template-columns: 1fr;
 }

 .soap-grid-2 {
  grid-template-columns: 1fr;
 }

 .soap-special-card {
  flex-direction: column;
  text-align: center;
  padding: 20px;
 }

 .archive-title {
  font-size: 24px;
 }

 .single-title {
  font-size: 24px;
 }

 .single-content {
  font-size: 16px;
 }

 .single-content h2 {
  font-size: 24px;
 }

 .single-content h3 {
  font-size: 21px;
 }

 .single-post-nav {
  flex-direction: column;
 }

 .soap-nav-next {
  flex-direction: row;
  text-align: left;
 }
}

@media (max-width: 580px) {
 .soap-mobile-section-layout {
  display: flex;
  flex-direction: column;
  gap: 15px;
 }

 .soap-mobile-featured .large-card {
  min-height: 220px;
 }

 .soap-mobile-featured .entry-title {
  font-size: 18px;
 }

 .soap-mobile-side-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
 }

 .horizontal-card {
  padding: 10px;
  gap: 12px;
 }

 .p-featured-small {
  width: 90px;
  height: 68px;
 }

 .entry-title-small {
  font-size: 15px;
 }

 .cat-tag {
  font-size: 10.5px;
 }

 .entry-meta-small {
  font-size: 13px;
 }

 .soap-section-title {
  font-size: 18px;
 }

 .soap-section-link {
  font-size: 12px;
 }

 .large-card .p-body-glass {
  padding: 25px 16px 16px 16px;
 }

 .large-card .entry-excerpt {
  display: none;
 }

 .entry-excerpt-grid {
  display: none;
 }

 .entry-excerpt-list {
  display: none;
 }

 .entry-meta-grid {
  display: none;
 }

 .premium-meta {
  display: none;
 }

 .grid-card {
  padding: 10px;
 }

 .p-featured-grid {
  height: 140px;
 }

 .entry-title-grid {
  font-size: 15px;
 }

 .list-row-card {
  flex-direction: column;
  align-items: flex-start;
 }

 .p-featured-list {
  width: 100%;
  height: 150px;
 }

 .header-inner-wrap {
  height: 60px;
 }

 .soap-logo-text {
  font-size: 24px;
 }

 .single-title {
  font-size: 22px;
 }

 .single-content h2 {
  font-size: 21px;
 }

 .single-content h3 {
  font-size: 19px;
 }

 .single-meta {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
 }

 .single-meta .meta-sep {
  display: none;
 }

 .single-share {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5px;
 }

 .copy-link-toast {
  display: none;
 }

 .soap-related-grid {
  grid-template-columns: 1fr;
 }

 .soap-nav-thumb {
  width: 42px;
  height: 42px;
 }

.soap-nav-title {
	font-size: 13.5px;
}

.soap-container {
  padding: 0 15px;
 }

 .soap-modal-container {
  padding: 25px;
  width: 95%;
 }

 .soap-cookie-banner {
  bottom: 60px;
  padding: 12px 0;
 }

 .soap-cookie-text {
  font-size: 12px;
 }

 .soap-cookie-btn {
  font-size: 12px;
  padding: 7px 16px;
 }

 .soap-review-badge {
  width: 32px;
  height: 32px;
  font-size: 10px;
  top: 8px;
  right: 8px;
 }

 .p-featured-small .soap-review-badge,
 .p-featured-list .soap-review-badge {
  width: 26px;
  height: 26px;
  font-size: 9px;
  top: 6px;
  right: 6px;
 }
}

@media (max-width: 480px) {
 .soap-container {
  padding: 0 12px;
 }

 .large-card .entry-title {
  font-size: 16px;
 }

 .horizontal-card {
  gap: 10px;
 }

 .p-featured-small {
  width: 75px;
  height: 56px;
 }

 .entry-title-small {
  font-size: 13px;
 }

 .single-title {
  font-size: 20px;
 }

 .soap-section-title {
  font-size: 16px;
 }

 .soap-review-bar {
  grid-template-columns: 1fr 32px;
 }
}

@media (min-width: 992px) {
 .soap-mobile-nav-bar {
  display: none !important;
 }
}