/* =============================================================
   MSP Wall Pro – Offentlig stylesheet
   Alle regler er indkapslet i .mspwp-root for at undgå
   konflikter med temaets reset.css
   ============================================================= */

html, body { overflow-x: hidden !important; max-width: 100% !important; }

:root {
	--mspwp-primaer:     #c0392b;
	--mspwp-primaer-m:   #96281b;
	--mspwp-success:     #16a34a;
	--mspwp-fare:        #dc2626;
	--mspwp-advarsel:    #d97706;
	--mspwp-bg:          #f8fafc;
	--mspwp-kort:        #ffffff;
	--mspwp-kant:        #e2e8f0;
	--mspwp-tekst:       #1e293b;
	--mspwp-daemp:       #64748b;
	--mspwp-r:           10px;
	--mspwp-font:        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Al plugin-HTML er pakket i denne wrapper */
.mspwp-root {
	font-family: var(--mspwp-font);
	font-size: 16px;
	color: var(--mspwp-tekst);
	line-height: 1.5;
	box-sizing: border-box;
}

.mspwp-root *, .mspwp-root *::before, .mspwp-root *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.mspwp-root p, .mspwp-root ul, .mspwp-root ol,
.mspwp-root h1, .mspwp-root h2, .mspwp-root h3,
.mspwp-root h4, .mspwp-root h5, .mspwp-root h6 {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}

.mspwp-root a { color: var(--mspwp-primaer); text-decoration: none; }
.mspwp-root a:hover { text-decoration: underline; }

img.mspwp-avatar { max-width: none !important; }

/* Container */
.mspwp-root .mspwp-vaeg,
.mspwp-root .mspwp-profil,
.mspwp-root .mspwp-profil-rediger,
.mspwp-root .mspwp-beskeder,
.mspwp-root .mspwp-auth,
.mspwp-root .mspwp-registrering,
.mspwp-root .mspwp-container {
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
	padding: 1rem;
	overflow-x: hidden;
}

/* Kort */
.mspwp-root .mspwp-kort {
	background: var(--mspwp-kort);
	border: 1px solid var(--mspwp-kant);
	border-radius: var(--mspwp-r);
	padding: 1.25rem 1.4rem;
	margin-bottom: 1.25rem;
	box-shadow: none;
}
.mspwp-root .mspwp-kort h2,
.mspwp-root .mspwp-kort h3 {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

/* Knapper – basis */
.mspwp-root button,
.mspwp-root .mspwp-knap,
.mspwp-root .mspwp-slaa-op-knap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	padding: .45rem 1rem;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: .875rem;
	font-weight: 600;
	font-family: var(--mspwp-font);
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
	white-space: nowrap;
	background: transparent;
	color: var(--mspwp-tekst);
	transition: background .15s, color .15s, border-color .15s;
	-webkit-appearance: none;
	appearance: none;
}

/* Primær knap */
.mspwp-root .mspwp-knap--primaer,
.mspwp-root .mspwp-slaa-op-knap {
	background: var(--mspwp-primaer);
	color: #fff;
	border-color: var(--mspwp-primaer);
}
.mspwp-root .mspwp-knap--primaer:hover,
.mspwp-root .mspwp-slaa-op-knap:hover {
	background: var(--mspwp-primaer-m);
	color: #fff;
	border-color: var(--mspwp-primaer-m);
	text-decoration: none;
}

/* Sekundær knap */
.mspwp-root .mspwp-knap--sekundaer {
	background: var(--mspwp-bg);
	color: var(--mspwp-tekst);
	border-color: var(--mspwp-kant);
}
.mspwp-root .mspwp-knap--sekundaer:hover {
	background: var(--mspwp-kant);
}

/* Fare knap */
.mspwp-root .mspwp-knap--fare {
	background: transparent;
	color: #999;
	border-color: #ddd;
}
.mspwp-root .mspwp-knap--fare:hover {
	background: #fff0f0;
	color: var(--mspwp-fare);
	border-color: #fecaca;
}

/* Success knap */
.mspwp-root .mspwp-knap--success { background: var(--mspwp-success); color: #fff; border-color: var(--mspwp-success); }
.mspwp-root .mspwp-knap--advarsel { background: var(--mspwp-advarsel); color: #fff; border-color: var(--mspwp-advarsel); }
.mspwp-root .mspwp-knap--lille { padding: .25rem .6rem; font-size: .78rem; }
.mspwp-root button:disabled, .mspwp-root .mspwp-knap:disabled { opacity: .5; cursor: not-allowed; }

/* Besked-ikon knap */
.mspwp-root .mspwp-besked-ikon {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	background: transparent;
	color: #888;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: .2rem .6rem;
	font-size: .78rem;
	font-weight: 600;
	font-family: var(--mspwp-font);
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s, color .15s;
	-webkit-appearance: none;
	appearance: none;
}
.mspwp-root .mspwp-besked-ikon:hover {
	background: #f5f5f5;
	color: #555;
	text-decoration: none;
}

/* Formularer */
.mspwp-root .mspwp-form-raekke { margin-bottom: 1rem; }
.mspwp-root .mspwp-form-raekke label {
	display: block;
	font-weight: 600;
	font-size: .875rem;
	margin-bottom: .3rem;
	color: var(--mspwp-tekst);
}
.mspwp-root .mspwp-form-raekke--tjekboks label {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-weight: 400;
}
.mspwp-root .mspwp-input,
.mspwp-root .mspwp-textarea {
	display: block;
	width: 100%;
	padding: .5rem .85rem;
	border: 1px solid var(--mspwp-kant);
	border-radius: 6px;
	font-size: .9rem;
	font-family: var(--mspwp-font);
	color: var(--mspwp-tekst);
	background: var(--mspwp-bg);
	line-height: 1.5;
	transition: border-color .15s;
	-webkit-appearance: none;
	appearance: none;
}
.mspwp-root .mspwp-input:focus,
.mspwp-root .mspwp-textarea:focus {
	outline: none;
	border-color: #94a3b8;
}
.mspwp-root .mspwp-textarea { resize: vertical; min-height: 95px; }
.mspwp-root .mspwp-fil-skjult { display: none; }
.mspwp-root .mspwp-hjaelp { font-size: .78rem; color: var(--mspwp-daemp); margin-top: .25rem; }
.mspwp-root .mspwp-tegn-tael { text-align: right; font-size: .78rem; color: var(--mspwp-daemp); margin-top: .2rem; }
.mspwp-root #mspwp-tegn-tilbage { font-weight: 600; }

/* Notifikationer */
.mspwp-root .mspwp-besked { padding: .75rem 1rem; border-radius: 6px; margin-bottom: 1rem; font-size: .875rem; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.mspwp-root .mspwp-besked--skjult { display: none !important; }
.mspwp-root .mspwp-besked--fejl { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.mspwp-root .mspwp-besked--ok { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.mspwp-root .mspwp-tomt { text-align: center; color: var(--mspwp-daemp); padding: 2.5rem 1rem; }

/* Opslag-formular */
.mspwp-root .mspwp-vaeg__titel { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.25rem; }
.mspwp-root .mspwp-opslag-form h3 { display: flex; align-items: center; gap: .5rem; font-size: .95rem; font-weight: 600; margin-bottom: .5rem; }

/* Opslag liste */
.mspwp-root .mspwp-opslag-liste { display: flex; flex-direction: column; gap: .6rem; margin-top: 1rem; }

/* Enkelt opslag */
.mspwp-root .mspwp-opslag {
	display: flex;
	gap: .9rem;
	background: var(--mspwp-kort);
	border: 1px solid var(--mspwp-kant);
	border-radius: var(--mspwp-r);
	padding: .75rem 1rem;
	box-shadow: none;
	animation: mspwpDukOp .25s ease;
}
@keyframes mspwpDukOp { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.mspwp-root .mspwp-opslag__avatar-kol { flex-shrink: 0; position: relative; }
.mspwp-root .mspwp-opslag__krop { flex: 1; min-width: 0; }
.mspwp-root .mspwp-opslag__hoved { display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; margin-bottom: .35rem; }
.mspwp-root .mspwp-opslag__meta { display: flex; flex-direction: column; gap: .1rem; }
.mspwp-root .mspwp-opslag__forfatter { font-size: .9rem; font-weight: 700; }
.mspwp-root .mspwp-opslag__by { font-size: .75rem; color: var(--mspwp-daemp); }
.mspwp-root .mspwp-opslag__tid { font-size: .75rem; color: var(--mspwp-daemp); white-space: nowrap; flex-shrink: 0; }
.mspwp-root .mspwp-opslag__indhold { font-size: .9rem; line-height: 1.6; word-break: break-word; margin-top: .1rem; }
.mspwp-root .mspwp-opslag__handlinger { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: .5rem; }

/* Avatarer */
.mspwp-root .mspwp-avatar { border-radius: 50%; object-fit: cover; display: block; background: var(--mspwp-kant); }
.mspwp-root .mspwp-avatar--lille { width: 40px; height: 40px; }
.mspwp-root .mspwp-avatar--stor  { width: 100px; height: 100px; }
.mspwp-root .mspwp-online-badge { position: absolute; bottom: 1px; right: 1px; width: 11px; height: 11px; background: var(--mspwp-success); border: 2px solid var(--mspwp-kort); border-radius: 50%; }
.mspwp-root .mspwp-online-status { font-size: .75rem; color: var(--mspwp-daemp); margin: .15rem 0 .3rem; }
.mspwp-root .mspwp-online-status--online { color: var(--mspwp-success); font-weight: 600; }

/* Profil */
.mspwp-root .mspwp-profil__hoved { display: flex; gap: 1.25rem; align-items: flex-start; }
.mspwp-root .mspwp-profil__avatar-wrap { position: relative; flex-shrink: 0; }
.mspwp-root .mspwp-profil__info { flex: 1; min-width: 0; }
.mspwp-root .mspwp-profil__navn { font-size: 1.4rem; font-weight: 700; margin-bottom: .1rem; }
.mspwp-root .mspwp-profil__login { font-size: .82rem; color: var(--mspwp-daemp); margin-bottom: .3rem; }
.mspwp-root .mspwp-profil__meta { font-size: .875rem; color: var(--mspwp-daemp); margin-top: .25rem; }
.mspwp-root .mspwp-profil__bio { font-size: .9rem; line-height: 1.65; margin-top: .5rem; }
.mspwp-root .mspwp-profil__kontakt { font-size: .875rem; margin-top: .3rem; }
.mspwp-root .mspwp-profil__handlinger { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.mspwp-root .mspwp-profil__tal { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.mspwp-root .mspwp-profil__tal-item { background: var(--mspwp-bg); border: 1px solid var(--mspwp-kant); border-radius: 20px; padding: .2rem .7rem; font-size: .8rem; color: var(--mspwp-daemp); }

/* Profil rediger */
.mspwp-root .mspwp-profil-rediger__avatar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.mspwp-root .mspwp-profil-tal-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem 1.25rem; margin: .5rem 0 1rem; }
.mspwp-root .mspwp-input-enhed { display: flex; align-items: center; gap: .5rem; }
.mspwp-root .mspwp-input-enhed .mspwp-input { width: 80px; }
.mspwp-root .mspwp-input-enhed span { font-size: .85rem; color: var(--mspwp-daemp); white-space: nowrap; }

/* Beskeder indbakke */
.mspwp-root .mspwp-besked-liste { display: flex; flex-direction: column; gap: .5rem; }
.mspwp-root .mspwp-besked-item { display: flex; align-items: center; gap: 1rem; padding: .9rem 1.1rem; background: var(--mspwp-kort); border: 1px solid var(--mspwp-kant); border-radius: var(--mspwp-r); }
.mspwp-root .mspwp-besked-item--ulaest { border-left: 3px solid var(--mspwp-primaer); }
.mspwp-root .mspwp-besked-item__krop { flex: 1; min-width: 0; }
.mspwp-root .mspwp-besked-item__hoved { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; }
.mspwp-root .mspwp-besked-item__navn { font-weight: 700; font-size: .9rem; }
.mspwp-root .mspwp-besked-item__tid { font-size: .72rem; color: var(--mspwp-daemp); white-space: nowrap; }
.mspwp-root .mspwp-besked-item__preview { font-size: .82rem; color: var(--mspwp-daemp); margin-top: .12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mspwp-root .mspwp-besked-item__badge { background: var(--mspwp-primaer); color: #fff; border-radius: 20px; font-size: .7rem; font-weight: 700; padding: .15rem .5rem; }

/* Samtale */
.mspwp-root .mspwp-samtale__bobler { display: flex; flex-direction: column; gap: .5rem; min-height: 120px; max-height: 420px; overflow-y: auto; padding: .75rem; margin-bottom: 1rem; background: var(--mspwp-bg); border: 1px solid var(--mspwp-kant); border-radius: 8px; }
.mspwp-root .mspwp-samtale__boble { display: flex; flex-direction: column; max-width: 72%; }
.mspwp-root .mspwp-samtale__boble--min   { align-self: flex-end;   align-items: flex-end; }
.mspwp-root .mspwp-samtale__boble--deres { align-self: flex-start; align-items: flex-start; }
.mspwp-root .mspwp-samtale__tekst { padding: .5rem .85rem; border-radius: 1.1rem; font-size: .9rem; line-height: 1.5; word-break: break-word; }
.mspwp-root .mspwp-samtale__boble--min   .mspwp-samtale__tekst { background: var(--mspwp-primaer); color: #fff; border-bottom-right-radius: .25rem; }
.mspwp-root .mspwp-samtale__boble--deres .mspwp-samtale__tekst { background: #fff; border: 1px solid var(--mspwp-kant); border-bottom-left-radius: .25rem; }
.mspwp-root .mspwp-samtale__tid { font-size: .72rem; color: var(--mspwp-daemp); margin-top: .2rem; }
.mspwp-root .mspwp-samtale__svar { display: flex; flex-direction: column; gap: .6rem; }

/* Auth */
.mspwp-root .mspwp-auth { max-width: 440px; }
.mspwp-root .mspwp-auth__links { font-size: .82rem; color: var(--mspwp-daemp); margin-top: .6rem; }
.mspwp-root .mspwp-auth__links a { color: var(--mspwp-primaer); }
.mspwp-root .mspwp-auth__hjaelp { font-size: .8rem; color: var(--mspwp-daemp); margin-top: .5rem; }

/* Emoji bar */
.mspwp-root .mspwp-emoji-bar { display: flex; flex-wrap: wrap; gap: 2px; padding: 5px 2px; margin-top: .35rem; }
.mspwp-root .mspwp-emoji-knap { background: none; border: none; padding: 2px 4px; font-size: 1.2rem; cursor: pointer; border-radius: 4px; line-height: 1; transition: background .1s, transform .1s; }
.mspwp-root .mspwp-emoji-knap:hover { background: var(--mspwp-kant); transform: scale(1.2); }

/* Logget-ind bar */
.mspwp-root .mspwp-logget-ind { display: flex; align-items: center; gap: .65rem; font-size: .875rem; flex-wrap: wrap; }

/* Hent flere */
.mspwp-root .mspwp-hent-flere-wrap { text-align: center; margin: 1.5rem 0 .5rem; }

/* Væg footer */
.mspwp-root .mspwp-vaeg-footer { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--mspwp-kant); font-size: .9rem; line-height: 1.7; color: var(--mspwp-daemp); }
.mspwp-root .mspwp-vaeg-footer h2, .mspwp-root .mspwp-vaeg-footer h3 { color: var(--mspwp-tekst); font-size: 1rem; font-weight: 700; margin-top: 1rem; margin-bottom: .5rem; }

/* Pagination */
.mspwp-root .mspwp-pagination { margin: 1.5rem 0 .5rem; }
.mspwp-root .mspwp-pagination ul { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; }
.mspwp-root .mspwp-pagination li a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 .5rem; border: 1px solid var(--mspwp-kant); border-radius: 5px; font-size: .85rem; color: var(--mspwp-tekst); text-decoration: none; }
.mspwp-root .mspwp-pagination li a:hover { background: var(--mspwp-bg); }
.mspwp-root .mspwp-pagination li.aktiv a { background: var(--mspwp-primaer); color: #fff; border-color: var(--mspwp-primaer); }

/* Registrerings-prompt */
.mspwp-root .mspwp-registrer-prompt { margin: 0 0 0 6px; padding: 5px 10px; background: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; display: inline-flex; align-items: center; font-size: .82em; color: #555; }
.mspwp-root .mspwp-registrer-prompt a { color: var(--mspwp-primaer); font-weight: 600; }

/* Spinner */
.mspwp-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: mspwpSpin .6s linear infinite; vertical-align: middle; }
@keyframes mspwpSpin { to { transform: rotate(360deg); } }

/* Maerkat */
.mspwp-root .mspwp-maerkat { display: inline-block; font-size: .72rem; font-weight: 600; padding: .15rem .5rem; border-radius: 4px; margin-bottom: .35rem; }
.mspwp-root .mspwp-maerkat--afventer { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }

/* WordPress login-form */
.mspwp-root #loginform, .mspwp-root .login-form-wrapper { background: none; border: none; padding: 0; }
.mspwp-root #loginform p label { display: block; font-weight: 600; font-size: .875rem; margin-bottom: .3rem; }
.mspwp-root #loginform input[type="text"],
.mspwp-root #loginform input[type="password"] { width: 100%; padding: .5rem .85rem; border: 1px solid var(--mspwp-kant); border-radius: 6px; font-size: .9rem; margin-bottom: .75rem; background: var(--mspwp-bg); font-family: var(--mspwp-font); }
.mspwp-root #loginform input[type="submit"] { background: var(--mspwp-primaer); color: #fff; border: none; padding: .5rem 1.2rem; border-radius: 6px; cursor: pointer; font-weight: 600; font-size: .9rem; }
.mspwp-root #loginform input[type="submit"]:hover { background: var(--mspwp-primaer-m); }

/* Responsivt */
@media (max-width: 580px) {
	.mspwp-root .mspwp-opslag { flex-direction: column; }
	.mspwp-root .mspwp-opslag__avatar-kol { display: flex; align-items: center; gap: .5rem; }
	.mspwp-root .mspwp-profil__hoved { flex-direction: column; align-items: center; text-align: center; }
	.mspwp-root .mspwp-profil__handlinger { justify-content: center; }
	.mspwp-root .mspwp-profil__tal { justify-content: center; }
	.mspwp-root .mspwp-kort { padding: 1rem; }
	.mspwp-root .mspwp-avatar--stor { width: 80px; height: 80px; }
	.mspwp-root .mspwp-profil-rediger__avatar { flex-direction: column; }
	.mspwp-root .mspwp-profil-tal-grid { grid-template-columns: 1fr 1fr; }
}

/* Reset artikel-tag margin sat af reset.css */
.mspwp-root article.mspwp-opslag {
	margin: 0;
	padding: .75rem 1rem;
}
.mspwp-root article.mspwp-opslag * {
	margin-top: 0;
	margin-bottom: 0;
}
.mspwp-root article.mspwp-opslag .mspwp-opslag__hoved {
	margin-bottom: .35rem;
}
.mspwp-root article.mspwp-opslag .mspwp-opslag__handlinger {
	margin-top: .5rem;
}

/* Opslag flex alignment - avatar i toppen ikke midten */
.mspwp-root .mspwp-opslag {
	align-items: flex-start;
}

/* Elementor wpautop tilføjer <p> tags udenom shortcode output */
.elementor-widget-container > p:has(.mspwp-root),
.elementor-widget-shortcode > p {
	margin: 0 !important;
	padding: 0 !important;
}
/* Bredt net - alle p direkte over mspwp-root */
p:has(> .mspwp-root) {
	margin: 0 !important;
	padding: 0 !important;
}

/* Login formular - WP's egne input felter */
.mspwp-root .mspwp-auth h2 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 1.25rem;
}
.mspwp-root #mspwp-login-form p { margin-bottom: .9rem; }
.mspwp-root #mspwp-login-form label {
	display: block;
	font-weight: 600;
	font-size: .875rem;
	margin-bottom: .3rem;
	color: var(--mspwp-tekst);
}
.mspwp-root #mspwp-login-form input[type="text"],
.mspwp-root #mspwp-login-form input[type="password"] {
	display: block;
	width: 100%;
	padding: .5rem .85rem;
	border: 1px solid var(--mspwp-kant);
	border-radius: 6px;
	font-size: .9rem;
	font-family: var(--mspwp-font);
	color: var(--mspwp-tekst);
	background: var(--mspwp-bg);
	box-sizing: border-box;
}
.mspwp-root #mspwp-login-form input[type="text"]:focus,
.mspwp-root #mspwp-login-form input[type="password"]:focus {
	outline: none;
	border-color: #94a3b8;
}
.mspwp-root #mspwp-login-form .forgetmenot {
	display: flex;
	align-items: center;
	gap: .4rem;
	font-size: .85rem;
	color: var(--mspwp-daemp);
}
.mspwp-root #mspwp-login-form input[type="submit"] {
	display: inline-block;
	background: var(--mspwp-primaer);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: .5rem 1.2rem;
	font-size: .9rem;
	font-weight: 600;
	font-family: var(--mspwp-font);
	cursor: pointer;
	width: 100%;
}
.mspwp-root #mspwp-login-form input[type="submit"]:hover {
	background: var(--mspwp-primaer-m);
}

/* Registrer-opfordring boks */
.mspwp-root .mspwp-registrer-boks {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: .85rem;
	padding: 1.25rem 1.4rem;
	background: #fff8f8;
	border: 1px solid #fdd;
}
.mspwp-root .mspwp-registrer-boks p {
	margin: 0;
	font-size: .88rem;
	color: var(--mspwp-daemp);
	line-height: 1.8;
}

/* Kontakt liste på profil */
.mspwp-root .mspwp-profil__kontakt-liste {
	display: flex;
	flex-direction: column;
	gap: .3rem;
	margin: .5rem 0;
}
.mspwp-root .mspwp-profil__kontakt-raekke {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	color: var(--mspwp-tekst);
}
.mspwp-root .mspwp-profil__kontakt-ikon {
	flex-shrink: 0;
	width: 1.2rem;
	text-align: center;
}
.mspwp-root .mspwp-profil__ikke-oplyst {
	color: var(--mspwp-daemp);
	font-style: italic;
	font-size: .82rem;
}

/* Opslag ikoner */
.mspwp-root .mspwp-opslag-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	border: none;
	background: transparent;
	color: #ccc;
	cursor: pointer;
	padding: 0;
	transition: color .15s, background .15s;
	text-decoration: none;
	font-family: var(--mspwp-font);
	-webkit-appearance: none;
	appearance: none;
}
.mspwp-root .mspwp-opslag-ikon:hover {
	color: var(--mspwp-daemp);
	background: var(--mspwp-bg);
	text-decoration: none;
}
.mspwp-root .mspwp-opslag-ikon--ok:hover {
	color: var(--mspwp-success);
	background: #f0fdf4;
}
.mspwp-root .mspwp-opslag-ikon--slet:hover {
	color: var(--mspwp-fare);
	background: #fef2f2;
}

/* Navn lidt større og klikbart */
.mspwp-root .mspwp-opslag__forfatter {
	font-size: 1rem;
}
.mspwp-root .mspwp-opslag__forfatter a {
	color: var(--mspwp-tekst);
	text-decoration: none;
	font-weight: 700;
}
.mspwp-root .mspwp-opslag__forfatter a:hover {
	color: var(--mspwp-primaer);
	text-decoration: none;
}
.mspwp-root .mspwp-opslag__avatar-kol a {
	display: block;
	text-decoration: none;
}

/* Chat ikon større */
.mspwp-root .mspwp-opslag-ikon {
	width: 34px;
	height: 34px;
	color: #bbb;
}
.mspwp-root .mspwp-opslag-ikon svg {
	width: 18px;
	height: 18px;
}
.mspwp-root .mspwp-opslag-ikon:hover {
	color: var(--mspwp-primaer);
	background: var(--mspwp-bg);
}

/* Banner */
.mspwp-root .mspwp-banner {
	text-align: center;
	margin: .75rem 0;
	overflow: hidden;
}
.mspwp-root .mspwp-banner--desktop iframe {
	width: 728px;
	height: 90px;
	display: inline-block;
}
.mspwp-root .mspwp-banner--mobil iframe {
	width: 300px;
	height: 250px;
	display: inline-block;
	max-width: 100%;
}
.mspwp-root .mspwp-banner--mobil  { display: none; }
.mspwp-root .mspwp-banner--desktop { display: block; }
@media (max-width: 768px) {
	.mspwp-root .mspwp-banner--desktop { display: none; }
	.mspwp-root .mspwp-banner--mobil   { display: block; }
}

/* Mobil: navn og tid på separate linjer */
@media (max-width: 580px) {
	.mspwp-root .mspwp-opslag__hoved {
		flex-direction: column;
		gap: .1rem;
	}
	.mspwp-root .mspwp-opslag__tid {
		font-size: .72rem;
	}
}

/* Forhindre horisontal scroll når mobiltastatur åbner */
.mspwp-root .mspwp-kort,
.mspwp-root .mspwp-opslag-form,
.mspwp-root .mspwp-textarea,
.mspwp-root .mspwp-input {
	max-width: 100%;
}
@media (max-width: 768px) {
	.mspwp-root {
		overflow-x: hidden;
		width: 100%;
	}
	.mspwp-root .mspwp-vaeg {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
	}
}

/* Forhindre at AJAX-injected opslag sprænger mobil layout */
#mspwp-opslag-container {
	overflow-x: hidden;
	max-width: 100%;
}
#mspwp-opslag-container * {
	max-width: 100%;
}

/* Forhindre iOS auto-zoom på input felter (kræver min 16px font-size) */
@media (max-width: 768px) {
	.mspwp-root .mspwp-input,
	.mspwp-root .mspwp-textarea,
	.mspwp-root #mspwp-login-form input[type="text"],
	.mspwp-root #mspwp-login-form input[type="password"] {
		font-size: 16px !important;
	}
}

/* Alle sider: samme padding på mobil */
@media (max-width: 768px) {
	.mspwp-root .mspwp-container,
	.mspwp-root .mspwp-profil,
	.mspwp-root .mspwp-vaeg,
	.mspwp-root .mspwp-beskeder,
	.mspwp-root .mspwp-auth,
	.mspwp-root .mspwp-registrering,
	.mspwp-root .mspwp-profil-rediger {
		padding-left: .75rem;
		padding-right: .75rem;
	}
}

/* Brugernavn under navn på opslag */
.mspwp-root .mspwp-opslag__brugernavn {
	font-size: .72rem;
	color: var(--mspwp-primaer);
	font-weight: 500;
}

/* Profil-badge på avatar */
.mspwp-root .mspwp-profil-badge {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 18px;
	height: 18px;
	background-color: #e6a817;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: block;
	font-size: 0;
}

/* Beskeder liste - klikbart kort */
.mspwp-root .mspwp-besked-item {
	text-decoration: none;
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
.mspwp-root .mspwp-besked-item:hover {
	border-color: var(--mspwp-kant-mork);
	background: #fafafa;
	text-decoration: none;
}
.mspwp-root .mspwp-besked-item__navn {
	font-weight: 700;
	font-size: .95rem;
	color: var(--mspwp-tekst);
	display: flex;
	align-items: center;
	gap: .4rem;
}

/* Auth sider - begræns bredde direkte */
.mspwp-auth {
	max-width: 440px !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Banner inde i opslags-liste */
.mspwp-root .mspwp-opslag-banner {
	text-align: center;
	margin: .5rem 0;
}

/* Hent flere knap - rød */
.mspwp-root #mspwp-hent-flere {
	background: var(--mspwp-primaer) !important;
	color: #fff !important;
	border-color: var(--mspwp-primaer) !important;
}
.mspwp-root #mspwp-hent-flere:hover {
	background: var(--mspwp-primaer-m) !important;
	border-color: var(--mspwp-primaer-m) !important;
}

/* Profil rediger - begræns bredde */
.mspwp-root .mspwp-profil-rediger {
	max-width: 820px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Premium side */
.mspwp-root .mspwp-premium {
	max-width: 480px;
	margin: 0 auto;
}
.mspwp-root .mspwp-premium__aktiv {
	text-align: center;
	padding: 1.5rem;
}
.mspwp-root .mspwp-premium__badge {
	display: inline-block;
	background: linear-gradient(135deg, #f6c90e, #e6a817);
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	padding: .4rem 1.2rem;
	border-radius: 20px;
	margin-bottom: 1rem;
}
.mspwp-root .mspwp-premium__tilbud { text-align: center; }
.mspwp-root .mspwp-premium__intro { color: var(--mspwp-daemp); margin-bottom: 1.25rem; }
.mspwp-root .mspwp-premium__kort {
	background: #fff;
	border: 2px solid var(--mspwp-primaer);
	border-radius: 16px;
	padding: 2rem 1.5rem;
	margin-top: 1rem;
}
.mspwp-root .mspwp-premium__pris {
	margin-bottom: 1.25rem;
}
.mspwp-root .mspwp-premium__beloeb {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--mspwp-primaer);
}
.mspwp-root .mspwp-premium__periode {
	font-size: .9rem;
	color: var(--mspwp-daemp);
	margin-left: .25rem;
}
.mspwp-root .mspwp-premium__liste {
	list-style: none;
	text-align: left;
	margin: 0 0 1.5rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.mspwp-root .mspwp-premium__liste li { font-size: .9rem; }
.mspwp-root .mspwp-premium__gratis-note { color: #bbb; }
.mspwp-root .mspwp-premium-knap { width: 100%; justify-content: center; font-size: 1rem; padding: .85rem; }
.mspwp-root .mspwp-premium__note { font-size: .75rem; color: var(--mspwp-daemp); margin-top: .75rem; }

/* Besøg boks */
.mspwp-root .mspwp-besoeg-boks h3 { margin-bottom: .75rem; font-size: .95rem; }
.mspwp-root .mspwp-besoeg-boks--laast { text-align: left; }
.mspwp-root .mspwp-besoeg-boks--laast p { color: var(--mspwp-daemp); margin-bottom: 1rem; font-size: .9rem; }
.mspwp-root .mspwp-besoeg-boks--laast h3 { text-align: left; }
.mspwp-root .mspwp-besoeg-liste { display: flex; flex-direction: column; gap: .5rem; }
.mspwp-root .mspwp-besoeg-item {
	display: flex;
	align-items: center;
	gap: .65rem;
	text-decoration: none;
	padding: .4rem .5rem;
	border-radius: 8px;
	transition: background .15s;
}
.mspwp-root .mspwp-besoeg-item:hover { background: var(--mspwp-bg); }
.mspwp-root .mspwp-besoeg-navn { font-weight: 600; font-size: .88rem; color: var(--mspwp-tekst); flex: 1; }
.mspwp-root .mspwp-besoeg-tid { font-size: .75rem; color: var(--mspwp-daemp); }

/* Premium badge på profil */
.mspwp-root .mspwp-premium-maerkat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .2rem;
	background: linear-gradient(135deg, #f6c90e, #e6a817);
	color: #fff;
	font-size: .7rem;
	font-weight: 700;
	padding: .2rem .55rem;
	border-radius: 20px;
	margin-left: .35rem;
	vertical-align: middle;
	white-space: nowrap;
}

/* Registrer boks features */
.mspwp-root .mspwp-registrer-boks__features {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-bottom: 1.1rem;
	text-align: left;
}
.mspwp-root .mspwp-registrer-boks__feature {
	display: flex;
	align-items: center;
	gap: .6rem;
	font-size: .9rem;
	color: var(--mspwp-tekst);
}
.mspwp-root .mspwp-registrer-boks__ikon {
	font-size: 1.1rem;
	flex-shrink: 0;
}

/* Login og registrering padding på mobil */
@media (max-width: 768px) {
	.mspwp-root .mspwp-auth,
	.mspwp-root .mspwp-registrering {
		margin: .75rem !important;
		width: auto !important;
	}
}

/* Premium opslag rotation */
.mspwp-root .mspwp-premium-rotation {
	background: #fffdf0;
	border: 1px solid #f6c90e44;
	border-radius: 12px;
	padding: .75rem 1rem;
	margin-bottom: .75rem;
	display: flex;
	flex-direction: column;
	gap: .6rem;
}
.mspwp-root .mspwp-premium-rotation__titel {
	font-size: .75rem;
	font-weight: 700;
	color: #b8960a;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: .1rem;
}
.mspwp-root .mspwp-premium-rotation__opslag {
	display: flex;
	align-items: flex-start;
	gap: .65rem;
}
.mspwp-root .mspwp-premium-rotation__avatar {
	flex-shrink: 0;
	text-decoration: none;
}
.mspwp-root .mspwp-premium-rotation__krop {
	flex: 1;
	min-width: 0;
}
.mspwp-root .mspwp-premium-rotation__navn {
	font-weight: 700;
	font-size: .88rem;
	color: var(--mspwp-tekst);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: .3rem;
}
.mspwp-root .mspwp-premium-rotation__navn:hover {
	color: var(--mspwp-primaer);
}
.mspwp-root .mspwp-premium-rotation__tekst {
	font-size: .85rem;
	color: var(--mspwp-daemp);
	margin: .1rem 0 0;
	line-height: 1.5;
}

/* Premium opslag felt på profil-rediger */
.mspwp-root .mspwp-premium-opslag-felt label {
	color: #b8960a;
	font-weight: 600;
}

/* Inline badge variant (ikke absolut) */
.mspwp-root .mspwp-profil-badge--inline {
	position: static;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: .2rem;
	flex-shrink: 0;
}

/* Privat album */
.mspwp-root .mspwp-album h3 { margin-bottom: .75rem; }
.mspwp-root .mspwp-album-gitter {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	gap: .5rem;
}
.mspwp-root .mspwp-album-billede {
	position: relative;
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
}
.mspwp-root .mspwp-album-billede img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mspwp-root .mspwp-album-slet {
	position: absolute;
	top: 4px;
	right: 4px;
	background: rgba(0,0,0,.6);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	font-size: 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .15s;
}
.mspwp-root .mspwp-album-billede:hover .mspwp-album-slet { opacity: 1; }
.mspwp-root .mspwp-album-laast {
	text-align: center;
	padding: 1rem 0;
	color: var(--mspwp-daemp);
}

/* Premium aktiv boks */
.mspwp-root .mspwp-premium__aktiv {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1.5rem 1rem;
}
.mspwp-root .mspwp-premium__udloeb {
	margin: .75rem 0 1.25rem;
	color: var(--mspwp-daemp);
	font-size: .9rem;
}
.mspwp-root .mspwp-premium__liste--fordele {
	text-align: left;
	width: 100%;
	max-width: 320px;
	margin-bottom: 1.5rem;
}
.mspwp-root .mspwp-premium__liste--fordele li {
	padding: .3rem 0;
	font-size: .9rem;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.mspwp-root .mspwp-premium__check {
	color: var(--mspwp-success);
	font-weight: 700;
	flex-shrink: 0;
}
.mspwp-root .mspwp-premium__profil-knap {
	min-width: 180px;
}

/* Besked-ikon på opslag */
.mspwp-root .mspwp-opslag__meta {
	display: flex;
	align-items: center;
	gap: .4rem;
	flex-wrap: wrap;
}
.mspwp-root .mspwp-besked-ikon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	color: var(--mspwp-daemp);
	text-decoration: none;
	opacity: .5;
	transition: opacity .15s;
	margin-left: .2rem;
}
.mspwp-root .mspwp-besked-ikon:hover { opacity: 1; color: var(--mspwp-primaer); }
.mspwp-root .mspwp-besked-ikon--laast { opacity: .35; }

/* Rød ring på avatars med profil */
.mspwp-root .mspwp-avatar--profil {
	outline: 2.5px solid #e02020;
	outline-offset: 2px;
}

/* Send besked link */
.mspwp-root .mspwp-besked-ikon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	color: var(--mspwp-daemp);
	text-decoration: none;
	font-size: .65rem;
	font-weight: 500;
	letter-spacing: .01em;
	opacity: .6;
	transition: opacity .15s, color .15s;
	margin-left: .3rem;
}
.mspwp-root .mspwp-besked-ikon:hover { opacity: 1; color: var(--mspwp-primaer); }
.mspwp-root .mspwp-besked-ikon--laast { opacity: .35; }

/* Slet eget opslag */
.mspwp-root .mspwp-slet-eget-opslag {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-size: .65rem;
	font-weight: 500;
	color: var(--mspwp-daemp);
	opacity: .5;
	transition: opacity .15s, color .15s;
	letter-spacing: .01em;
}
.mspwp-root .mspwp-slet-eget-opslag:hover { opacity: 1; color: #e02020; }

/* Admin-statusopdatering */
.mspwp-root .mspwp-admin-status {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
	background: #fff8e1;
	border: 1px solid #ffe082;
	border-left: 4px solid #f59e0b;
	border-radius: 8px;
	padding: .9rem 1rem;
	margin-bottom: 1rem;
}
.mspwp-root .mspwp-admin-status__ikon { font-size: 1.2rem; line-height: 1.4; flex-shrink: 0; }
.mspwp-root .mspwp-admin-status__tekst { margin: 0; font-size: .95rem; color: #7c5b00; line-height: 1.5; }

/* 404-side */
.mspwp-root .mspwp-404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4rem 1rem;
	gap: 1rem;
}
.mspwp-root .mspwp-404__ikon {
	font-size: 3.5rem;
	line-height: 1;
}
.mspwp-root .mspwp-404__titel {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
	color: var(--mspwp-tekst);
}
.mspwp-root .mspwp-404__tekst {
	margin: 0;
	color: var(--mspwp-daemp);
	font-size: 1rem;
}

/* ====================================================================
   Navigation [mspwp_nav] — desktop
   ==================================================================== */
.mspwp-nav {
	background: #fff !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 100 !important;
}
.mspwp-nav__inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: .25rem !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 0 1.25rem !important;
	height: 56px !important;
}
.mspwp-nav__link {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	padding: .45rem .8rem !important;
	font-family: 'Inter', sans-serif !important;
	font-size: .875rem !important;
	font-weight: 500 !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	transition: background .15s !important;
}
.mspwp-nav__link:hover {
	background: #f5f5f5 !important;
	text-decoration: none !important;
}
.mspwp-nav__link--ikon {
	padding: .45rem .5rem !important;
}
.mspwp-nav__link--ikon svg {
	display: block !important;
}
.mspwp-nav__link--logout {
	border: 1.5px solid #ddd !important;
	color: #555 !important;
}
.mspwp-nav__link--logout:hover {
	border-color: #e02020 !important;
	color: #e02020 !important;
	background: #fff5f5 !important;
}
.mspwp-nav__link--registrer {
	background: #c0392b !important;
	color: #fff !important;
	font-weight: 600 !important;
}
.mspwp-nav__link--registrer:hover {
	background: #a93226 !important;
	color: #fff !important;
}

/* Burger — skjult på desktop */
.mspwp-nav__burger {
	display: none !important;
	flex-shrink: 0 !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 5px !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	padding: .4rem !important;
	width: 36px !important;
	height: 36px !important;
	margin-left: .5rem !important;
}
.mspwp-nav__burger span {
	display: block !important;
	height: 2px !important;
	width: 22px !important;
	background: #1a1a1a !important;
	border-radius: 2px !important;
}

/* Drawer + overlay — skjult på desktop */
.mspwp-nav__overlay,
.mspwp-nav__drawer {
	display: none !important;
}

/* ====================================================================
   Navigation [mspwp_nav] — mobil
   ==================================================================== */
@media ( max-width: 640px ) {

	/* Skjul desktop-links, vis burger */
	.mspwp-nav__inner .mspwp-nav__link {
		display: none !important;
	}
	.mspwp-nav__burger {
		display: flex !important;
	}

	/* Overlay */
	.mspwp-nav__overlay {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		background: rgba(0,0,0,.45) !important;
		z-index: 998 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity .25s !important;
	}
	.mspwp-nav__overlay--aaben {
		opacity: 1 !important;
		pointer-events: all !important;
	}

	/* Drawer — glider ind fra højre */
	.mspwp-nav__drawer {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 72vw !important;
		max-width: 280px !important;
		background: #fff !important;
		z-index: 999 !important;
		padding: 1.5rem 0 !important;
		transform: translateX(100%) !important;
		transition: transform .28s ease !important;
		box-shadow: -4px 0 20px rgba(0,0,0,.15) !important;
	}
	.mspwp-nav__drawer--aaben {
		transform: translateX(0) !important;
	}

	/* Drawer-links */
	.mspwp-nav__drawer-link {
		display: block !important;
		padding: 1rem 1.5rem !important;
		font-family: 'Inter', sans-serif !important;
		font-size: 1rem !important;
		font-weight: 500 !important;
		color: #1a1a1a !important;
		text-decoration: none !important;
		border-bottom: 1px solid #f0f0f0 !important;
	}
	.mspwp-nav__drawer-link:last-child {
		border-bottom: none !important;
	}
	.mspwp-nav__drawer-link--logout {
		color: #e02020 !important;
	}
	.mspwp-nav__drawer-link--registrer {
		background: #c0392b !important;
		color: #fff !important;
		margin: 1rem !important;
		border-radius: 6px !important;
		border-bottom: none !important;
		text-align: center !important;
	}
}