/*
Theme Name: Betinia Blog
Theme URI: https://betinia.se/
Author: Kamil Larsson
Description: Betinia Blog theme.
Version: 1.0.8
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: betinia-blog
*/

body {
	background: url("./bg-primary.png") left top / 130px repeat, rgb(16 21 35);
}

:root {
	--qcblog-radius: 6px;
}

.rounded,
.rounded-none,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-full {
	border-radius: var(--qcblog-radius) !important;
}

.qcblog-pagination {
	display: flex;
	justify-content: center;
	padding: 0 0.75rem;
}

.qcblog-pagination__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	max-width: 100%;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-style: italic;
}

.qcblog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	min-width: 2.5rem;
	padding: 0 0.85rem;
	color: #ffffff;
	background: #151c33;
	border: 1px solid #1a2542;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 150ms ease, border-color 150ms ease,
		box-shadow 150ms ease, color 150ms ease, transform 150ms ease;
}

.qcblog-pagination a.page-numbers:hover {
	color: #03f295;
	background: #1c2541;
	border-color: #03f295;
	box-shadow: none;
	transform: translateY(-1px);
}

.qcblog-pagination a.page-numbers:active {
	transform: translateY(0);
	box-shadow: none;
}

.qcblog-pagination .page-numbers.current {
	color: #03f295;
	background: rgba(3, 242, 149, 0.1);
	border-color: #03f295;
	box-shadow: none;
}

.qcblog-pagination .page-numbers.dots {
	min-width: auto;
	padding: 0 0.35rem;
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: rgba(153, 168, 190, 0.95);
}

.qcblog-pagination a.page-numbers:focus-visible {
	outline: 2px solid rgba(3, 242, 149, 0.55);
	outline-offset: 3px;
}

@media (max-width: 640px) {
	.qcblog-pagination__list {
		gap: 0.5rem;
		font-size: 0.7rem;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0.25rem 0.25rem 0.5rem;
	}

	.qcblog-pagination .page-numbers {
		min-height: 2.5rem;
		min-width: 2.5rem;
		padding: 0 0.8rem;
	}
}

#qcblog-header-cta,
.qcblog-cta-btn {
	background-color: transparent;
	background-image: none;
	box-shadow: inset 0 -2px rgba(255, 255, 255, 0.18);
}

#qcblog-header-cta[data-solid='1'],
.qcblog-cta-btn[data-solid='1'] {
	background-color: #4ba158;
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
	box-shadow: inset 0 -2px rgba(255, 255, 255, 0.18);
}

#qcblog-header-cta[data-solid='1'] .qcblog-cta-text,
.qcblog-cta-btn[data-solid='1'] .qcblog-cta-text {
	color: inherit;
}

.qcblog-topbar {
	background: #050A17;
	border-bottom: 1px solid rgba(3, 242, 149, 0.14);
	color: rgba(226, 232, 240, 0.92);
	padding: 2px 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	position: relative;
	z-index: 60;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.qcblog-topbar-inner {
	width: 100%;
	padding: .15rem 1rem;
	display: flex;
	justify-content: flex-end;
	gap: 0.25rem;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.qcblog-topbar-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: inherit;
	font-weight: 400;
	font-size: 0.75rem;
	letter-spacing: normal;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 6px;
	padding: 0.25rem 0.625rem;
	line-height: 1;
	background: transparent;
	transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.qcblog-topbar-link:hover {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.42);
}

.qcblog-topbar-link:focus-visible {
	outline: 2px solid rgba(3, 242, 149, 0.55);
	outline-offset: 3px;
	border-radius: 6px;
}

.qcblog-topbar-icon {
	width: 18px;
	height: 18px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	flex: 0 0 auto;
}

.qcblog-topbar-icon-svg {
	width: 12px;
	height: 12px;
	stroke-width: 2.5;
}

.qcblog-topbar-icon--red {
	background: #ef4444;
}

.qcblog-topbar-icon--green {
	background: #22c55e;
}

.qcblog-topbar-icon--blue {
	background: #3b82f6;
}

@media (max-width: 420px) {
	.qcblog-topbar-inner {
		gap: 0.9rem;
	}

	.qcblog-topbar-link {
		font-size: 0.72rem;
	}
}

@media (max-width: 767px) {
	#qcblog-sidebar {
		background: #0b0f24;
	}
}

.qcblog-readable-panel {
	background: rgba(21, 28, 51, 0.95);
	border: 1px solid rgba(26, 37, 66, 1);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}

.qcblog-page-panel {
	max-width: 72ch;
	width: 100%;
	margin-right: auto;
	margin-left: 0;
	padding: 1.25rem;
}

@media (min-width: 768px) {
	.qcblog-page-panel {
		padding: 1.75rem;
	}
}

.qcblog-expandable-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.85rem;
}

.qcblog-expandable__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.65rem 1rem;
	font-weight: 900;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-style: italic;
	color: rgba(226, 232, 240, 0.95);
	background: #151c33;
	border: 1px solid #1a2542;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
	cursor: pointer;
	transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
	border-radius: 6px;
}

.qcblog-js .qcblog-expandable__toggle {
	display: inline-flex;
}

.qcblog-expandable__toggle:hover {
	background: #1c2541;
	border-color: rgba(3, 242, 149, 0.6);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
	transform: translateY(-1px);
}

.qcblog-expandable__toggle:active {
	transform: translateY(0);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.qcblog-expandable__toggle:focus-visible {
	outline: 2px solid rgba(3, 242, 149, 0.55);
	outline-offset: 3px;
}

.qcblog-expandable__toggle-less {
	display: none;
}

.qcblog-js .qcblog-expandable[data-state='expanded'] + .qcblog-expandable__toggle .qcblog-expandable__toggle-more {
	display: none;
}

.qcblog-js .qcblog-expandable[data-state='expanded'] + .qcblog-expandable__toggle .qcblog-expandable__toggle-less {
	display: inline;
}

.qcblog-js .qcblog-expandable {
	position: relative;
}

.qcblog-js .qcblog-expandable[data-state='collapsed'] {
	max-height: var(--qcblog-collapsed-height, 18rem);
	overflow: hidden;
}

.qcblog-js .qcblog-expandable[data-state='collapsed']::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 96px;
	background: linear-gradient(to top, rgba(21, 28, 51, 1), rgba(21, 28, 51, 0));
	pointer-events: none;
}

.post-body li::marker {
	color: rgba(3, 242, 149, 0.9);
}

.post-body blockquote {
	border-left-color: rgba(3, 242, 149, 0.8);
}

picture {
	display: block;
	width: 100%;
	height: auto;
}

picture > img {
	display: block;
	width: 100%;
	height: auto;
}

.hover\:text-\[rgb\(202\2c 82\2c 255\)\]:hover {
	--tw-text-opacity: 1;
	color: rgb(3 242 149 / var(--tw-text-opacity));
}

.group\/menu:hover .group-hover\/menu\:text-\[rgb\(202\2c 82\2c 255\)\] {
	--tw-text-opacity: 1;
	color: rgb(3 242 149 / var(--tw-text-opacity));
}

.shadow-\[0_0_25px_rgba\(202\2c 82\2c 255\2c 0\.25\)\] {
	--tw-shadow: 0 0 25px rgba(3, 242, 149, 0.25);
	--tw-shadow-colored: 0 0 25px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.drop-shadow-\[0_0_8px_rgba\(202\2c 82\2c 255\2c 0\.4\)\] {
	--tw-drop-shadow: drop-shadow(0 0 8px rgba(3, 242, 149, 0.4));
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.border-\[rgba\(202\2c 82\2c 255\2c 0\.5\)\] {
	border-color: rgba(3, 242, 149, 0.5);
}

.bg-\[rgba\(202\2c 82\2c 255\2c 0\.8\)\] {
	background-color: rgba(3, 242, 149, 0.8);
}

.text-\[rgba\(202\2c 82\2c 255\2c 0\.8\)\] {
	color: rgba(3, 242, 149, 0.8);
}

.from-\[rgba\(202\2c 82\2c 255\2c 0\.15\)\] {
	--tw-gradient-from: rgba(3, 242, 149, 0.15) var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(3, 242, 149, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[rgb\(202\2c 82\2c 255\)\] {
	--tw-gradient-to: rgba(3, 242, 149, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), #03f295 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.shadow-\[0_0_10px_rgba\(202\2c 82\2c 255\2c 0\.8\)\] {
	--tw-shadow: 0 0 10px rgba(3, 242, 149, 0.8);
	--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.qcblog-footer-logo {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 6px !important;
}

.qcblog-footer-logo:hover,
.qcblog-footer-logo:focus,
.qcblog-footer-logo:active {
	background: transparent !important;
	box-shadow: none !important;
}

.qcblog-footer-logo img {
	height: 30px;
	width: auto;
	opacity: 1 !important;
}

.qcblog-footer {
	background: #060a17;
	border-top: 1px solid #1a2542;
	color: #8b9dc3;
}

.qcblog-footer__brand {
	transform: scale(0.95);
	transform-origin: center;
}

.qcblog-footer__tagline {
	margin: -8px 0 0;
	max-width: 720px;
	color: #8b9dc3;
	font-size: 13px;
	line-height: 1.65;
	font-weight: 500;
}

.qcblog-footer__divider {
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.14);
}

.qcblog-footer__eyebrow {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #8b9dc3;
}

.qcblog-footer__payments-row {
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.qcblog-footer__payment {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.92);
	font-weight: 800;
	font-size: 14px;
	line-height: 1;
}

.qcblog-footer__nav {
	width: 100%;
}

.qcblog-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1.6;
}

.qcblog-footer__links li {
	display: flex;
	align-items: center;
}

.qcblog-footer__links li + li::before {
	content: "|";
	margin: 0 14px;
	color: rgba(255, 255, 255, 0.35);
}

.qcblog-footer__links a {
	color: rgba(255, 255, 255, 0.86);
	text-decoration: none;
	transition: opacity 150ms ease;
}

.qcblog-footer__links a:hover,
.qcblog-footer__links a:focus,
.qcblog-footer__links a:active {
	opacity: 0.72;
}

.qcblog-footer__links--secondary {
	margin-top: 10px;
	opacity: 0.9;
}

.qcblog-footer__legal {
	width: 100%;
	max-width: 980px;
	color: #5c6b8c;
	font-size: 11px;
	line-height: 1.55;
	font-weight: 500;
}

.qcblog-footer__legal p + p {
	margin-top: 10px;
}

.qcblog-footer__legal a {
	color: inherit;
	text-decoration: none;
	transition: color 150ms ease;
}

.qcblog-footer__legal a:hover,
.qcblog-footer__legal a:focus,
.qcblog-footer__legal a:active {
	color: #fff;
}

.qcblog-footer__responsible {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

@supports (height: 100dvh) {
	.h-screen {
		height: 100dvh;
	}
}

main > footer {
	padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
}

.post-body .qc-table-scroll,
.post-body figure.wp-block-table.qc-table-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.post-body .qc-table-scroll {
	margin: 1rem 0;
}

.post-body .qc-table-scroll > table {
	margin: 0;
	min-width: 100%;
	width: max-content;
}

.post-body figure.wp-block-table.qc-table-scroll > table {
	min-width: 100%;
	width: max-content;
}

.post-body :where(th, td) {
	overflow-wrap: anywhere;
	word-break: normal;
}

.qcblog-age-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	padding: 0.9rem 1rem calc(0.9rem + env(safe-area-inset-bottom, 0px));
	color: rgba(226, 232, 240, 0.95);
	background: rgba(5, 10, 23, 0.94);
	border-top: 1px solid rgba(3, 242, 149, 0.22);
	box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.38), 0 -8px 18px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(10px);
}

.qcblog-age-banner[hidden] {
	display: none;
}

.qcblog-age-banner__inner {
	max-width: 1120px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 1rem;
	row-gap: 0.75rem;
}

.qcblog-age-banner__text {
	max-width: 80ch;
	font-size: 0.875rem;
	line-height: 1.45;
}

.qcblog-age-banner__text strong {
	margin-right: 0.35rem;
	color: #ffffff;
}

.qcblog-age-banner__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(9.5rem, 1fr));
	align-items: stretch;
	gap: 0.6rem;
	justify-content: end;
}

.qcblog-age-banner__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.6rem;
	width: 100%;
	padding: 0 1.05rem;
	font-weight: 900;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-style: italic;
	white-space: nowrap;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease, color 150ms ease;
}

.qcblog-age-banner__btn--yes {
	color: #0b0f19;
	background: #03f295;
	border-color: rgba(3, 242, 149, 0.9);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.22);
}

.qcblog-age-banner__btn--yes:hover {
	background: #39f6ad;
	transform: translateY(-1px);
	box-shadow: 0 0 0 3px rgba(3, 242, 149, 0.18), 0 10px 24px rgba(0, 0, 0, 0.35);
}

.qcblog-age-banner__btn--no {
	color: rgba(226, 232, 240, 0.92);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.22);
}

.qcblog-age-banner__btn--no:hover {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.35);
	transform: translateY(-1px);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}

.qcblog-age-banner__btn:active {
	transform: translateY(0);
}

.qcblog-age-banner__btn:focus-visible {
	outline: 2px solid rgba(3, 242, 149, 0.7);
	outline-offset: 3px;
}

@media (max-width: 860px) {
	.qcblog-age-banner__inner {
		grid-template-columns: 1fr;
	}

	.qcblog-age-banner__actions {
		width: 100%;
		justify-content: stretch;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.qcblog-age-banner__actions {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.qcblog-featured-hero {
		height: auto;
		min-height: 400px;
		display: flex;
		flex-direction: column;
	}

	.qcblog-featured-hero__content {
		position: relative;
		height: auto;
		margin-top: auto;
	}

	.qcblog-featured-hero__title {
		font-size: clamp(1.75rem, 8vw, 2.5rem);
		line-height: 1.05;
		margin-bottom: 0.75rem;
	}

	.qcblog-featured-hero__excerpt {
		font-size: 1rem;
		line-height: 1.55;
		margin-bottom: 1.25rem;
	}

	.qcblog-featured-hero__cta {
		font-size: clamp(0.95rem, 4.2vw, 1.05rem);
		padding: 0.85rem 1.25rem;
		letter-spacing: 0.06em;
	}
}

.qcblog-ticker {
	position: sticky;
	top: 0;
	z-index: 45;
	background: #0b1226;
	border-bottom: 1px solid #1a2542;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.qcblog-ticker__inner {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.45rem 1rem;
}

.qcblog-ticker__label {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	border: 1px solid rgba(3, 242, 149, 0.35);
	background: rgba(3, 242, 149, 0.08);
	color: #03f295;
	font-weight: 900;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;
	white-space: nowrap;
}

.qcblog-ticker__label-emoji {
	font-size: 1rem;
	filter: drop-shadow(0 0 10px rgba(3, 242, 149, 0.25));
}

.qcblog-ticker__viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

.qcblog-ticker__track {
	display: flex;
	align-items: center;
	width: max-content;
}

.qcblog-ticker[data-animate='1'] .qcblog-ticker__track {
	animation: qcblog-ticker-marquee var(--qcblog-ticker-duration, 46s) linear infinite;
}

.qcblog-ticker[data-animate='1']:hover .qcblog-ticker__track {
	animation-play-state: paused;
}

.qcblog-ticker__set {
	display: flex;
	align-items: center;
	padding-right: 1rem;
}

.qcblog-ticker__item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.qcblog-ticker__item:not(:last-child)::after {
	content: '•';
	margin: 0 1rem;
	color: rgba(153, 168, 190, 0.65);
	transform: translateY(-0.02em);
}

.qcblog-ticker__item a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	font-weight: 800;
	font-size: 0.875rem;
	letter-spacing: 0.01em;
	transition: color 150ms ease;
}

.qcblog-ticker__item a:hover,
.qcblog-ticker__item a:focus {
	color: #03f295;
}

@keyframes qcblog-ticker-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 640px) {
	.qcblog-ticker__inner {
		gap: 0.65rem;
		padding: 0.4rem 0.75rem;
	}

	.qcblog-ticker__label {
		padding: 0.32rem 0.6rem;
		font-size: 0.7rem;
		letter-spacing: 0.09em;
	}

	.qcblog-ticker__item a {
		font-size: 0.82rem;
	}
}