.abg-gallery {
    background: olive;
    padding: 24px;
    border-radius: 16px;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    margin: 24px 0;
    box-sizing: border-box;
    clear: both;
}

.abg-gallery * {
    box-sizing: border-box;
}

.abg-track {
    display: grid;
    gap: 24px;
    width: 100%;
    max-width: 100%;
}

.abg-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    user-select: none;
}

.abg-card img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    pointer-events: none;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.abg-caption {
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.abg-empty {
    padding: 12px;
}

.abg-slider .abg-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.abg-slider .abg-track::-webkit-scrollbar {
    display: none;
}

.abg-slider .abg-card {
    flex: 0 0 100%;
    min-width: 100%;
    scroll-snap-align: start;
}

.abg-nav {
    position: absolute;
    top: 44%;
    z-index: 5;
    border: 0;
    border-radius: 999px;
    width: 46px;
    height: 46px;
    cursor: pointer;
    font-size: 34px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.abg-nav:hover,
.abg-nav:focus-visible {
    background: #fff;
}

.abg-prev {
    left: 12px;
}

.abg-next {
    right: 12px;
}


/* Einzelbeitragsansicht / Theme-Kompatibilität
   Im Beitrag maximal 640px breit, weiterhin responsiv und 16:9. */
.single .entry-content .abg-gallery,
.single-post .entry-content .abg-gallery,
.single .post-content .abg-gallery,
.single-post .post-content .abg-gallery,
.single .wp-block-post-content .abg-gallery,
.single-post .wp-block-post-content .abg-gallery {
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.single .entry-content .abg-track,
.single-post .entry-content .abg-track,
.single .post-content .abg-track,
.single-post .post-content .abg-track,
.single .wp-block-post-content .abg-track,
.single-post .wp-block-post-content .abg-track {
    width: 100%;
    max-width: 100%;
}

.single .entry-content .abg-gallery img,
.single-post .entry-content .abg-gallery img,
.single .post-content .abg-gallery img,
.single-post .post-content .abg-gallery img,
.single .wp-block-post-content .abg-gallery img,
.single-post .wp-block-post-content .abg-gallery img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

@media (max-width: 700px) {
    .abg-gallery {
        padding: 14px;
        border-radius: 12px;
    }

    .abg-nav {
        width: 38px;
        height: 38px;
        font-size: 28px;
    }
}


.abg-auto-galleries {
    display: grid;
    gap: 36px;
}

.abg-auto-title {
    margin: 0 0 12px;
}


/* Force real 640x360 gallery viewport */
.single-post .abg-gallery,
.single .abg-gallery{
 max-width:640px!important;
 margin:24px auto!important;
}
.single-post .abg-slider .abg-card,
.single .abg-slider .abg-card{
 height:360px!important;
 overflow:hidden!important;
}
.single-post .abg-slider .abg-card img,
.single .abg-slider .abg-card img{
 width:100%!important;
 height:360px!important;
 object-fit:cover!important;
}
@media(max-width:768px){
 .single-post .abg-slider .abg-card,
 .single .abg-slider .abg-card{height:220px!important;}
 .single-post .abg-slider .abg-card img,
 .single .abg-slider .abg-card img{height:220px!important;}
}

/* === v6.0 Outdoor Magazine Galerie === */
.abg-gallery{
  --abg-olive:#496d24;
  --abg-gold:#b38a14;
  width:100%!important;
  max-width:680px!important;
  margin:26px auto!important;
  padding:22px 72px 30px!important;
  background:linear-gradient(135deg,#050806,#151a13)!important;
  border:1px solid rgba(179,138,20,.75)!important;
  border-radius:10px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03)!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
}
.abg-track{width:100%!important;align-items:center!important;justify-content:center!important;gap:0!important;}
.abg-slider .abg-track{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;}
.abg-slider .abg-card{flex:0 0 100%!important;min-width:100%!important;height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;background:transparent!important;}
.abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:360px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto!important;
  border-radius:8px!important;
  border:1px solid rgba(179,138,20,.32)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.45)!important;
  background:#080c09!important;
}
.abg-caption{position:absolute!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;margin:0!important;color:rgba(255,255,255,.6)!important;font-size:11px!important;font-weight:700!important;text-shadow:0 1px 3px #000!important;}
.abg-nav{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#5d762b,#344e1c)!important;
  border:1px solid var(--abg-gold)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:38px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 22px rgba(0,0,0,.45)!important;
  text-shadow:0 1px 2px #000!important;
}
.abg-nav:hover,.abg-nav:focus-visible{background:linear-gradient(180deg,#718b34,#405d20)!important;color:#fff!important;outline:2px solid rgba(179,138,20,.6)!important;}
.abg-prev{left:20px!important;}
.abg-next{right:20px!important;}
.abg-dots{position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:center!important;z-index:6!important;}
.abg-dots span{width:7px!important;height:7px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(0,0,0,.35)!important;box-shadow:0 1px 3px rgba(0,0,0,.5)!important;}
.abg-dots span.is-active{background:var(--abg-gold)!important;}
.abg-empty{max-width:680px!important;margin:24px auto!important;padding:14px 18px!important;border-radius:9px!important;background:rgba(255,250,240,.55)!important;border:1px solid rgba(179,138,20,.28)!important;color:#1b2d17!important;text-align:center!important;}
@media(max-width:760px){
  .abg-gallery{padding:16px 50px 28px!important;max-width:100%!important;}
  .abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{max-height:260px!important;}
  .abg-nav{width:34px!important;height:34px!important;font-size:24px!important;}
  .abg-prev{left:10px!important}.abg-next{right:10px!important}
}
@media(max-width:460px){
  .abg-gallery{padding:12px 42px 28px!important;}
  .abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{max-height:210px!important;}
}


/* === v7.0 Outdoor Magazine LTS – final centered gallery === */
.abg-gallery {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 30px auto !important;
  padding: clamp(16px, 3vw, 26px) clamp(48px, 8vw, 78px) 34px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(90,126,42,.22), transparent 46%),
    linear-gradient(135deg, #040704 0%, #11180f 46%, #1f3018 100%) !important;
  border: 1px solid rgba(216,180,91,.68) !important;
  outline: 1px solid rgba(255,255,255,.05) !important;
  outline-offset: -6px !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.abg-gallery * { box-sizing: border-box !important; }
.abg-track,
.abg-slider .abg-track {
  width: 100% !important;
  margin: 0 auto !important;
  align-items: center !important;
}
.abg-slider .abg-card {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  padding: 0 !important;
}
.abg-card img,
.single .abg-slider .abg-card img,
.single-post .abg-slider .abg-card img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 390px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  background: #060806 !important;
  border: 1px solid rgba(216,180,91,.35) !important;
  border-radius: 14px !important;
}
.abg-nav {
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #5d7d28, #263818) !important;
  border: 1px solid rgba(216,180,91,.75) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.45) !important;
}
.abg-prev { left: 18px !important; }
.abg-next { right: 18px !important; }
.abg-nav:hover,
.abg-nav:focus-visible {
  background: linear-gradient(180deg, #789b36, #344f1e) !important;
  color: #fff !important;
  outline: 2px solid rgba(216,180,91,.42) !important;
}
.abg-caption {
  color: rgba(255,255,255,.72) !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.8) !important;
}
.abg-empty {
  max-width: 760px !important;
  margin: 24px auto !important;
  background: rgba(255,250,240,.92) !important;
  color: #23321b !important;
  border: 1px solid rgba(216,180,91,.45) !important;
  border-radius: 18px !important;
}
@media (max-width: 700px) {
  .abg-gallery { padding: 14px 46px 30px !important; border-radius: 18px !important; }
  .abg-card img,
  .single .abg-slider .abg-card img,
  .single-post .abg-slider .abg-card img { max-height: 270px !important; }
  .abg-nav { width: 34px !important; height: 34px !important; font-size: 23px !important; }
  .abg-prev { left: 8px !important; }
  .abg-next { right: 8px !important; }
}
@media (max-width: 420px) {
  .abg-gallery { padding-inline: 38px !important; }
  .abg-card img,
  .single .abg-slider .abg-card img,
  .single-post .abg-slider .abg-card img { max-height: 220px !important; }
}


/* === v7.1 LTS Final Polish === */
.abg-gallery{
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin:34px auto!important;
  padding:clamp(18px,3vw,30px) clamp(52px,8vw,84px) 38px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(101,134,49,.26),transparent 45%),
    linear-gradient(140deg,#030603 0%,#10180e 52%,#25381b 100%)!important;
  border:1px solid rgba(216,180,91,.72)!important;
  outline:1px solid rgba(216,180,91,.16)!important;
  outline-offset:-8px!important;
}
.abg-slider .abg-card{min-height:clamp(220px,36vw,410px)!important;}
.abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{
  max-height:410px!important;
  border-radius:16px!important;
  box-shadow:0 16px 36px rgba(0,0,0,.48)!important;
}
.abg-nav{
  width:46px!important;
  height:46px!important;
  font-size:28px!important;
  transition:transform .18s ease, filter .18s ease!important;
}
.abg-nav:hover,.abg-nav:focus-visible{
  transform:translateY(-50%) scale(1.06)!important;
  filter:brightness(1.08)!important;
}
.abg-prev{left:20px!important;}
.abg-next{right:20px!important;}
@media(max-width:700px){
 .abg-gallery{padding:16px 44px 32px!important;margin:26px auto!important;border-radius:20px!important;}
 .abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{max-height:280px!important;}
 .abg-nav{width:36px!important;height:36px!important;font-size:23px!important;}
 .abg-prev{left:8px!important}.abg-next{right:8px!important}
}
@media(max-width:420px){
 .abg-gallery{padding-inline:36px!important;}
 .abg-card img,.single .abg-slider .abg-card img,.single-post .abg-slider .abg-card img{max-height:220px!important;}
}
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
:root {
	--bwcc-bg: #101214;
	--bwcc-panel: #181b1f;
	--bwcc-text: #f5f5f2;
	--bwcc-muted: #b8bdc3;
	--bwcc-border: rgba(255,255,255,.13);
	--bwcc-accent: #e7b64a;
	--bwcc-accent-text: #151515;
	--bwcc-radius: 18px;
}

html.bwcc-open { overflow: hidden; }

.bwcc-root[hidden],
.bwcc-settings[hidden],
.bwcc-actions[hidden] { display: none !important; }

.bwcc-root {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: end center;
	padding: 18px;
	font-family: inherit;
}

.bwcc-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.58);
	backdrop-filter: blur(3px);
}

.bwcc-card {
	position: relative;
	width: min(780px, 100%);
	max-height: min(86vh, 760px);
	overflow: auto;
	background: var(--bwcc-bg);
	color: var(--bwcc-text);
	border: 1px solid var(--bwcc-border);
	border-radius: var(--bwcc-radius);
	box-shadow: 0 24px 80px rgba(0,0,0,.42);
	padding: 24px;
}

.bwcc-card__head {
	display: flex;
	gap: 18px;
	justify-content: space-between;
	align-items: flex-start;
}

.bwcc-kicker {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	color: var(--bwcc-accent);
}

.bwcc-card h2 {
	margin: 0;
	color: var(--bwcc-text);
	font-size: clamp(22px, 4vw, 30px);
	line-height: 1.15;
}

.bwcc-message {
	color: var(--bwcc-muted);
	line-height: 1.6;
	margin: 16px 0 20px;
}

.bwcc-close {
	border: 0;
	background: transparent;
	color: var(--bwcc-muted);
	font-size: 30px;
	line-height: 1;
	padding: 0 4px;
	cursor: pointer;
}

.bwcc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.bwcc-btn {
	appearance: none;
	border: 1px solid var(--bwcc-border);
	border-radius: 999px;
	padding: 11px 17px;
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	transition: transform .15s ease, opacity .15s ease;
}

.bwcc-btn:hover { transform: translateY(-1px); }
.bwcc-btn:focus-visible { outline: 3px solid rgba(231,182,74,.35); outline-offset: 2px; }

.bwcc-btn--primary {
	background: var(--bwcc-accent);
	border-color: var(--bwcc-accent);
	color: var(--bwcc-accent-text);
}

.bwcc-btn--secondary {
	background: #2b3035;
	color: var(--bwcc-text);
}

.bwcc-btn--ghost {
	background: transparent;
	color: var(--bwcc-text);
}

.bwcc-settings {
	border-top: 1px solid var(--bwcc-border);
	margin-top: 20px;
	padding-top: 4px;
}

.bwcc-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 17px 0;
	border-bottom: 1px solid var(--bwcc-border);
	color: var(--bwcc-text);
}

.bwcc-category strong { display: block; margin-bottom: 5px; }
.bwcc-category p { margin: 0; color: var(--bwcc-muted); font-size: 14px; line-height: 1.5; }

.bwcc-always {
	flex: 0 0 auto;
	color: var(--bwcc-accent);
	font-size: 12px;
	font-weight: 800;
}

.bwcc-switch { position: relative; flex: 0 0 auto; }
.bwcc-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bwcc-switch span {
	display: block;
	width: 48px;
	height: 27px;
	border-radius: 99px;
	background: #4a5057;
	position: relative;
	transition: .18s ease;
}
.bwcc-switch span::after {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: white;
	transition: .18s ease;
}
.bwcc-switch input:checked + span { background: var(--bwcc-accent); }
.bwcc-switch input:checked + span::after { transform: translateX(21px); }
.bwcc-switch input:focus-visible + span { outline: 3px solid rgba(231,182,74,.35); outline-offset: 3px; }

.bwcc-links {
	display: flex;
	gap: 16px;
	margin-top: 20px;
	font-size: 13px;
}
.bwcc-links a { color: var(--bwcc-muted); text-decoration: underline; }

.bwcc-reopen {
	position: fixed;
	z-index: 2147482000;
	left: 14px;
	bottom: 14px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	padding: 8px 12px;
	background: #171a1d;
	color: #f4f4f1;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 8px 28px rgba(0,0,0,.22);
}

.bwcc-inline-link {
	border: 0;
	background: none;
	padding: 0;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
}

.bwcc-embed {
	min-height: 220px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: #15181b;
	color: #f5f5f2;
	border: 1px solid rgba(255,255,255,.12);
	padding: 24px;
	box-sizing: border-box;
}

.bwcc-embed__placeholder {
	max-width: 560px;
	text-align: center;
}
.bwcc-embed__placeholder p { color: #b8bdc3; line-height: 1.5; }

@media (max-width: 620px) {
	.bwcc-root { padding: 10px; }
	.bwcc-card { padding: 19px; border-radius: 15px; }
	.bwcc-actions { display: grid; grid-template-columns: 1fr; }
	.bwcc-btn { width: 100%; }
	.bwcc-category { align-items: flex-start; gap: 14px; }
	.bwcc-reopen { font-size: 0; width: 42px; height: 42px; padding: 0; }
	.bwcc-reopen span { font-size: 16px; }
}


.bwcc-cookie-declaration {
	margin: 1.5rem 0;
	overflow-x: auto;
}
.bwcc-cookie-declaration table {
	width: 100%;
	border-collapse: collapse;
	min-width: 760px;
	font-size: 14px;
}
.bwcc-cookie-declaration th,
.bwcc-cookie-declaration td {
	text-align: left;
	vertical-align: top;
	padding: 10px 12px;
	border: 1px solid rgba(127,127,127,.25);
}
.bwcc-cookie-declaration th {
	font-weight: 800;
}
.bwcc-cookie-declaration code {
	white-space: nowrap;
}
.bwcc-cookie-declaration__note {
	font-size: 13px;
	opacity: .78;
	margin-top: 10px;
}


.bwcc-audit-button {
	position: fixed;
	right: 14px;
	bottom: 14px;
	z-index: 2147482000;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	padding: 8px 12px;
	background: #171a1d;
	color: #f4f4f1;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 8px 28px rgba(0,0,0,.22);
}
.bwcc-audit-status--floating {
	position: fixed;
	right: 14px;
	bottom: 55px;
	z-index: 2147482000;
	max-width: 320px;
	padding: 7px 10px;
	border-radius: 8px;
	background: rgba(15,18,20,.94);
	color: #fff;
	font-size: 12px;
}
.bwcc-audit-status--floating:empty { display: none; }

@media (max-width: 620px) {
	.bwcc-audit-button {
		right: 10px;
		bottom: 10px;
		font-size: 11px;
	}
}

/* 1.7.1 audit UI fix */
.bwcc-audit-button {
	bottom: 64px !important;
	pointer-events: auto !important;
	z-index: 2147483646 !important;
}
.bwcc-audit-button:hover,
.bwcc-audit-button:focus {
	transform: translateY(-1px);
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
.bwcc-audit-status--floating {
	bottom: 106px !important;
	pointer-events: none;
}
/*
Theme Name: Adventure Bobby81 – Social Feed
Theme URI: https://adventurebobby81.de
Author: Adventure Bobby81
Description: Persönliches Social-Feed WordPress Theme für Outdoor-Abenteuer, Wandern, Touren, Naturmomente und Bobby on Tour.
Version: 29.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: bahrwelten-social
*/

:root{
  --bw-ink:#102a43;
  --bw-ink-2:#1f4766;
  --bw-gold:#c79a4a;
  --bw-sand:#090909;
  --bw-paper:#fffdf9;
  --bw-moss:#3f5f4a;
  --bw-line:#dfd7c8;
  --bw-muted:#6b7785;
  --bw-shadow:0 12px 34px rgba(16,42,67,.10);
  --bw-radius:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#050505 0%,#111 48%,#242424 100%);background-attachment:fixed;color:var(--bw-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.bw-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(8,8,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,215,200,.85)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.site-branding{display:flex;align-items:center;gap:12px;min-width:220px}.custom-logo{max-height:48px;width:auto}.site-title{color:#fff;font-weight:800;letter-spacing:.08em;font-size:1rem}.site-title small{display:block;font-size:.62rem;letter-spacing:.18em;color:var(--bw-gold);font-weight:700}
.primary-nav{margin-left:auto}.primary-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}.primary-nav a{color:#f4f4f4;display:block;padding:10px 13px;border-radius:999px;font-weight:700;font-size:.92rem}.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#f4f1e9;color:#111}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--bw-ink);color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}
.hero{padding:64px 0 30px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}.hero-copy,.hero-panel{border-radius:30px;overflow:hidden}.hero-copy{padding:46px;background:linear-gradient(135deg,#102a43 0%,#1f4766 62%,#3f5f4a 100%);color:#fff;position:relative}.hero-copy:after{content:"";position:absolute;inset:auto -70px -90px auto;width:280px;height:280px;border-radius:50%;background:rgba(199,154,74,.17)}.eyebrow{color:#efd195;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}.hero h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.98;margin:12px 0 18px;max-width:800px}.hero p{max-width:720px;color:#e7edf1;font-size:1.06rem}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-badges span{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;font-weight:700;font-size:.86rem}.hero-panel{background:var(--bw-paper);border:1px solid var(--bw-line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--bw-shadow)}.hero-panel h2{margin:0;font-size:1.35rem}.hero-panel .big-stat{font-size:3rem;line-height:1;font-weight:900;color:var(--bw-gold);margin:18px 0 6px}.hero-panel p{color:var(--bw-muted);margin:0}.hero-panel .mini-rule{height:1px;background:var(--bw-line);margin:24px 0}
.feed-shell{padding:20px 0 72px}.feed-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.feed-head h2{color:#fff;font-size:clamp(1.6rem,3vw,2.35rem);margin:0}.feed-head p{margin:4px 0 0;color:#bbb}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.chip{white-space:nowrap;border:1px solid var(--bw-line);background:var(--bw-paper);padding:9px 13px;border-radius:999px;font-weight:800;font-size:.85rem}.chip:hover{border-color:var(--bw-gold);color:#8d6421}
.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feed-card{background:var(--bw-paper);border:1px solid var(--bw-line);border-radius:var(--bw-radius);overflow:hidden;box-shadow:0 4px 18px rgba(16,42,67,.05);transition:.22s transform,.22s box-shadow}.feed-card:hover{transform:translateY(-3px);box-shadow:var(--bw-shadow)}.card-media{aspect-ratio:4/3;background:#e6ecef;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:.45s transform}.feed-card:hover .card-media img{transform:scale(1.025)}.card-body{padding:18px}.card-meta{display:flex;align-items:center;gap:9px;color:var(--bw-muted);font-size:.78rem;font-weight:700}.card-kicker{color:#8a6327;text-transform:uppercase;letter-spacing:.1em}.card-title{font-size:1.24rem;line-height:1.22;margin:9px 0}.card-excerpt{color:#526270;margin:0 0 16px}.card-footer{border-top:1px solid #eee8dc;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:var(--bw-muted);font-size:.78rem}.read-more{color:var(--bw-ink);font-weight:900}.read-more:hover{color:#8a6327}
.empty-feed{grid-column:1/-1;background:var(--bw-paper);border:1px dashed #cabdaa;padding:36px;border-radius:var(--bw-radius);text-align:center}
.pagination{margin-top:32px;display:flex;justify-content:center}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{background:var(--bw-paper);border:1px solid var(--bw-line);padding:9px 13px;border-radius:10px;font-weight:800}.page-numbers.current{background:var(--bw-ink);color:#fff;border-color:var(--bw-ink)}
.content-shell{width:min(850px,calc(100% - 32px));margin:46px auto 80px}.article-card{background:var(--bw-paper);border:1px solid var(--bw-line);border-radius:26px;overflow:hidden;box-shadow:var(--bw-shadow)}.article-cover img{width:100%;max-height:560px;object-fit:cover}.article-inner{padding:clamp(24px,5vw,54px)}.article-inner h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:.3em 0}.entry-content{font-size:1.06rem;color:#2d4558}.entry-content a{text-decoration:underline;text-decoration-color:var(--bw-gold);text-decoration-thickness:2px;text-underline-offset:3px}.entry-content blockquote{border-left:4px solid var(--bw-gold);margin:28px 0;padding:4px 0 4px 22px;color:#4d5c67;font-style:italic}
.site-footer{background:#0d2235;color:#dce6ec;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner p{margin:0;color:#aebfcb;font-size:.88rem}.footer-links{display:flex;gap:18px;font-weight:800;font-size:.86rem}.footer-links a:hover{color:#efd195}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bw-paper);border-bottom:1px solid var(--bw-line);padding:12px 16px}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column}.menu-toggle{display:block}.header-inner{position:relative}.feed-head{align-items:start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.bw-wrap{width:min(100% - 22px,1180px)}.hero{padding-top:28px}.hero-copy{padding:30px 24px}.hero-panel{padding:22px}.feed-grid{grid-template-columns:1fr}.site-branding{min-width:0}.site-title{font-size:.88rem}.site-title small{display:none}}


/* Adventure Bobby81 – Social Feed 2.0 */
.eyebrow.dark{color:#e1b761}
.worlds{padding:8px 0 30px}.worlds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.world-card{position:relative;background:rgba(255,253,249,.96);border:1px solid var(--bw-line);border-radius:18px;padding:22px 22px 20px;overflow:hidden}.world-card h3{font-size:1.3rem;margin:2px 0 5px}.world-card p{margin:0;color:var(--bw-muted);max-width:320px}.world-index{display:block;color:var(--bw-gold);font-size:.72rem;letter-spacing:.16em;font-weight:900}.world-card:after{content:"";position:absolute;width:74px;height:74px;border:1px solid rgba(199,154,74,.24);border-radius:50%;right:-18px;top:-20px}
.card-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#dfe8ec,#efe6d6);color:var(--bw-ink);letter-spacing:.18em;font-weight:900;font-size:.82rem}
.detail-pills{display:flex;gap:6px;flex-wrap:wrap;margin:-1px 0 12px}.detail-pills span{display:inline-flex;border-radius:999px;background:#f2eee6;color:#55616a;padding:5px 8px;font-size:.72rem;font-weight:800}
.like-button{appearance:none;border:0;background:transparent;color:var(--bw-muted);padding:0;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.like-button span{font-size:1.25rem;line-height:.8}.like-button:hover,.like-button.is-liked{color:#9b3d38}.like-button.is-liked span{font-weight:900}.like-button.large{border:1px solid var(--bw-line);border-radius:999px;padding:10px 14px;background:var(--bw-paper);font-size:.88rem}.article-social{border-top:1px solid #eee8dc;margin-top:38px;padding-top:22px}
.post-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin:24px 0 30px}.post-facts>div{background:#f5f1e9;border:1px solid #e8dfd1;border-radius:13px;padding:12px}.post-facts span{display:block;color:var(--bw-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.post-facts strong{display:block;margin-top:2px;font-size:.92rem}
.comments-area{margin-top:38px;border-top:1px solid var(--bw-line);padding-top:28px}.comments-title{font-size:1.35rem}.comment-list{list-style:none;padding:0}.comment-list li{margin:14px 0;padding:16px;background:#f8f5ef;border-radius:14px}.comment-meta{font-size:.8rem;color:var(--bw-muted)}.comment-content p{margin-bottom:0}.comment-respond label{display:block;font-size:.82rem;font-weight:800;margin-bottom:4px}.comment-respond input:not([type=submit]),.comment-respond textarea{width:100%;border:1px solid var(--bw-line);border-radius:10px;background:#fff;padding:11px;font:inherit}.comment-respond input[type=submit]{border:0;border-radius:999px;background:var(--bw-ink);color:#fff;padding:11px 17px;font-weight:900;cursor:pointer}
@media(max-width:760px){.worlds-grid{grid-template-columns:1fr}.world-card{padding:18px}.card-footer{gap:10px}.card-footer>span{display:none}}


/* ==========================================================
   Adventure Bobby81 – Social Feed 3.0 — Dark Horizon
   Schwarzer/dunkelgrauer Seitenhintergrund + helle Contentflächen
   ========================================================== */
:root{
  --bw-bg:#050505;
  --bw-bg-2:#111214;
  --bw-bg-3:#1b1d20;
  --bw-paper:#f7f7f4;
  --bw-paper-2:#ffffff;
  --bw-card-ink:#0d0f11;
  --bw-card-muted:#555b61;
  --bw-line:#d8d8d3;
  --bw-gold:#caa35b;
  --bw-gold-soft:#e2c486;
  --bw-shadow:0 18px 46px rgba(0,0,0,.34);
}

html{background:#050505}
body{
  color:#f4f4f1;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.055),transparent 30rem),
    radial-gradient(circle at 12% 42%,rgba(255,255,255,.035),transparent 35rem),
    linear-gradient(145deg,var(--bw-bg) 0%,#0b0c0e 38%,var(--bw-bg-3) 72%,#090909 100%);
  background-attachment:fixed;
}

.site-header{
  background:rgba(5,5,5,.88);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.site-title{color:#fff}.site-title small{color:var(--bw-gold-soft)}
.primary-nav a{color:#f5f5f2}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:rgba(255,255,255,.10);color:#fff}
.menu-toggle{background:#f3f3ef;color:#0b0c0d}

.hero-copy{
  background:linear-gradient(135deg,#08090a 0%,#17191c 58%,#26292d 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--bw-shadow);
}
.hero-copy:after{background:rgba(202,163,91,.13)}
.hero-panel,.world-card,.feed-card,.article-card,.empty-feed,.page-numbers{
  background:var(--bw-paper);
  color:var(--bw-card-ink);
  border-color:rgba(255,255,255,.08);
}
.hero-panel{border-color:#d7d7d1}
.hero-panel h2,.world-card h3,.card-title,.article-inner h1{color:var(--bw-card-ink)}
.hero-panel p,.world-card p{color:var(--bw-card-muted)}
.hero-panel .mini-rule{background:#d5d5cf}

.world-card{
  background:linear-gradient(145deg,#fff 0%,#f0f0ec 100%);
  border-color:#d5d5d0;
  box-shadow:0 10px 28px rgba(0,0,0,.20);
}
.world-card:after{border-color:rgba(150,110,45,.28)}

.feed-head h2{color:#fff}
.feed-head p{color:#b8bdc2}
.eyebrow.dark{color:var(--bw-gold-soft)}
.chip{background:#f5f5f1;color:#111315;border-color:#d1d1cc}
.chip:hover,.chip.active{background:#fff;color:#111315;border-color:var(--bw-gold);box-shadow:0 0 0 2px rgba(202,163,91,.16)}

.feed-card{
  background:linear-gradient(180deg,#fff 0%,#f6f6f2 100%);
  border:1px solid #d7d7d2;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
}
.feed-card:hover{box-shadow:0 22px 50px rgba(0,0,0,.38)}
.card-placeholder{background:linear-gradient(135deg,#deded9,#f6f6f2);color:#141619}
.card-meta,.card-footer,.like-button{color:#60666c}
.card-kicker{color:#8a631f}
.card-excerpt{color:#3f454b}
.card-title a,.read-more{color:#090b0d}
.card-footer{border-top-color:#dcdcd7}
.detail-pills span{background:#e8e8e3;color:#3d4348}
.like-button.large{background:#fff;color:#333;border-color:#d1d1cb}

.pagination .page-numbers{background:#f5f5f1;color:#111315;border-color:#d1d1cc}
.pagination .page-numbers.current{background:#16181b;color:#fff;border-color:#3a3d41}

.article-card{background:#f8f8f5;border-color:#d6d6d0}
.article-inner,.entry-content{color:#151719}
.entry-content{color:#292d31}
.entry-content blockquote{color:#41474c}
.post-facts>div{background:#ecece7;border-color:#d8d8d1;color:#16181a}
.post-facts span{color:#62676c}
.comments-area{border-top-color:#d5d5d0}
.comment-list li{background:#ecece8;color:#151719}
.comment-meta{color:#656a70}
.comment-respond label{color:#17191b}
.comment-respond input:not([type=submit]),.comment-respond textarea{background:#fff;color:#111;border-color:#cfcfca}
.comment-respond input[type=submit]{background:#111315;color:#fff}

.site-footer{
  background:rgba(3,3,3,.82);
  border-top:1px solid rgba(255,255,255,.09);
  color:#f2f2ef;
}
.footer-inner p{color:#aeb3b8}.footer-links a{color:#eee}.footer-links a:hover{color:var(--bw-gold-soft)}

@media(max-width:900px){
  .primary-nav{background:#111315;border-bottom-color:#2a2d30}
  .primary-nav a{color:#f4f4f1}
}

/* Adventure Bobby81 – Social Feed 4.0 — Stream */
.profile-hero{padding:54px 0 28px}.profile-shell{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(135deg,rgba(24,24,26,.98),rgba(45,45,48,.92));box-shadow:0 28px 70px rgba(0,0,0,.32)}.profile-main{display:flex;align-items:center;gap:26px;min-width:0}.profile-avatar{flex:0 0 112px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7f5ef,#d8d5ce);border:5px solid rgba(255,255,255,.08);box-shadow:0 0 0 2px var(--bw-gold);color:#171719;font-size:1.65rem;font-weight:950;letter-spacing:.08em}.profile-copy h1{color:#fff;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1;margin:8px 0 12px}.profile-copy p{color:#d3d3d6;max-width:720px;margin:0}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.profile-tags span{font-size:.78rem;font-weight:800;color:#202022;background:#f4f2ed;border-radius:999px;padding:7px 10px}.profile-stats{display:flex;flex:0 0 auto;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden}.profile-stats div{min-width:92px;padding:18px 16px;text-align:center}.profile-stats div+div{border-left:1px solid rgba(255,255,255,.08)}.profile-stats strong{display:block;color:#fff;font-size:1.45rem}.profile-stats span{display:block;margin-top:2px;color:#a7a7aa;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.view-switch{display:flex;gap:6px;padding:5px;background:#e8e7e2;border:1px solid #d5d4ce;border-radius:14px}.view-button{border:0;background:transparent;color:#555;padding:9px 12px;border-radius:10px;font-weight:850;cursor:pointer}.view-button.is-active{background:#161618;color:#fff}.card-media{position:relative}.post-type-badge{position:absolute;left:12px;top:12px;padding:7px 9px;border-radius:999px;background:rgba(15,15,16,.84);backdrop-filter:blur(8px);color:#fff;font-size:.67rem;line-height:1;text-transform:uppercase;letter-spacing:.09em;font-weight:900;border:1px solid rgba(255,255,255,.16)}
.feed-grid.is-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.feed-grid.is-gallery .feed-card{border-radius:14px;box-shadow:none}.feed-grid.is-gallery .card-media{aspect-ratio:1/1}.feed-grid.is-gallery .card-body{display:none}.feed-grid.is-gallery .feed-card:hover{transform:none}.feed-grid.is-gallery .card-media img{transition:.25s opacity,.35s transform}.feed-grid.is-gallery .feed-card:hover .card-media img{transform:scale(1.035);opacity:.9}
@media(max-width:900px){.profile-shell{align-items:flex-start;flex-direction:column}.profile-stats{width:100%}.profile-stats div{flex:1}.feed-grid.is-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.profile-hero{padding-top:24px}.profile-shell{padding:22px 18px;gap:22px}.profile-main{align-items:flex-start;gap:16px}.profile-avatar{flex-basis:76px;width:76px;height:76px;font-size:1.1rem}.profile-tags{gap:6px}.profile-tags span{font-size:.7rem}.profile-stats div{min-width:0;padding:13px 6px}.profile-stats strong{font-size:1.15rem}.profile-stats span{font-size:.58rem}.view-switch{width:100%}.view-button{flex:1}.feed-grid.is-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}


/* ==========================================================
   Adventure Bobby81 – Social Feed 5.0 — Story View
   Einzelbeiträge als Social Story + Galerie + Faktenkarten
   ========================================================== */
.single-shell{width:min(980px,calc(100% - 32px));margin:46px auto 70px}.social-article{overflow:hidden;border-radius:28px}.article-hero{position:relative;aspect-ratio:16/8;overflow:hidden;background:#111}.article-hero img{width:100%;height:100%;object-fit:cover}.article-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 48%,rgba(0,0,0,.22))}.article-type-badge{left:22px;top:22px;padding:9px 12px}.social-article .article-inner{padding:clamp(24px,5vw,58px)}.article-header{max-width:790px;margin:0 auto 32px}.article-profile-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mini-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#131416;color:#fff;font-size:.76rem;font-weight:950;letter-spacing:.08em;box-shadow:0 0 0 2px var(--bw-gold)}.article-profile-copy{display:flex;flex-direction:column;min-width:0}.article-profile-copy strong{font-size:.88rem;letter-spacing:.06em}.article-profile-copy span{color:#74787c;font-size:.78rem}.article-category{margin-left:auto;border:1px solid #d4d3ce;border-radius:999px;padding:6px 10px;color:#815d20;background:#f0eee8;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.article-header h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:0}.article-lead{font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.6;color:#555b61;margin:20px 0 0}.post-facts-featured{max-width:790px;margin:0 auto 42px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.post-facts-featured>div{min-height:88px;border-radius:15px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center}.post-facts-featured strong{font-size:1rem}.social-article .entry-content{max-width:790px;margin-inline:auto;font-size:1.05rem;line-height:1.82}.social-article .entry-content>p:first-child{font-size:1.13rem}.social-article .entry-content h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18;margin:2.1em 0 .7em}.social-article .entry-content h3{font-size:1.35rem;margin-top:1.8em}.social-article .entry-content img{border-radius:16px}.social-article .entry-content .wp-block-image,.social-article .entry-content figure{margin-top:30px;margin-bottom:30px}.social-article .entry-content figcaption{font-size:.78rem;color:#74787c;text-align:center}.social-article .wp-block-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:38px max(-5vw,-38px)}.social-article .wp-block-gallery .wp-block-image{width:100%!important;margin:0!important;aspect-ratio:1/1;overflow:hidden;border-radius:14px}.social-article .wp-block-gallery .wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:14px}.social-actionbar{max-width:790px;margin:44px auto 0;padding:14px 0;display:flex;align-items:center;gap:10px;border-top:1px solid #dbdad5;border-bottom:1px solid #dbdad5}.social-actionbar button,.comment-jump{font:inherit;font-size:.84rem;font-weight:850;border-radius:999px;padding:10px 14px;cursor:pointer}.share-button,.comment-jump{border:1px solid #d1d1cb;background:#fff;color:#333}.share-button:hover,.comment-jump:hover{border-color:#999}.share-button.is-copied{background:#131416;color:#fff;border-color:#131416}.post-journey{max-width:790px;margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.post-journey a{display:flex;height:100%;flex-direction:column;padding:18px;border:1px solid #d8d7d1;border-radius:16px;background:#efefeb;transition:.2s transform,.2s background}.post-journey a:hover{transform:translateY(-2px);background:#fff}.post-journey span{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#797d81;font-weight:850}.post-journey strong{margin-top:5px;font-size:.92rem;line-height:1.3}.journey-next{text-align:right}.social-article .comments-area{max-width:790px;margin-inline:auto}.like-button.is-liked span{display:inline-block;transform:scale(1.1)}
@media(max-width:620px){.single-shell{width:min(100% - 16px,980px);margin-top:18px}.social-article{border-radius:20px}.article-hero{aspect-ratio:4/3}.social-article .article-inner{padding:24px 18px}.article-category{display:none}.social-article .wp-block-gallery{margin-inline:0}.post-journey{grid-template-columns:1fr}.journey-next{text-align:left}.social-actionbar{flex-wrap:wrap}.social-actionbar .like-button,.social-actionbar .share-button,.social-actionbar .comment-jump{flex:1;text-align:center;white-space:nowrap}}


/* Adventure Bobby81 – Social Feed 6.0 — Home Highlights & Lightbox */
.profile-hero{padding:46px 0 20px;color:#fff}.profile-shell{background:linear-gradient(135deg,#0a0a0a 0%,#171717 58%,#292929 100%);border:1px solid #333;border-radius:30px;padding:34px;box-shadow:0 22px 70px rgba(0,0,0,.35)}.profile-main{display:flex;align-items:center;gap:22px}.profile-avatar{width:82px;height:82px;flex:0 0 82px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bw-gold);background:#111;color:#f3ce88;font-weight:950;letter-spacing:.08em}.profile-copy h1{margin:4px 0 6px;font-size:clamp(2rem,4vw,3.7rem);line-height:1}.profile-copy p{max-width:780px;margin:0;color:#d5d5d5}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.profile-tags span{border:1px solid #444;background:#151515;color:#eee;padding:6px 9px;border-radius:999px;font-size:.76rem;font-weight:800}.profile-stats{display:flex;gap:26px;border-top:1px solid #343434;margin-top:26px;padding-top:20px}.profile-stats div{display:flex;flex-direction:column}.profile-stats strong{font-size:1.5rem;color:#fff}.profile-stats span{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.08em}
.story-strip{padding:12px 0 28px}.story-strip-inner{display:flex;gap:15px;overflow-x:auto;padding:4px 2px 12px}.story-item{flex:0 0 112px;text-align:center;color:#fff}.story-ring{width:86px;height:86px;margin:0 auto 8px;border-radius:50%;padding:3px;background:linear-gradient(145deg,var(--bw-gold),#fff1c6,#766039);box-shadow:0 7px 22px rgba(0,0,0,.28)}.story-ring-inner{width:100%;height:100%;border:4px solid #111;border-radius:50%;overflow:hidden;background:#222;display:grid;place-items:center}.story-ring img{width:100%;height:100%;object-fit:cover}.story-placeholder{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#eee}.story-item strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-item span{display:block;color:#999;font-size:.68rem}
.home-highlights{padding:12px 0 34px}.section-title-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px;color:#fff}.section-title-row h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.section-title-row p{margin:3px 0 0;color:#aaa}.feature-grid{display:grid;grid-template-columns:1.45fr .75fr .75fr;gap:16px}.feature-card{position:relative;min-height:270px;border-radius:22px;overflow:hidden;background:#161616;border:1px solid #333;box-shadow:0 15px 42px rgba(0,0,0,.22)}.feature-card.feature-main{min-height:420px}.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}.feature-card:hover img{transform:scale(1.025)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.88) 100%)}.feature-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px;color:#fff}.feature-copy small{color:#f1c979;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.feature-copy h3{font-size:1.35rem;line-height:1.14;margin:7px 0 0}.feature-main .feature-copy h3{font-size:clamp(1.7rem,3vw,2.6rem)}
.quick-worlds{padding:2px 0 24px}.quick-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-world{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#faf8f3;color:#111;border-radius:17px;padding:17px 18px;border:1px solid #ddd4c6}.quick-world small{display:block;color:#8b672c;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.quick-world strong{font-size:1.02rem}.quick-world b{font-size:1.4rem}
.bw-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:28px}.bw-lightbox.is-open{display:flex}.bw-lightbox img{max-width:min(1200px,92vw);max-height:88vh;object-fit:contain;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.bw-lightbox-close{position:fixed;right:22px;top:18px;border:1px solid #555;background:#111;color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.5rem;cursor:pointer}.entry-content img,.wp-block-gallery img{cursor:zoom-in}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:1/-1}.quick-world-grid{grid-template-columns:1fr}.profile-main{align-items:flex-start}.profile-stats{justify-content:space-between}.primary-nav{background:#101010;border-color:#333}}
@media(max-width:620px){.profile-shell{padding:24px 20px}.profile-main{flex-direction:column}.profile-avatar{width:70px;height:70px;flex-basis:70px}.profile-stats{gap:12px}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto;min-height:330px}.feature-card{min-height:250px}.story-item{flex-basis:94px}.story-ring{width:74px;height:74px}}

/* ==========================================================
   Adventure Bobby81 – Social Feed 7.0 — Identity & Mobile Dock
   ========================================================== */
.brand-mark{display:flex;align-items:center;gap:11px}.brand-compass{width:39px;height:39px;border:1px solid #5c4a2a;border-radius:12px;display:grid;place-items:center;color:#efc878;background:linear-gradient(145deg,#171717,#090909);font-size:1.1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.profile-avatar{position:relative;flex-direction:column;line-height:1}.profile-avatar span{font-size:1.18rem;color:#f4d18d;margin-bottom:3px}.profile-avatar b{font-size:.72rem;letter-spacing:.14em}
.post-type-badge{display:inline-flex!important;align-items:center;gap:6px}.post-type-badge b{font-size:.9rem}
.feed-card{--type-accent:#c79a4a;position:relative}.feed-card:before{content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:3px;background:var(--type-accent);opacity:.9}.feed-card.type-tour{--type-accent:#678c73}.feed-card.type-adventure,.feed-card.type-unterwegs{--type-accent:#94a967}.feed-card.type-car-spot{--type-accent:#d0a64f}.feed-card.type-automobil{--type-accent:#647f9a}.feed-card.type-treffen{--type-accent:#9a7089}.feed-card.type-sammlung{--type-accent:#8d7653}
.feed-card.type-car-spot .card-media,.feed-card.type-automobil .card-media{aspect-ratio:16/11}.car-signature{display:flex;align-items:center;gap:9px;margin:10px 0 -1px;padding:8px 10px;border-radius:10px;background:#121212;color:#fff}.car-signature span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:#d8b975;font-weight:900}.car-signature strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature-copy small b{display:inline-block;min-width:18px}.feature-card{--type-accent:#c79a4a}.story-item span{color:#b5a374}
.mobile-dock{display:none}
@media(max-width:720px){body{padding-bottom:74px}.site-footer{padding-bottom:94px}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:80;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:62px;border:1px solid #3a3a3a;border-radius:20px;background:rgba(12,12,12,.94);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.48);overflow:hidden}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#ddd;font-size:.72rem}.mobile-dock a span{font-size:1.25rem;line-height:1}.mobile-dock a b{font-size:.62rem;letter-spacing:.03em}.mobile-dock a:hover,.mobile-dock a:focus{color:#f0c97e;background:#1d1d1d}.menu-toggle{background:#1b1b1b;border:1px solid #3a3a3a}.header-inner{min-height:66px}.primary-nav{top:66px}.brand-compass{width:34px;height:34px;border-radius:10px}.site-header{border-bottom-color:#292929}.feed-card.type-car-spot .card-media,.feed-card.type-automobil .card-media{aspect-ratio:4/3}}


/* ==========================================================
   Adventure Bobby81 – Social Feed 8.0 — Discover, Live Filter & Search
   ========================================================== */
.feed-tools{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:4px 0 18px}.feed-search{position:relative}.feed-search input{width:100%;min-height:48px;border:1px solid #d7d3ca;border-radius:15px;background:#fff;color:#111;padding:0 46px 0 16px;font:inherit;font-weight:700;outline:none}.feed-search input:focus{border-color:#9d7a3c;box-shadow:0 0 0 3px rgba(199,154,74,.17)}.feed-search span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#777;font-size:1.05rem}.type-filters{display:flex;gap:7px;overflow-x:auto;padding:2px}.type-filter{white-space:nowrap;border:1px solid #d7d3ca;background:#f7f4ed;color:#222;padding:10px 13px;border-radius:999px;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.type-filter:hover,.type-filter.is-active{background:#151515;color:#fff;border-color:#151515}.type-filter b{color:#c79a4a;margin-right:3px}.feed-card.is-filtered-out{display:none}.feed-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-4px 0 14px;color:#bbb;font-size:.78rem}.feed-status strong{color:#fff}.feed-reset{border:0;background:transparent;color:#e0bd78;font:inherit;font-weight:900;cursor:pointer;padding:0}.feed-reset[hidden]{display:none}.feed-no-results{grid-column:1/-1;background:#f8f5ef;color:#111;border:1px solid #d8d3c8;border-radius:18px;padding:34px;text-align:center}.feed-no-results h3{margin:0 0 5px}.discover-shell{padding:8px 0 36px}.discover-panel{border:1px solid #323232;background:linear-gradient(145deg,#111,#1d1d1d);border-radius:25px;padding:24px;color:#fff}.discover-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.discover-head h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.discover-head p{margin:3px 0 0;color:#aaa}.discover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.discover-card{min-height:150px;border:1px solid #343434;border-radius:16px;background:#171717;overflow:hidden;position:relative;display:flex;align-items:flex-end}.discover-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66}.discover-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.9))}.discover-card-copy{position:relative;z-index:2;padding:14px}.discover-card-copy span{display:block;color:#e0bd78;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.discover-card-copy strong{display:block;line-height:1.18;margin-top:4px;font-size:.9rem}.discover-card:hover{border-color:#7b6845}.discover-card:hover img{opacity:.8}.discover-empty{grid-column:1/-1;color:#aaa;padding:14px}.view-switch{display:flex;gap:6px}.view-button{border:1px solid #444;background:#161616;color:#ddd;border-radius:999px;padding:9px 12px;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.view-button.is-active{background:#f5f2ea;color:#111;border-color:#f5f2ea}
@media(max-width:900px){.feed-tools{grid-template-columns:1fr}.type-filters{order:2}.discover-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.discover-panel{padding:18px 14px}.discover-grid{grid-template-columns:1fr 1fr}.discover-card{min-height:132px}.feed-status{align-items:flex-start}.view-switch{width:100%}.view-button{flex:1}.feed-search input{min-height:46px}}

/* ADVENTURE BOBBY81 v9 – approved brand logo */
.site-header .site-branding{min-width:170px}
.bw-header-logo{display:block;width:auto;height:68px;max-width:230px;object-fit:contain}
.site-header .custom-logo{height:68px;max-height:68px;width:auto;max-width:230px;object-fit:contain}
@media(max-width:720px){
  .bw-header-logo,.site-header .custom-logo{height:54px;max-height:54px;max-width:180px}
  .header-inner{min-height:72px}
  .primary-nav{top:72px}
}


/* ==========================================================
   Adventure Bobby81 – Social Feed 10.0 — Signature Header
   ========================================================== */
.site-header{background:rgba(5,5,5,.95);border-bottom:1px solid #292929;transition:box-shadow .25s ease,background .25s ease}
.site-header.is-condensed{box-shadow:0 12px 34px rgba(0,0,0,.34);background:rgba(5,5,5,.985)}
.header-inner{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 0}
.header-brand-row{display:flex;align-items:center;justify-content:center;position:relative;min-height:116px;transition:min-height .25s ease}
.site-branding{min-width:0!important;display:flex;align-items:center;justify-content:center}
.bw-header-logo,.site-header .custom-logo{width:148px!important;height:148px!important;max-width:148px!important;max-height:148px!important;object-fit:contain;transition:width .25s ease,height .25s ease,max-width .25s ease,max-height .25s ease}
.site-header .custom-logo-link{display:flex;align-items:center;justify-content:center}
.primary-nav{width:100%;margin:0!important;border-top:1px solid #202020;display:flex;justify-content:center;position:static}
.primary-nav ul{justify-content:center;align-items:center;flex-wrap:wrap;padding:8px 0!important}
.primary-nav a{color:#eaeaea;padding:8px 14px;letter-spacing:.02em}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#f5f2ea;color:#111}
.menu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.site-header.is-condensed .header-brand-row{min-height:72px}
.site-header.is-condensed .bw-header-logo,.site-header.is-condensed .custom-logo{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important}
.site-header.is-condensed .primary-nav ul{padding:5px 0!important}
@media(max-width:900px){.header-inner{padding-top:0}.header-brand-row{justify-content:flex-start;min-height:72px}.bw-header-logo,.site-header .custom-logo,.site-header.is-condensed .bw-header-logo,.site-header.is-condensed .custom-logo{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}.menu-toggle{display:block;right:0;background:#171717;color:#fff;border:1px solid #3a3a3a}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;width:auto;margin:0!important;background:#0d0d0d;border-top:1px solid #2c2c2c;border-bottom:1px solid #333;padding:10px 16px;box-shadow:0 18px 38px rgba(0,0,0,.4)}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;align-items:stretch;padding:0!important}.primary-nav a{padding:11px 13px}.site-header.is-condensed .header-brand-row{min-height:72px}}
@media(max-width:620px){.bw-header-logo,.site-header .custom-logo,.site-header.is-condensed .bw-header-logo,.site-header.is-condensed .custom-logo{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}.header-brand-row{min-height:68px}.primary-nav{top:68px}.menu-toggle{padding:9px 11px}}


/* ==========================================================
   Adventure Bobby81 – Social Feed 11.0 — Black Gold Home
   ========================================================== */
:root{
  --bw-ink:#171717;
  --bw-ink-2:#2a2a2a;
  --bw-paper:#f7f4ed;
  --bw-sand:#e9e1d3;
  --bw-gold:#c79a4a;
  --bw-gold-soft:#e2c27f;
  --bw-moss:#7b6a4a;
  --bw-line:#d8d1c4;
  --bw-muted:#66625b;
  --bw-shadow:0 18px 48px rgba(0,0,0,.20);
}
body{background:linear-gradient(145deg,#020202 0%,#0a0a0a 34%,#161616 68%,#292929 100%);background-attachment:fixed}
.profile-hero{background:linear-gradient(145deg,#080808 0%,#151515 55%,#242424 100%);border-bottom:1px solid #333;color:#fff;position:relative;overflow:hidden}
.profile-hero:before{content:"";position:absolute;inset:-35% auto auto 58%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(199,154,74,.13),rgba(199,154,74,0) 68%);pointer-events:none}
.profile-shell{position:relative;z-index:1}.profile-copy p{color:#c9c5bc}.profile-tags span{background:#171717;border-color:#3d372c;color:#e1c27f}.profile-stats{background:#f7f4ed;color:#151515;border-color:#d6cdbd;box-shadow:0 20px 48px rgba(0,0,0,.28)}.profile-stats span{color:#6d675e}
.profile-avatar{background:linear-gradient(145deg,#1d1d1d,#080808);border-color:#6a5631;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.28)}
.story-strip{background:#0a0a0a;border-bottom:1px solid #262626}.story-item strong{color:#f4f2ed}.story-ring{background:linear-gradient(145deg,#f0cc82,#8b652b,#f3d798)}.story-ring-inner{background:#111}.story-placeholder{color:#e6c67e}
.home-highlights{background:transparent;padding-top:42px}.home-highlights .section-title-row{color:#fff}.home-highlights .section-title-row p{color:#aaa}.eyebrow.dark{color:#d6ad60}.feature-card{border:1px solid #3a3329;box-shadow:0 24px 56px rgba(0,0,0,.32);background:#151515}.feature-card:after{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.88))}.feature-copy small{color:#e4bf73}.feature-copy h3{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.quick-worlds{background:transparent}.quick-world{background:#f7f4ed;color:#151515;border-color:#d5cdbf;box-shadow:0 14px 38px rgba(0,0,0,.2)}.quick-world:hover{border-color:#c79a4a;transform:translateY(-2px)}.quick-world small{color:#9b7537}.quick-world b{color:#9b7537}
.discover-panel{background:linear-gradient(145deg,#0b0b0b,#1b1b1b);border-color:#393126;box-shadow:0 24px 60px rgba(0,0,0,.22)}.discover-card{background:#151515;border-color:#373025}.discover-card:hover{border-color:#b78b43}.discover-head p{color:#aaa}.discover-card-copy span{color:#e0bd78}
.feed-shell{background:transparent}.feed-head{color:#fff}.feed-head p{color:#aaa}.feed-tools{padding:14px;border-radius:20px;background:rgba(12,12,12,.78);border:1px solid #2f2f2f;backdrop-filter:blur(10px)}.feed-search input{background:#f8f5ee;border-color:#d6cdbf;color:#111}.type-filter{background:#eee8dc;border-color:#d2c8b7;color:#222}.type-filter:hover,.type-filter.is-active{background:#151515;color:#fff;border-color:#9b7537}.view-button{border-color:#4a4132;background:#111;color:#e7dfd0}.view-button.is-active{background:#f5f2ea;color:#111;border-color:#f5f2ea}
.feed-card{--type-accent:#c79a4a}.feed-card.type-tour{--type-accent:#b48a47}.feed-card.type-adventure,.feed-card.type-unterwegs{--type-accent:#d0aa68}.feed-card.type-car-spot{--type-accent:#e1bd74}.feed-card.type-automobil{--type-accent:#a78d63}.feed-card.type-treffen{--type-accent:#8c7b64}.feed-card.type-sammlung{--type-accent:#c9b28b}.feed-card:before{width:4px}
.car-signature{background:linear-gradient(135deg,#111,#24211c);border:1px solid #3c3427}.car-signature span{color:#e0bd78}
.site-footer{background:#050505;border-top-color:#2c2c2c}
@media(max-width:720px){.profile-hero:before{width:310px;height:310px;left:48%;top:-16%}.home-highlights{padding-top:28px}.feed-tools{padding:10px;border-radius:16px}}


/* ==========================================================
   Adventure Bobby81 – Social Feed 12.0 — Screenshot Polish
   ========================================================== */

/* Header: show the approved mark, not the empty black canvas around it. */
.header-brand-row{min-height:128px}
.bw-header-logo{
  width:min(360px,42vw)!important;
  height:112px!important;
  max-width:360px!important;
  max-height:112px!important;
  object-fit:contain;
}
.site-header.is-condensed .header-brand-row{min-height:70px}
.site-header.is-condensed .bw-header-logo{
  width:176px!important;height:58px!important;max-width:176px!important;max-height:58px!important;
}
.primary-nav{background:rgba(5,5,5,.86)}
.primary-nav a{font-size:.88rem}

/* Hero: slightly tighter, statistics visually integrated rather than a bright foreign box. */
.profile-hero{padding:34px 0 20px}
.profile-shell{padding:30px 34px;border-radius:26px}
.profile-main{gap:20px}
.profile-avatar{width:74px;height:74px;flex-basis:74px}
.profile-copy h1{font-size:clamp(2rem,4vw,3.25rem)}
.profile-copy p{font-size:.96rem;line-height:1.55}
.profile-tags{margin-top:12px}
.profile-tags span{padding:5px 9px;font-size:.72rem}
.profile-stats{
  background:linear-gradient(145deg,#171717,#26231e);
  color:#fff;
  border:1px solid #4b402e;
  box-shadow:none;
}
.profile-stats strong{color:#f2d28f}
.profile-stats span{color:#bfb7a8}
.profile-stats div+div{border-left:1px solid #3b352b}

/* Keep the beginning of the page tight when the site has little content. */
.story-strip{padding:10px 0 20px}
.home-highlights{padding:28px 0 24px}
.quick-worlds{padding:14px 0 22px}
.discover-shell{padding:6px 0 26px}
.feed-shell{padding:26px 0 62px}

/* Category cards: less "button row", more branded navigation. */
.quick-world{position:relative;overflow:hidden;padding:18px 20px;border-radius:16px}
.quick-world:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(#e5c27a,#8d652e)
}
.quick-world:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.28)}

/* Helpful introduction while the feed is still young. */
.starter-note{padding:0 0 12px}
.starter-note-inner{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:16px 18px;border:1px solid #342f27;border-radius:18px;
  background:linear-gradient(135deg,rgba(17,17,17,.94),rgba(31,29,25,.92));
  color:#fff;
}
.starter-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #8b6936;color:#e0bd78;background:#0d0d0d}
.starter-note strong{font-size:.94rem}
.starter-note p{margin:2px 0 0;color:#aaa;font-size:.83rem}
.starter-note a{white-space:nowrap;color:#e0bd78;font-size:.82rem;font-weight:900}

/* Feed gets visual priority. */
.feed-head{margin-bottom:14px}
.feed-tools{margin-bottom:10px}
.feed-grid{align-items:start}
.feed-grid.feed-grid-sparse{
  grid-template-columns:minmax(0,760px);
  justify-content:start;
}
.feed-grid.feed-grid-sparse .feed-card{
  display:grid;
  grid-template-columns:minmax(260px,44%) 1fr;
  min-height:300px;
}
.feed-grid.feed-grid-sparse .card-media{height:100%;aspect-ratio:auto;min-height:300px}
.feed-grid.feed-grid-sparse .card-body{padding:24px}
.feed-grid.feed-grid-sparse .card-title{font-size:clamp(1.5rem,2.8vw,2.15rem)}
.feed-grid.feed-grid-sparse .card-excerpt{font-size:.96rem;line-height:1.6}

/* Better no-image fallback: designed placeholder instead of an empty pale block. */
.card-placeholder{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 72% 22%,rgba(199,154,74,.18),transparent 28%),
    linear-gradient(145deg,#f7f4ed 0%,#e4ded1 100%);
}
.card-placeholder:before{
  content:"✦";position:absolute;font-size:5rem;color:rgba(143,103,45,.12);
  transform:rotate(14deg)
}
.card-placeholder span{
  position:relative;z-index:1;padding:10px 14px;border:1px solid #b9aa90;
  border-radius:999px;background:rgba(255,255,255,.45);color:#171717;
}

/* Slightly reduce giant empty-feeling panels. */
.feature-card{min-height:240px}
.feature-card.feature-main{min-height:360px}
.discover-panel{padding:22px}
.discover-card{min-height:140px}

@media(max-width:900px){
  .header-brand-row{min-height:78px}
  .bw-header-logo,
  .site-header.is-condensed .bw-header-logo{
    width:190px!important;height:62px!important;max-width:190px!important;max-height:62px!important
  }
  .profile-shell{padding:26px}
  .profile-stats{width:100%;justify-content:space-around}
  .feed-grid.feed-grid-sparse{grid-template-columns:1fr}
  .feed-grid.feed-grid-sparse .feed-card{grid-template-columns:1fr}
  .feed-grid.feed-grid-sparse .card-media{aspect-ratio:16/9;min-height:0}
}
@media(max-width:620px){
  .header-brand-row{min-height:68px}
  .bw-header-logo,
  .site-header.is-condensed .bw-header-logo{
    width:158px!important;height:52px!important;max-width:158px!important;max-height:52px!important
  }
  .profile-hero{padding-top:20px}
  .profile-shell{padding:22px 18px}
  .profile-main{align-items:flex-start}
  .profile-avatar{width:58px;height:58px;flex-basis:58px}
  .profile-tags{gap:5px}
  .profile-tags span{font-size:.66rem}
  .profile-stats{gap:0}
  .profile-stats div{min-width:0;flex:1;padding:13px 8px}
  .quick-world-grid{grid-template-columns:1fr}
  .starter-note-inner{grid-template-columns:auto 1fr}
  .starter-note a{grid-column:2}
  .feed-grid.feed-grid-sparse .card-body{padding:18px}
}


/* ==========================================================
   Adventure Bobby81 – Social Feed 13.0 — Hauptmenü + Untermenüs
   ========================================================== */

.primary-nav{overflow:visible}
.primary-nav .primary-menu{overflow:visible}
.primary-nav .menu-item{position:relative}
.primary-nav .menu-item-has-children{display:flex;align-items:center}
.primary-nav .menu-item-has-children>a{padding-right:5px}

.submenu-toggle{
  appearance:none;border:0;background:transparent;color:#d9b66f;
  width:31px;height:31px;padding:0;margin:0 4px 0 -1px;
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  font:inherit;transition:background .18s ease,color .18s ease,transform .18s ease
}
.submenu-toggle span{display:block;font-size:1.05rem;line-height:1;transition:transform .2s ease}
.submenu-toggle:hover,.submenu-toggle:focus-visible{background:#25221c;color:#f3d18b;outline:none}
.menu-item-has-children.submenu-open>.submenu-toggle span{transform:rotate(180deg)}

.primary-nav .sub-menu{
  display:block!important;
  position:absolute;z-index:120;left:50%;top:calc(100% + 7px);
  width:250px;min-width:250px;margin:0!important;padding:8px!important;
  list-style:none;opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,8px);
  background:rgba(11,11,11,.98);border:1px solid #3a3329;border-radius:16px;
  box-shadow:0 22px 52px rgba(0,0,0,.52);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.primary-nav .sub-menu:before{
  content:"";position:absolute;left:50%;top:-6px;width:10px;height:10px;
  transform:translateX(-50%) rotate(45deg);background:#0b0b0b;
  border-left:1px solid #3a3329;border-top:1px solid #3a3329
}
.primary-nav .menu-item-has-children:hover>.sub-menu,
.primary-nav .menu-item-has-children:focus-within>.sub-menu,
.primary-nav .menu-item-has-children.submenu-open>.sub-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.primary-nav .sub-menu li{display:block;width:100%}
.primary-nav .sub-menu a{
  display:block!important;width:100%;padding:11px 12px!important;border-radius:11px;
  color:#f4f1ea!important;font-size:.86rem!important;line-height:1.2;text-align:left;
}
.primary-nav .sub-menu a:hover,
.primary-nav .sub-menu a:focus,
.primary-nav .sub-menu .current-menu-item>a{
  background:#f5f1e8!important;color:#111!important
}
.submenu-kicker{
  display:block;margin-bottom:3px;color:#b38a4d;font-size:.61rem;font-weight:900;
  line-height:1;letter-spacing:.14em;text-transform:uppercase
}
.primary-nav .sub-menu a:hover .submenu-kicker,
.primary-nav .sub-menu a:focus .submenu-kicker{color:#7c5928}

/* Bridge the small visual gap so hover dropdowns do not collapse. */
.primary-nav .menu-item-has-children:after{
  content:"";position:absolute;left:0;right:0;top:100%;height:10px
}

@media(max-width:900px){
  .primary-nav{max-height:calc(100vh - 82px);overflow-y:auto}
  .primary-nav .menu-item-has-children{
    display:grid;grid-template-columns:1fr auto;align-items:center
  }
  .primary-nav .menu-item-has-children>a{padding-right:10px}
  .submenu-toggle{
    width:40px;height:40px;margin:2px 0;color:#dfbd78;border:1px solid #312c24;
    background:#171511
  }
  .primary-nav .sub-menu{
    grid-column:1/-1;position:static!important;width:auto;min-width:0;
    margin:0 0 5px!important;padding:0 0 0 12px!important;
    opacity:1;visibility:visible;pointer-events:auto;transform:none!important;
    max-height:0;overflow:hidden;background:transparent;border:0;border-radius:0;
    box-shadow:none;transition:max-height .28s ease,padding .28s ease
  }
  .primary-nav .sub-menu:before,.primary-nav .menu-item-has-children:after{display:none}
  .primary-nav .menu-item-has-children.submenu-open>.sub-menu{
    max-height:420px;padding-top:4px!important;padding-bottom:7px!important
  }
  .primary-nav .sub-menu a{
    padding:10px 12px!important;border-left:1px solid #4a3b27;border-radius:0 10px 10px 0;
    background:#111!important
  }
  .primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus{
    background:#efe9dc!important;color:#111!important
  }
}

@media(max-width:620px){
  .primary-nav{padding:10px 12px 16px}
  .primary-nav>ul>li>a{font-size:.94rem}
}


/* ADVENTURE BOBBY81 14 – automatisch ergänzte Untermenüpunkte */
.primary-nav .bw-auto-menu-item > a:before{
  display:block;
  margin-bottom:3px;
  color:#b38a4d;
  font-size:.61rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.primary-nav .bw-kicker-draussen > a:before{content:"Draußen"}
.primary-nav .bw-kicker-unterwegs > a:before{content:"Unterwegs"}
.primary-nav .bw-kicker-augenblicke > a:before{content:"Augenblicke"}
.primary-nav .bw-kicker-fahrkultur > a:before{content:"Fahrkultur"}
.primary-nav .bw-kicker-entdeckt > a:before{content:"Entdeckt"}
.primary-nav .bw-kicker-gemeinsam > a:before{content:"Gemeinsam"}
.primary-nav .bw-kicker-charakter > a:before{content:"Charakter"}
.primary-nav .bw-kicker-miniaturen > a:before{content:"Miniaturen"}
.primary-nav .bw-kicker-vitrine > a:before{content:"Vitrine"}
.primary-nav .bw-kicker-nah-dran > a:before{content:"Nah dran"}

/* ADVENTURE BOBBY81 14.3 – kompakter Willkommensbeitrag */
.home-welcome{padding:14px 0 34px}
.welcome-card{overflow:hidden;border:1px solid #3a3329;border-radius:24px;background:linear-gradient(145deg,#171717,#0d0d0d);box-shadow:0 20px 52px rgba(0,0,0,.28);color:#eee}
.welcome-preview{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:24px 28px}
.welcome-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f2e9d8;color:#111;font-size:1.55rem;box-shadow:0 0 0 2px #9b7537}
.welcome-preview h2{margin:3px 0 6px;color:#fff;font-size:clamp(1.35rem,3vw,2rem)}
.welcome-preview p{margin:0;color:#c5c5c5;line-height:1.6}
.welcome-details{border-top:1px solid #302a21}
.welcome-details summary{padding:15px 28px;color:#edcc8b;font-weight:850;cursor:pointer;list-style:none;transition:background .2s,color .2s}
.welcome-details summary::-webkit-details-marker{display:none}
.welcome-details summary:after{content:"＋";float:right;font-size:1.2rem;line-height:1}
.welcome-details[open] summary:after{content:"−"}
.welcome-details summary:hover,.welcome-details summary:focus-visible{background:#1d1a16;color:#fff;outline:none}
.welcome-content{padding:8px 28px 30px;border-top:1px solid #26221c;color:#d1d1d1;line-height:1.72}
.welcome-content h3{margin:30px 0 8px;color:#fff;font-size:1.2rem}
.welcome-content p{margin:0 0 14px}
.welcome-content ul{margin:10px 0 20px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.welcome-content li{position:relative;padding-left:25px}
.welcome-content li:before{content:"✓";position:absolute;left:0;color:#dfb967;font-weight:900}
.welcome-content strong{color:#fff}
@media(max-width:620px){.home-welcome{padding-top:6px}.welcome-preview{padding:20px 18px;align-items:start}.welcome-icon{width:44px;height:44px;font-size:1.25rem}.welcome-details summary{padding:14px 18px}.welcome-content{padding:4px 18px 24px}.welcome-content ul{grid-template-columns:1fr}}

/* ADVENTURE BOBBY81 14.4 – Tastaturzugang */
.skip-link{position:fixed;z-index:99999;left:14px;top:14px;transform:translateY(-160%);padding:11px 15px;border-radius:10px;background:#fff;color:#111;font-weight:900;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--bw-gold);outline-offset:3px}

/* ADVENTURE BOBBY81 14.5 – nicht verlinkte Menü-Überschriften */
.primary-nav .bw-menu-heading-label{cursor:default;user-select:none}
.primary-nav .bw-menu-heading:not(.menu-item-has-children)>.bw-menu-heading-label{color:#c9c3b8}

/* ADVENTURE BOBBY81 14.6 – eigenständige Darstellung statischer Seiten */
.static-page-shell{width:min(980px,calc(100% - 32px));margin:46px auto 70px}
.static-page{overflow:hidden;border:1px solid #d8d4cb;border-radius:28px;background:#fffdf9;color:#222;box-shadow:0 24px 64px rgba(0,0,0,.28)}
.static-page-cover{aspect-ratio:16/6;overflow:hidden;background:#151515}
.static-page-cover img{width:100%;height:100%;object-fit:cover}
.static-page-inner{padding:clamp(26px,5vw,58px)}
.static-page-header{max-width:800px;margin:0 auto 34px;padding-bottom:25px;border-bottom:1px solid #dedbd4}
.static-page-header h1{margin:8px 0 0;color:#171719;font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.035em}
.static-page .entry-content{max-width:800px;margin-inline:auto;color:#34383d;font-size:1.02rem;line-height:1.8;overflow-wrap:anywhere}
.static-page .entry-content h2{margin:2em 0 .65em;color:#171719;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2}
.static-page .entry-content h3{margin:1.65em 0 .55em;color:#252525;font-size:1.25rem}
.static-page .entry-content a{color:#77531d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.static-page .entry-content a:hover{color:#111}
.static-page .entry-content ul,.static-page .entry-content ol{padding-left:1.35em}
.static-page .entry-content img{max-width:100%;height:auto;border-radius:14px}
.static-page-pagination{max-width:800px;margin:28px auto 0;padding-top:18px;border-top:1px solid #dedbd4;font-weight:800}
@media(max-width:620px){.static-page-shell{width:min(100% - 16px,980px);margin:18px auto 48px}.static-page{border-radius:20px}.static-page-cover{aspect-ratio:4/2}.static-page-inner{padding:26px 19px}.static-page-header{margin-bottom:24px;padding-bottom:18px}}

/* =========================================================
   Adventure Bobby81 — Bobby on Tour Edition
   Inspired by the supplied round outdoor badge/logo.
   ========================================================= */
:root{
  --bw-ink:#17180f;
  --bw-ink-2:#343a21;
  --bw-gold:#d8c889;
  --bw-sand:#0a0b07;
  --bw-paper:#f4f0d9;
  --bw-moss:#5d6534;
  --bw-line:#b8ad79;
  --bw-muted:#6e6b55;
  --bw-shadow:0 18px 45px rgba(0,0,0,.28);
  --bw-radius:16px;
}
body{
  background:
    radial-gradient(circle at 50% -15%,rgba(122,132,66,.28),transparent 35rem),
    linear-gradient(150deg,#050604 0%,#11130b 52%,#252916 100%);
  color:var(--bw-ink);
}
.site-header{background:rgba(7,8,5,.94);border-bottom:1px solid rgba(184,173,121,.32)}
.header-inner{min-height:108px;flex-direction:column;justify-content:center;gap:8px;padding:10px 0 8px}
.header-brand-row{width:100%;display:flex;justify-content:center;align-items:center;position:relative}
.site-branding{min-width:0;justify-content:center}
.bw-header-logo,.custom-logo{max-height:78px;width:auto;filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
.primary-nav{margin:0 auto}.primary-nav a{color:#eee8c9;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#d9cf9c;color:#12140b}
.profile-hero{position:relative;overflow:hidden;background:linear-gradient(rgba(8,10,5,.48),rgba(8,10,5,.82)),url(//www.adventurebobby81.de/wp-content/themes/bahrwelten-social/assets/images/adventure-bobby81-logo.png) center 37%/min(760px,80vw) auto no-repeat;padding:74px 0 66px;border-bottom:1px solid rgba(184,173,121,.28)}
.profile-shell{background:rgba(12,14,8,.82);border:1px solid rgba(216,200,137,.34);box-shadow:0 22px 65px rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.profile-avatar{background:#15180d;border-color:#8e9451;color:#eee8c9}.profile-avatar b{font-family:Georgia,serif;letter-spacing:.04em}
.profile-copy .eyebrow,.eyebrow{color:#d8c889}.profile-copy h1{color:#fffbed;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 0 #111}
.profile-copy p{color:#ded9bb}.profile-tags span{background:rgba(101,111,57,.28);border-color:rgba(216,200,137,.26);color:#f1ebcb}
.profile-stats{border-color:rgba(216,200,137,.28)}.profile-stats strong{color:#e5d79e}.profile-stats span{color:#bdb99f}
.story-ring{background:linear-gradient(145deg,#d8c889,#5d6534,#242817)}
.home-highlights,.quick-worlds,.feed-shell{background:transparent}
.section-title-row h2,.feed-head h2{color:#f4f0d9}.section-title-row p,.feed-head p{color:#b9b69f}
.eyebrow.dark{color:#d8c889}
.feature-card,.quick-world,.feed-card,.world-card,.article-card{background:#f1ecd3;border-color:#a89d69}
.feature-card:after{background:linear-gradient(transparent,rgba(9,10,5,.9))}
.quick-world{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 28px rgba(0,0,0,.18)}
.quick-world small{color:#6d713e}.quick-world b{color:#5d6534}
.discover-panel{background:linear-gradient(135deg,#202512,#3d4723);border-color:#6f7940}.discover-head h2{color:#fffbed}.discover-head p{color:#d5d0b5}
.feed-tools{background:rgba(18,21,11,.9);border-color:rgba(216,200,137,.25)}
.feed-search input{background:#f4f0d9;border-color:#9d9363}.type-filter,.view-button{background:#ede7c9;border-color:#a89d69;color:#27291a}.type-filter.is-active,.view-button.is-active{background:#5d6534;color:#fffbed;border-color:#7d8748}
.feed-status{color:#c8c3a6}.feed-reset{color:#e3d69c}
.card-kicker,.post-type-badge{color:#61672f}.read-more{color:#30351c}.read-more:hover{color:#667036}
.card-placeholder{background:linear-gradient(135deg,#d7d0a8,#889052);color:#222514}
.site-footer{background:#080905;border-top:1px solid #454b29;color:#eee8c9}.footer-inner p{color:#a8a58e}.footer-links a:hover{color:#d8c889}
.mobile-dock{background:rgba(8,9,5,.96);border-color:#4b512d}.mobile-dock a{color:#d8d3b7}
.article-inner h1{color:#1d2012}.entry-content{color:#3d402d}.entry-content blockquote{border-color:#69723b}
@media(max-width:900px){.header-inner{min-height:82px;flex-direction:row}.header-brand-row{justify-content:flex-start}.bw-header-logo,.custom-logo{max-height:62px}.menu-toggle{position:absolute;right:0;background:#5d6534;color:#fffbed}.primary-nav{top:82px;background:#11130b;border-color:#3c4224}.primary-nav a{color:#eee8c9}.profile-hero{padding-top:42px;background-size:680px auto}}
@media(max-width:620px){.bw-header-logo,.custom-logo{max-height:54px}.profile-hero{padding:28px 0 34px;background-size:560px auto}.profile-shell{border-radius:18px}.profile-copy h1{font-size:clamp(2rem,12vw,3.4rem)}}

/* ==========================================================
   ADVENTURE BOBBY81 v16 — SOCIAL FIRST
   MySocial MVP is the product; the theme is its outdoor skin.
   ========================================================== */
:root{--ab81-bg:#0d0f0b;--ab81-panel:#151912;--ab81-panel2:#1c2118;--ab81-line:#343b2b;--ab81-olive:#788250;--ab81-moss:#a7ae75;--ab81-cream:#f3efdf;--ab81-muted:#b6b9a9;--ab81-sand:#d9c58d}
body.ab81-social-mode{background:var(--ab81-bg);color:var(--ab81-cream)}
body.ab81-social-mode .site-header{background:rgba(10,12,9,.96);border-bottom:1px solid var(--ab81-line);backdrop-filter:blur(16px)}
body.ab81-social-mode .bw-header-logo,body.ab81-social-mode .site-header .custom-logo{height:58px;max-height:58px}
body.ab81-social-mode #content{background:radial-gradient(circle at 50% -10%,rgba(120,130,80,.18),transparent 34%),var(--ab81-bg)}
.ab81-community-intro{padding:34px 20px 24px;border-bottom:1px solid rgba(167,174,117,.15)}
.ab81-community-intro__inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:180px minmax(0,760px);gap:30px;align-items:center}
.ab81-community-intro img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.ab81-community-kicker{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--ab81-sand)}
.ab81-community-intro h1{font-size:clamp(2rem,4vw,3.8rem);line-height:.98;margin:8px 0 12px;color:var(--ab81-cream);letter-spacing:-.045em}
.ab81-community-intro p{max-width:720px;color:var(--ab81-muted);font-size:1.02rem;line-height:1.65;margin:0}
.ab81-community-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ab81-community-button{display:inline-flex;padding:11px 17px;border-radius:999px;background:var(--ab81-cream);color:#10120e!important;text-decoration:none;font-weight:900}.ab81-community-button.is-secondary{background:transparent;color:var(--ab81-cream)!important;border:1px solid var(--ab81-line)}
.ab81-community-welcome{display:inline-flex;margin-top:18px;padding:9px 13px;border:1px solid var(--ab81-line);border-radius:999px;color:var(--ab81-moss);font-weight:800;font-size:.84rem}
.ab81-plugin-feed{width:min(1380px,100%);margin:0 auto;padding:22px 14px 60px}
.ab81-plugin-missing{min-height:60vh;display:grid;place-items:center;padding:30px}.ab81-plugin-missing>div{max-width:680px;padding:32px;border:1px solid var(--ab81-line);border-radius:24px;background:var(--ab81-panel)}

/* MySocial brand integration */
.ab81-social-mode .mysocial-feed-frame,.ab81-social-mode .mysocial-shell,.ab81-social-mode .mysocial-public-profile{--mysocial-accent:#a7ae75;--mysocial-bg:#0d0f0b;--mysocial-card:#171b14}
.ab81-social-mode .mysocial-feed-shell,.ab81-social-mode .mysocial-shell{max-width:1320px!important;margin-inline:auto!important;gap:18px!important}
.ab81-social-mode .mysocial-nav{background:#11140f!important;border-color:var(--ab81-line)!important;box-shadow:none!important}
.ab81-social-mode .mysocial-nav-brand{border-bottom-color:var(--ab81-line)!important}
.ab81-social-mode .mysocial-brand-mark{background-image:url(//www.adventurebobby81.de/wp-content/themes/bahrwelten-social/assets/images/adventure-bobby81-logo.png)!important;background-size:cover!important;background-position:center!important;color:transparent!important;width:48px!important;height:48px!important;border-radius:50%!important}
.ab81-social-mode .mysocial-brand-copy strong{color:var(--ab81-cream)!important}.ab81-social-mode .mysocial-brand-copy small{color:var(--ab81-moss)!important}
.ab81-social-mode .mysocial-nav-links a,.ab81-social-mode .mysocial-nav-logout{color:#c9ccbd!important;border-color:transparent!important}.ab81-social-mode .mysocial-nav-links a:hover,.ab81-social-mode .mysocial-nav-links a.is-active{background:#22281d!important;color:var(--ab81-cream)!important}
.ab81-social-mode .mysocial-card{background:#151912!important;border-color:var(--ab81-line)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
.ab81-social-mode .mysocial-button{background:var(--ab81-cream)!important;color:#10120e!important;border-color:var(--ab81-cream)!important}.ab81-social-mode .mysocial-outline-button{border-color:#596044!important;color:var(--ab81-cream)!important}
.ab81-social-mode .mysocial-kicker,.ab81-social-mode .mysocial-username,.ab81-social-mode .mysocial-muted,.ab81-social-mode .mysocial-hint{color:#aeb3a3!important}
.ab81-social-mode .mysocial-card h1,.ab81-social-mode .mysocial-card h2,.ab81-social-mode .mysocial-card h3,.ab81-social-mode .mysocial-card strong{color:var(--ab81-cream)}
.ab81-social-mode .mysocial-card input,.ab81-social-mode .mysocial-card textarea,.ab81-social-mode .mysocial-card select{background:#0f120d!important;border-color:#3c4432!important;color:var(--ab81-cream)!important}
.ab81-social-mode .mysocial-avatar{border-color:#60694a!important}.ab81-social-mode .mysocial-badge{background:#d9c58d!important;color:#17170f!important}
.ab81-social-mode .mysocial-mobile-title strong:after{content:" Bobby81"}.ab81-social-mode .mysocial-mobile-title span{font-size:0}.ab81-social-mode .mysocial-mobile-title span:after{content:"Freunde · Bekannte · neue Verbindungen";font-size:.72rem}
.ab81-social-mode .mysocial-discover-card h3:after{content:" in Bobbys Community"}

/* Social pages should not feel like a second public website. */
.ab81-social-mode .primary-nav>ul>li:not(:last-child){opacity:.88}
@media(max-width:820px){.ab81-community-intro{padding:22px 16px 14px}.ab81-community-intro__inner{grid-template-columns:88px 1fr;gap:16px}.ab81-community-intro img{width:88px;height:88px}.ab81-community-intro h1{font-size:1.8rem}.ab81-community-intro p{font-size:.92rem}.ab81-plugin-feed{padding:12px 0 48px}.ab81-social-mode .mysocial-feed-shell,.ab81-social-mode .mysocial-shell{gap:0!important}}
@media(max-width:540px){.ab81-community-intro__inner{grid-template-columns:1fr}.ab81-community-intro img{width:76px;height:76px}.ab81-community-intro h1{font-size:1.65rem}.ab81-community-actions{display:grid;grid-template-columns:1fr 1fr}.ab81-community-button{justify-content:center;text-align:center;padding-inline:10px}}

/* ==========================================================
   ADVENTURE BOBBY81 v17 — SOCIAL APP
   Logged-in members enter the community immediately.
   ========================================================== */
body.ab81-social-member{background:#080a07!important}
body.ab81-social-member #content{background:#080a07!important;min-height:calc(100vh - 74px)}
body.ab81-social-member .site-header{position:sticky;top:32px;z-index:9000;height:74px;background:rgba(8,10,7,.94)!important;border-bottom:1px solid #2d3324!important;backdrop-filter:blur(18px)}
body.admin-bar.ab81-social-member .site-header{top:32px}
body.ab81-social-member .header-inner{width:min(1500px,calc(100% - 32px));min-height:74px;height:74px;padding:6px 0;display:flex;flex-direction:row;justify-content:flex-start;gap:12px}
body.ab81-social-member .header-brand-row{width:auto;justify-content:flex-start}
body.ab81-social-member .site-branding{justify-content:flex-start}
body.ab81-social-member .bw-header-logo,body.ab81-social-member .site-header .custom-logo{width:58px!important;height:58px!important;max-height:58px!important;object-fit:contain}
.ab81-member-brand{display:grid;gap:0;margin-left:2px;line-height:1}.ab81-member-brand span{color:#f3efdf;font-size:15px;font-weight:900;letter-spacing:.02em}.ab81-member-brand small{margin-top:5px;color:#a7ae75;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
body.ab81-social-member .menu-toggle{display:none!important}
body.ab81-social-member .ab81-plugin-feed{width:100%;max-width:none;margin:0;padding:14px 16px 42px}
body.ab81-social-member .mysocial-feed-frame{width:100%}
body.ab81-social-member .mysocial-feed-shell{width:min(1500px,100%)!important;max-width:1500px!important;margin:0 auto!important;transform:none!important;grid-template-columns:220px minmax(600px,820px) minmax(260px,320px)!important;gap:20px!important;padding:18px!important;border-color:#252b20!important;border-radius:22px!important;background:radial-gradient(circle at 12% 0%,rgba(120,130,80,.10),transparent 26%),#0b0e0a!important;box-shadow:0 22px 60px rgba(0,0,0,.25)!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav,body.ab81-social-member .mysocial-right-rail{top:124px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav{padding:4px 8px!important}
body.ab81-social-member .mysocial-nav-brand{padding:7px 8px 16px!important}
body.ab81-social-member .mysocial-brand-mark{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:50%!important;box-shadow:0 7px 24px rgba(0,0,0,.35)!important}
body.ab81-social-member .mysocial-brand-copy strong{font-size:14px!important}body.ab81-social-member .mysocial-brand-copy small{font-size:9px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,body.ab81-social-member .mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{padding:10px!important;border-radius:12px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{background:linear-gradient(90deg,rgba(167,174,117,.17),rgba(167,174,117,.035))!important;box-shadow:inset 3px 0 0 #a7ae75!important}
body.ab81-social-member .mysocial-main{gap:12px!important}
body.ab81-social-member .mysocial-card{background:linear-gradient(180deg,#151a13,#11150f)!important;border-color:#30372a!important;border-radius:18px!important}
body.ab81-social-member .mysocial-stories-shell{background:transparent!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important}
body.ab81-social-member .mysocial-composer{border-color:#3d4534!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
body.ab81-social-member .mysocial-composer textarea,body.ab81-social-member .mysocial-comment-form input{background:#090c08!important;border-color:#333a2d!important}
body.ab81-social-member .mysocial-button{background:#ece5c9!important;color:#11140d!important;border-color:#ece5c9!important;box-shadow:none!important;font-weight:850!important}
body.ab81-social-member .mysocial-post{border-color:#30372a!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
body.ab81-social-member .mysocial-comment-bubble{background:#20261d!important}
body.ab81-social-member .mysocial-right-rail .mysocial-card{background:#11150f!important}
body.ab81-social-member .mysocial-discover-card>a:hover strong{color:#d9c58d!important}
body.ab81-social-member .mysocial-discover-card .mysocial-discover-more{color:#c9bd84!important}
body.ab81-social-member .mysocial-feed-debug{opacity:.65;font-size:11px!important}
body.ab81-social-member .ab81-member-footer{display:none}
body.ab81-social-member .ab81-member-hide{display:none!important}

@media(max-width:1180px){body.ab81-social-member .mysocial-feed-shell{grid-template-columns:205px minmax(0,760px)!important;max-width:1020px!important}body.ab81-social-member .mysocial-right-rail{display:none!important}}
@media(max-width:820px){body.ab81-social-member .site-header{top:0;height:64px}body.admin-bar.ab81-social-member .site-header{top:46px}body.ab81-social-member .header-inner{min-height:64px;height:64px;width:calc(100% - 24px)}body.ab81-social-member .bw-header-logo,body.ab81-social-member .site-header .custom-logo{width:48px!important;height:48px!important;max-height:48px!important}.ab81-member-brand span{font-size:14px}.ab81-member-brand small{font-size:9px}body.ab81-social-member .ab81-plugin-feed{padding:0}body.ab81-social-member .mysocial-feed-shell{width:100%!important;max-width:none!important;grid-template-columns:1fr!important;padding:0 0 78px!important;border:0!important;border-radius:0!important;min-height:calc(100vh - 64px)}body.ab81-social-member .mysocial-feed-shell>.mysocial-nav{top:auto!important;background:rgba(10,13,9,.97)!important;border-top-color:#343b2b!important}body.ab81-social-member .mysocial-main{padding-top:0!important}}
@media(max-width:782px){body.admin-bar.ab81-social-member .site-header{top:46px}}

/* ==========================================================
   ADVENTURE BOBBY81 v18 — CENTERED OUTDOOR SOCIAL
   ========================================================== */
body.ab81-social-member{--ab18-bg:#080b07;--ab18-panel:#11180f;--ab18-panel2:#151d12;--ab18-line:#33402a;--ab18-olive:#7f9142;--ab18-cream:#f2ecd7;background:var(--ab18-bg)!important}
body.ab81-social-member .site-header{position:sticky;top:32px;height:82px;background:rgba(8,12,7,.97)!important;border-bottom:1px solid #263020!important;box-shadow:0 8px 30px rgba(0,0,0,.24)}
body.ab81-social-member .header-inner{width:min(1360px,calc(100% - 40px));height:82px;min-height:82px;margin:auto;display:grid;grid-template-columns:270px minmax(300px,560px) 1fr;align-items:center;gap:24px;padding:0}
body.ab81-social-member .header-brand-row{display:flex;align-items:center;gap:12px;min-width:0}
body.ab81-social-member .bw-header-logo,body.ab81-social-member .site-header .custom-logo{width:62px!important;height:62px!important;max-height:62px!important}
body.ab81-social-member .ab81-member-brand{margin:0}.ab81-member-brand span{font-size:18px!important}.ab81-member-brand small{font-size:9px!important;color:#d3c28a!important}
.ab81-social-search{height:44px;border:1px solid #3b4733;border-radius:13px;background:#0e140d;display:flex;align-items:center;padding:0 14px;gap:9px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ab81-social-search span{font-size:22px;color:#e8e2ce}.ab81-social-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#eee9da!important;font:inherit!important;padding:0!important;box-shadow:none!important}.ab81-social-search input::placeholder{color:#9ca391}
.ab81-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.ab81-top-actions>a{height:42px;min-width:42px;padding:0 12px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#eee9da!important;text-decoration:none!important;background:#11170f;font-weight:800}.ab81-top-actions>a:hover{background:#29351d;border-color:#455633}.ab81-top-actions .ab81-profile-chip{padding:0 15px;background:transparent}
.ab81-social-hero{height:178px;border-bottom:1px solid #28321f;background-image:linear-gradient(90deg,rgba(8,11,7,.1),rgba(8,11,7,.04) 55%,rgba(8,11,7,.35)),url(//www.adventurebobby81.de/wp-content/themes/bahrwelten-social/assets/images/adventure-social-hero.png);background-size:cover;background-position:center 37%;overflow:hidden}
.ab81-social-hero__inner{width:min(1360px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.ab81-social-hero__copy{display:grid;gap:10px;color:#10140c;text-shadow:0 1px rgba(255,255,255,.25)}.ab81-social-hero__copy strong{font-size:35px;line-height:.98;font-style:italic;letter-spacing:-.03em}.ab81-social-hero__copy span{font-size:11px;font-weight:950;letter-spacing:.13em}.ab81-social-hero__claim{color:#f5eed8;font-size:22px;line-height:1.18;font-style:italic;font-weight:750;text-align:right;text-shadow:0 2px 9px #000}
body.ab81-social-member #content{min-height:calc(100vh - 260px)!important;background:radial-gradient(circle at 50% 0%,rgba(91,112,56,.10),transparent 40%),#080b07!important}
body.ab81-social-member .ab81-plugin-feed{width:100%;max-width:none;padding:18px 20px 54px!important}
body.ab81-social-member .mysocial-feed-frame{width:100%!important}
body.ab81-social-member .mysocial-feed-shell{width:min(1360px,100%)!important;max-width:1360px!important;margin:0 auto!important;grid-template-columns:230px minmax(0,760px) 300px!important;gap:18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:start!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav,body.ab81-social-member .mysocial-right-rail{top:138px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav{background:linear-gradient(180deg,#11190f,#0e140c)!important;border:1px solid #2f3b28!important;border-radius:18px!important;padding:10px!important;box-shadow:0 16px 36px rgba(0,0,0,.20)!important}
body.ab81-social-member .mysocial-nav-brand{padding:8px 8px 15px!important}.ab81-social-member .mysocial-brand-mark{width:48px!important;height:48px!important;flex-basis:48px!important}.ab81-social-member .mysocial-brand-copy strong{font-size:13px!important}.ab81-social-member .mysocial-brand-copy small{color:#cabb80!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,body.ab81-social-member .mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{min-height:44px;padding:10px 11px!important;border-radius:11px!important;font-size:13px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{background:linear-gradient(90deg,#687a32,#4e5d28)!important;color:#fff!important;box-shadow:none!important}
body.ab81-social-member .mysocial-main{gap:14px!important;min-width:0!important}
body.ab81-social-member .mysocial-card,body.ab81-social-member .mysocial-post{background:linear-gradient(180deg,#141c12,#10170e)!important;border:1px solid #33402b!important;border-radius:17px!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important}
body.ab81-social-member .mysocial-stories-shell{padding:12px 16px!important;border:1px solid #2d3926!important;border-radius:16px!important;background:#10160e!important}
body.ab81-social-member .mysocial-composer{padding:15px!important;background:linear-gradient(180deg,#151e13,#11180f)!important;border:1px solid #3a492f!important;border-radius:17px!important}
body.ab81-social-member .mysocial-composer textarea{min-height:92px!important;background:#0a0f09!important;border:1px solid #303b29!important;border-radius:13px!important}
body.ab81-social-member .mysocial-button{background:#dcd4b8!important;border-color:#dcd4b8!important;color:#12160f!important;border-radius:999px!important}
body.ab81-social-member .mysocial-post{overflow:hidden!important}.ab81-social-member .mysocial-post-image{border-radius:12px!important}.ab81-social-member .mysocial-post-content{font-size:14px!important;line-height:1.55!important}
body.ab81-social-member .mysocial-right-rail{display:grid!important;gap:14px!important}.ab81-social-member .mysocial-right-rail .mysocial-card,.ab81-social-member .mysocial-discover-card{background:linear-gradient(180deg,#131b11,#0f160e)!important;border:1px solid #303c28!important;border-radius:17px!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
body.ab81-social-member .mysocial-feed-debug{display:none!important}
body.ab81-social-member .ab81-member-footer{display:block!important;border-top:1px solid #26311f;background:#080b07!important}
body.ab81-social-member .site-footer{background:#080b07!important}
@media(max-width:1180px){body.ab81-social-member .header-inner{grid-template-columns:240px 1fr auto}.ab81-top-actions>a:not(.ab81-profile-chip){display:none}.ab81-social-hero__inner,body.ab81-social-member .header-inner{width:min(1000px,calc(100% - 32px))}body.ab81-social-member .mysocial-feed-shell{max-width:1000px!important;grid-template-columns:215px minmax(0,1fr)!important}.ab81-social-member .mysocial-right-rail{display:none!important}}
@media(max-width:820px){body.ab81-social-member .site-header{top:0;height:68px}.ab81-social-member .ab81-member-brand{display:none}.ab81-social-search{display:none}.ab81-top-actions{margin-left:auto}.ab81-top-actions .ab81-profile-chip{display:flex!important}.ab81-social-hero{height:120px}.ab81-social-hero__inner{width:100%;padding:0 18px}.ab81-social-hero__copy strong{font-size:25px}.ab81-social-hero__copy span{font-size:8px}.ab81-social-hero__claim{display:none}body.ab81-social-member .header-inner{width:calc(100% - 24px);height:68px;min-height:68px;display:flex}.ab81-social-member .bw-header-logo,.ab81-social-member .site-header .custom-logo{width:50px!important;height:50px!important}.ab81-social-member .ab81-plugin-feed{padding:0 0 76px!important}body.ab81-social-member .mysocial-feed-shell{grid-template-columns:1fr!important;width:100%!important;max-width:none!important}.ab81-social-member .mysocial-feed-shell>.mysocial-nav{border-radius:0!important;border-left:0!important;border-right:0!important;top:auto!important}}

/* ==========================================================
   ADVENTURE BOBBY81 v19 — TRUE CENTERED SOCIAL DASHBOARD
   Rebuild of the logged-in home layout around the requested mockup.
   ========================================================== */
body.ab81-social-member{--ab19-max:1180px;--ab19-left:218px;--ab19-right:258px;--ab19-gap:16px;background:#070a06!important}
body.ab81-social-member .site-header{position:relative!important;top:auto!important;height:68px!important;background:#091008!important;border-bottom:1px solid #26301f!important;box-shadow:none!important}
body.admin-bar.ab81-social-member .site-header{top:auto!important}
body.ab81-social-member .header-inner{width:min(var(--ab19-max),calc(100% - 32px))!important;height:68px!important;min-height:68px!important;grid-template-columns:250px minmax(320px,1fr) auto!important;gap:18px!important;padding:0!important}
body.ab81-social-member .bw-header-logo,body.ab81-social-member .site-header .custom-logo{width:48px!important;height:48px!important;max-height:48px!important}
body.ab81-social-member .ab81-member-brand span{font-size:16px!important}body.ab81-social-member .ab81-member-brand small{font-size:8px!important;margin-top:4px!important}
body.ab81-social-member .ab81-social-search{height:40px!important;border-radius:10px!important;background:#0d140c!important}
body.ab81-social-member .ab81-top-actions>a{height:38px!important;min-width:38px!important;border-radius:9px!important;background:#11190f!important}
body.ab81-social-member .ab81-top-actions .ab81-profile-chip{background:transparent!important;padding-inline:8px!important}

body.ab81-social-member .ab81-social-hero{height:152px!important;background-image:linear-gradient(90deg,rgba(7,10,6,.32),rgba(7,10,6,.03) 42%,rgba(7,10,6,.38)),url(//www.adventurebobby81.de/wp-content/themes/bahrwelten-social/assets/images/adventure-mountain-banner.jpg)!important;background-size:cover!important;background-position:center 48%!important;border:0!important;border-bottom:1px solid #293322!important}
body.ab81-social-member .ab81-social-hero__inner{width:min(var(--ab19-max),calc(100% - 32px))!important;padding:0 20px!important;align-items:center!important}
body.ab81-social-member .ab81-social-hero__copy{max-width:460px!important;color:#f4ecd5!important;text-shadow:0 2px 14px #000!important;gap:9px!important}
body.ab81-social-member .ab81-social-hero__copy strong{font-family:Georgia,serif!important;font-size:30px!important;line-height:1.05!important;font-style:italic!important;letter-spacing:-.03em!important}
body.ab81-social-member .ab81-social-hero__copy span{font-size:9px!important;letter-spacing:.16em!important;color:#e1d6ad!important}
body.ab81-social-member .ab81-social-hero__claim{font-family:Georgia,serif!important;font-size:19px!important;line-height:1.2!important;color:#f5ecd2!important;text-shadow:0 2px 12px #000!important}
body.ab81-social-member .ab81-social-hero__claim em{font-weight:700}

body.ab81-social-member #content{background:radial-gradient(circle at 50% 0%,rgba(83,105,49,.10),transparent 36%),#070a06!important;min-height:calc(100vh - 220px)!important}
body.ab81-social-member .ab81-plugin-feed{width:100%!important;max-width:none!important;margin:0!important;padding:14px 16px 46px!important}
body.ab81-social-member .mysocial-feed-frame{width:100%!important}
body.ab81-social-member .mysocial-feed-shell{width:min(var(--ab19-max),100%)!important;max-width:var(--ab19-max)!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:var(--ab19-left) minmax(0,1fr) var(--ab19-right)!important;gap:var(--ab19-gap)!important;align-items:start!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav,body.ab81-social-member .mysocial-right-rail{position:sticky!important;top:14px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav{padding:9px!important;background:linear-gradient(180deg,#11190f,#0d140c)!important;border:1px solid #303b28!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
body.ab81-social-member .mysocial-nav-brand{padding:6px 7px 12px!important;margin-bottom:4px!important}
body.ab81-social-member .mysocial-brand-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,body.ab81-social-member .mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{min-height:40px!important;padding:8px 9px!important;border-radius:9px!important;font-size:12px!important}
body.ab81-social-member .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{background:linear-gradient(90deg,#66762f,#4b5926)!important;color:#fff!important}
body.ab81-social-member .mysocial-main{min-width:0!important;gap:12px!important}
/* v26 — Stories are a first-class part of the social feed again.
   v25 hid the complete MySocial story module, which also hid the upload button. */
body.ab81-social-member .mysocial-main>.mysocial-stories-shell{
  display:block!important;
  padding:12px 14px!important;
  margin:0 0 12px!important;
  background:linear-gradient(180deg,#11190f,#0d140c)!important;
  border:1px solid #303b28!important;
  border-radius:15px!important;
}
body.ab81-social-member .mysocial-stories-heading{margin-bottom:10px!important}
body.ab81-social-member .mysocial-stories-heading>div{gap:1px!important}
body.ab81-social-member .mysocial-stories-heading strong{font-size:14px!important}
body.ab81-social-member .mysocial-stories-heading span{font-size:10px!important}
body.ab81-social-member [data-story-compose-toggle]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;padding:7px 12px!important;border:1px solid #7e8e48!important;
  border-radius:999px!important;background:#66762f!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;cursor:pointer!important
}
body.ab81-social-member .mysocial-story-composer{margin:10px 0 8px!important;background:#0a0f09!important;border-color:#33402c!important}
body.ab81-social-member .mysocial-file-button{cursor:pointer!important}
body.ab81-social-member .mysocial-stories-row{min-height:72px!important}
@media(max-width:700px){
 body.ab81-social-member .mysocial-stories-heading{align-items:center!important}
 body.ab81-social-member [data-story-compose-toggle]{min-height:32px!important;padding:6px 10px!important}
}
body.ab81-social-member .mysocial-card,body.ab81-social-member .mysocial-post{background:linear-gradient(180deg,#131b11,#0f160e)!important;border:1px solid #303c28!important;border-radius:15px!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
body.ab81-social-member .mysocial-composer{padding:14px!important;border:1px solid #39472f!important;border-radius:15px!important}
body.ab81-social-member .mysocial-composer textarea{min-height:78px!important;border-radius:11px!important;background:#090e08!important}
body.ab81-social-member .mysocial-button{background:#ded6b8!important;border-color:#ded6b8!important;color:#11150e!important;border-radius:999px!important}
body.ab81-social-member .mysocial-post{padding:15px!important}
body.ab81-social-member .mysocial-post-content{font-size:13.5px!important;line-height:1.55!important}
body.ab81-social-member .mysocial-right-rail{display:grid!important;gap:12px!important;min-width:0!important}
body.ab81-social-member .mysocial-right-rail .mysocial-card,body.ab81-social-member .mysocial-discover-card{display:block!important;background:linear-gradient(180deg,#121a10,#0e150d)!important;border:1px solid #303c28!important;border-radius:15px!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
body.ab81-social-member .mysocial-feed-debug{display:none!important}
body.ab81-social-member .ab81-member-footer{display:block!important;margin-top:10px!important}

@media(max-width:1220px){body.ab81-social-member{--ab19-max:1040px;--ab19-left:205px;--ab19-right:0px}body.ab81-social-member .mysocial-feed-shell{grid-template-columns:var(--ab19-left) minmax(0,1fr)!important}body.ab81-social-member .mysocial-right-rail{display:none!important}body.ab81-social-member .header-inner,body.ab81-social-member .ab81-social-hero__inner{width:min(var(--ab19-max),calc(100% - 28px))!important}}
@media(max-width:820px){body.ab81-social-member .site-header{height:62px!important}body.ab81-social-member .header-inner{height:62px!important;min-height:62px!important;display:flex!important}body.ab81-social-member .ab81-social-hero{height:105px!important}body.ab81-social-member .ab81-social-hero__copy strong{font-size:22px!important}body.ab81-social-member .ab81-social-hero__copy span{font-size:7px!important}body.ab81-social-member .ab81-social-hero__claim{display:none!important}body.ab81-social-member .mysocial-feed-shell{width:100%!important;grid-template-columns:1fr!important}body.ab81-social-member .mysocial-feed-shell>.mysocial-nav{position:fixed!important;top:auto!important}body.ab81-social-member .ab81-plugin-feed{padding:8px 0 76px!important}}


/* =========================================================
   ADVENTURE BOBBY81 v20 — DARK CAMO HEADER
   Pure CSS camouflage: no hero photo / no generated artwork.
   ========================================================= */
body.ab81-social-member .ab81-social-hero{
  position:relative!important;
  height:142px!important;
  overflow:hidden!important;
  border-bottom:1px solid #303923!important;
  background-color:#10140d!important;
  background-image:
    radial-gradient(ellipse at 7% 24%,rgba(58,67,39,.95) 0 7%,transparent 7.5%),
    radial-gradient(ellipse at 20% 78%,rgba(31,39,24,.98) 0 10%,transparent 10.5%),
    radial-gradient(ellipse at 34% 30%,rgba(78,78,47,.58) 0 8%,transparent 8.5%),
    radial-gradient(ellipse at 47% 82%,rgba(42,51,29,.92) 0 11%,transparent 11.5%),
    radial-gradient(ellipse at 62% 24%,rgba(69,75,43,.72) 0 9%,transparent 9.5%),
    radial-gradient(ellipse at 77% 70%,rgba(29,36,22,.98) 0 12%,transparent 12.5%),
    radial-gradient(ellipse at 92% 22%,rgba(76,75,43,.62) 0 8%,transparent 8.5%),
    linear-gradient(117deg,#0b0f09 0%,#1c2416 27%,#11170e 51%,#252b19 73%,#0a0e08 100%)!important;
  background-size:520px 220px,580px 250px,650px 260px,610px 240px,700px 260px,620px 250px,540px 220px,100% 100%!important;
  background-position:0 0,40px -20px,130px 5px,210px -10px,310px 0,390px -20px,470px 10px,0 0!important;
}
body.ab81-social-member .ab81-social-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.06) 48%,rgba(0,0,0,.34)),linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.16));
  box-shadow:inset 0 0 70px rgba(0,0,0,.35);
}
body.ab81-social-member .ab81-social-hero__inner{position:relative;z-index:1!important}
body.ab81-social-member .ab81-social-hero__copy{color:#f4efdc!important;text-shadow:0 2px 5px #000,0 0 18px rgba(0,0,0,.75)!important}
body.ab81-social-member .ab81-social-hero__copy strong{font-family:Georgia,serif!important;font-size:30px!important;color:#fff7df!important}
body.ab81-social-member .ab81-social-hero__copy span{color:#d8d2ad!important;font-weight:900!important;text-shadow:0 2px 4px #000!important}
body.ab81-social-member .ab81-social-hero__claim{color:#fff3d4!important;text-shadow:0 2px 5px #000,0 0 18px #000!important}
@media(max-width:820px){body.ab81-social-member .ab81-social-hero{height:96px!important;background-size:390px 165px,435px 188px,488px 195px,458px 180px,525px 195px,465px 188px,405px 165px,100% 100%!important}}

/* ==========================================================
   v21 — Social App architecture + real dark Flecktarn header
   ========================================================== */
body.ab81-social-mode{background:#050905;color:#f4f0df}
body.ab81-social-mode #content{width:100%;max-width:none;margin:0;padding:0;background:transparent}
body.ab81-social-mode .static-page-shell,body.ab81-social-mode .static-page{display:none!important}

/* compact brand/header; camouflage is a theme vector asset, not a screenshot */
body.ab81-social-member .site-header{background:#071008;border-bottom:1px solid rgba(207,199,147,.12)}
body.ab81-social-member .ab81-social-hero{
  min-height:148px;background-color:#080d08;
  background-image:linear-gradient(90deg,rgba(2,5,3,.18),rgba(2,5,3,.05),rgba(2,5,3,.38)),url(//www.adventurebobby81.de/wp-content/themes/bahrwelten-social/assets/images/dark-flecktarn.svg);
  background-repeat:repeat-x;background-size:auto 100%;background-position:center;
  border-bottom:1px solid rgba(207,199,147,.18);box-shadow:inset 0 -28px 55px rgba(0,0,0,.24)
}
body.ab81-social-member .ab81-social-hero__inner{max-width:1180px;min-height:148px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:40px}
body.ab81-social-member .ab81-social-hero__copy strong,body.ab81-social-member .ab81-social-hero__claim{color:#f7f1dc!important;text-shadow:0 2px 8px #000,0 1px 2px #000}
body.ab81-social-member .ab81-social-hero__copy span{color:#d6cf9d!important;text-shadow:0 1px 5px #000}

/* Every MySocial WP page is now an application surface, not a WordPress article. */
.ab81-social-page-shell{width:min(1180px,calc(100% - 40px));margin:30px auto 70px;padding:0}
.ab81-social-page-content{min-width:0}
.ab81-social-page-content>p:empty{display:none}

/* Standalone shortcodes (groups, search, messages, settings...) become one persistent app grid. */
.ab81-social-page-content:has(>.mysocial-nav-standalone){display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.ab81-social-page-content>.mysocial-nav-standalone{position:sticky!important;top:86px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:220px!important;max-width:none!important;margin:0!important;padding:14px 10px!important;border:1px solid rgba(185,181,125,.14)!important;border-radius:18px!important;background:linear-gradient(180deg,#0c160d,#091009)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}
.ab81-social-page-content>.mysocial-nav-standalone .mysocial-nav-brand{display:flex!important}
.ab81-social-page-content>.mysocial-nav-standalone .mysocial-nav-links{display:grid!important;gap:5px!important}
.ab81-social-page-content>.mysocial-nav-standalone .mysocial-nav-links>a,.ab81-social-page-content>.mysocial-nav-standalone>.mysocial-nav-logout{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;width:100%!important;border-radius:11px!important;padding:10px!important}
.ab81-social-page-content>.mysocial-nav-standalone .mysocial-nav-links>a.is-active{background:#526426!important;box-shadow:inset 3px 0 #d8ce8d!important}

/* Remove plugin page margins so its actual content fills the center column. */
.ab81-social-page-content>.mysocial-groups-wrap,.ab81-social-page-content>.mysocial-search-wrap,.ab81-social-page-content>.mysocial-notifications-wrap,.ab81-social-page-content>.mysocial-messages-wrap,.ab81-social-page-content>.mysocial-settings-wrap,.ab81-social-page-content>.mysocial-dashboard-wrap,.ab81-social-page-content>.mysocial-auth-wrap,.ab81-social-page-content>.mysocial-public-profile,.ab81-social-page-content>.mysocial-single-wrap{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
.ab81-social-page-content .mysocial-card,.ab81-social-page-content .mysocial-group-card{background:linear-gradient(180deg,#0e190f,#0a120b)!important;border-color:rgba(185,181,125,.16)!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important}
.ab81-social-page-content .mysocial-kicker{color:#cfc681!important}

/* Feed shortcode already owns its embedded navigation; center the complete app instead of nesting it in a page card. */
.ab81-social-page-content>.mysocial-feed-frame{width:100%!important;max-width:none!important;margin:0!important}
.ab81-social-page-content .mysocial-feed-shell{width:100%!important;max-width:1180px!important;margin:0 auto!important;grid-template-columns:220px minmax(0,1fr)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ab81-social-page-content .mysocial-feed-shell>.mysocial-nav{background:linear-gradient(180deg,#0c160d,#091009)!important;border:1px solid rgba(185,181,125,.14)!important;border-radius:18px!important;padding:14px 10px!important}

/* Home uses the same centered width. */
body.ab81-social-home .ab81-plugin-feed{width:min(1180px,calc(100% - 40px))!important;margin:30px auto 70px!important}
body.ab81-social-home .mysocial-feed-shell{max-width:1180px!important;margin:0 auto!important;grid-template-columns:220px minmax(0,1fr)!important}

body.ab81-social-member .site-footer{border-top:1px solid rgba(185,181,125,.12);background:#050805}
body.ab81-social-member .site-footer .footer-inner{max-width:1180px;margin:auto}

@media(max-width:900px){
 .ab81-social-page-shell{width:100%;margin:14px auto 60px;padding:0 12px}
 .ab81-social-page-content:has(>.mysocial-nav-standalone){display:block}
 .ab81-social-page-content>.mysocial-nav-standalone{position:static!important;width:100%!important;margin-bottom:14px!important}
 body.ab81-social-member .ab81-social-hero__inner{padding:18px}.ab81-social-hero__claim{display:none}
 .ab81-social-page-content .mysocial-feed-shell,body.ab81-social-home .mysocial-feed-shell{grid-template-columns:1fr!important}
}


/* v22 — centered three-column community dashboard */
body.ab81-social-member .ab81-social-hero{min-height:132px;background-size:620px auto;background-repeat:repeat;background-position:center 38%;box-shadow:inset 0 0 0 1000px rgba(2,7,3,.25),inset 0 -30px 60px rgba(0,0,0,.28)}
body.ab81-social-member .ab81-social-hero__inner{min-height:132px;padding-top:18px;padding-bottom:18px}
body.ab81-social-member .ab81-social-hero__copy strong{font-size:31px;line-height:1.02}
body.ab81-social-member .ab81-social-hero__claim{font-size:20px;line-height:1.1}
.ab81-social-page-shell{width:min(1320px,calc(100% - 40px))}
.ab81-social-page-content .mysocial-feed-shell,body.ab81-social-home .mysocial-feed-shell{max-width:1320px!important;grid-template-columns:210px minmax(0,1fr) 250px!important;gap:16px!important}
body.ab81-social-home .ab81-plugin-feed{width:min(1320px,calc(100% - 40px))!important}
.ab81-social-page-content .mysocial-right-rail,body.ab81-social-home .mysocial-right-rail{display:grid!important;gap:12px!important;position:sticky!important;top:86px!important;align-self:start!important}
.ab81-social-page-content .mysocial-feed-shell>.mysocial-nav,body.ab81-social-home .mysocial-feed-shell>.mysocial-nav{position:sticky!important;top:86px!important;align-self:start!important}
.ab81-social-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start}
.ab81-social-page-layout .ab81-social-page-content:has(>.mysocial-nav-standalone){grid-template-columns:210px minmax(0,1fr);gap:16px}
.ab81-community-rail{display:grid;gap:12px;position:sticky;top:86px;align-self:start}
.ab81-rail-card{padding:16px;border:1px solid rgba(185,181,125,.17);border-radius:16px;background:linear-gradient(180deg,#111b10,#0b130b);box-shadow:0 14px 34px rgba(0,0,0,.2)}
.ab81-rail-card h3{margin:3px 0 12px;color:#f5f0df;font-size:17px}.ab81-rail-card p{margin:8px 0 12px;color:#b9c0ad;font-size:12px;line-height:1.55}.ab81-rail-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#d0c67f}
.ab81-rail-card>a:not(.ab81-rail-button){display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);color:#e7e5d8;font-size:12px;text-decoration:none}.ab81-rail-card>a:hover{color:#d9cf88}
.ab81-rail-profile-head{display:flex;align-items:center;gap:10px}.ab81-rail-profile-head img{width:54px;height:54px;border-radius:50%;border:2px solid #66762f}.ab81-rail-profile-head small,.ab81-rail-profile-head strong{display:block}.ab81-rail-profile-head small{color:#aeb5a4;font-size:10px}.ab81-rail-profile-head strong{margin-top:2px;color:#fff;font-size:15px}
.ab81-rail-button{display:block!important;padding:10px 12px!important;border:1px solid #71813c!important;border-radius:10px;background:linear-gradient(90deg,#5d6f2c,#73813f);color:#fff!important;text-align:center;font-weight:800;text-decoration:none}
body.ab81-social-member .mysocial-nav-logout{margin-top:7px!important;border-top:1px solid rgba(255,255,255,.06)!important}
@media(max-width:1180px){.ab81-social-page-layout{grid-template-columns:1fr}.ab81-community-rail{display:none}.ab81-social-page-content .mysocial-feed-shell,body.ab81-social-home .mysocial-feed-shell{grid-template-columns:205px minmax(0,1fr)!important;max-width:1040px!important}.ab81-social-page-content .mysocial-right-rail,body.ab81-social-home .mysocial-right-rail{display:none!important}}
@media(max-width:900px){.ab81-social-page-layout{display:block}.ab81-social-page-content .mysocial-feed-shell,body.ab81-social-home .mysocial-feed-shell{grid-template-columns:1fr!important}body.ab81-social-member .ab81-social-hero{min-height:102px;background-size:480px auto}body.ab81-social-member .ab81-social-hero__inner{min-height:102px}}


/* =========================================================
   v23 — Social polish / consistent desktop app
   ========================================================= */
@media (min-width: 1180px) {
  body.logged-in .mysocial-feed-frame,
  body.logged-in .mysocial-shell,
  body.logged-in .ab81-social-app-grid { max-width: 1180px !important; margin-left:auto !important; margin-right:auto !important; }
  body.logged-in .mysocial-feed-shell { grid-template-columns: 176px minmax(0, 1fr) 220px !important; gap:16px !important; align-items:start; }
  body.logged-in .mysocial-nav { position:sticky !important; top:48px !important; }
  body.logged-in .ab81-community-rail,
  body.logged-in .mysocial-sidebar { position:sticky !important; top:48px !important; }
}
/* Compact composer so real posts enter the viewport sooner. */
.mysocial-composer textarea { min-height:72px !important; }
.mysocial-composer { padding:14px !important; }
.mysocial-composer-head { margin-bottom:10px !important; }
.mysocial-composer-actions { padding-top:10px !important; }
/* More refined dark-camo header: subdued texture, text stays dominant. */
.ab81-social-hero, .site-hero, .social-hero {
  background-color:#081008 !important;
  background-size:320px 180px !important;
  background-blend-mode:soft-light !important;
}
.ab81-social-hero::after, .site-hero::after, .social-hero::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,rgba(3,8,4,.55),rgba(8,15,8,.12) 48%,rgba(3,8,4,.55));
}
/* Community vocabulary */
.mysocial-nav a, .mysocial-card, .ab81-community-rail { letter-spacing:0; }
/* Group cards should form a useful grid instead of hanging alone. */
.mysocial-group-grid, [data-group-list] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px !important; }
@media(max-width:760px){.mysocial-group-grid,[data-group-list]{grid-template-columns:1fr !important;}}


/* =========================================================
   v24 — contacts compatibility + balanced app shell
   ========================================================= */
@media (min-width:1180px){
 body.logged-in .ab81-social-page-layout{grid-template-columns:minmax(0,1fr) 220px!important;gap:18px!important}
 body.logged-in .ab81-social-page-content{min-width:0!important;overflow:visible!important}
 body.logged-in .ab81-social-page-content>.mysocial-userlist-page{width:100%!important;max-width:none!important;margin:0!important}
 body.logged-in .mysocial-userlist-page.mysocial-shell{grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important}
 body.logged-in .mysocial-userlist-page .mysocial-nav{top:48px!important}
}

/* v25 — dynamic MySocial community rail */
.ab81-community-rail>.ab81-rail-card{margin:0}.ab81-community-rail .ab81-rail-card a span{margin-left:auto}.ab81-community-rail .ab81-rail-card a{display:flex;align-items:center;gap:8px}

/* =========================================================
   v27 — Mobile & Tablet app pass
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:1100px){
 body.ab81-social-member .ab81-social-page-shell,body.ab81-social-home .ab81-plugin-feed{width:min(100% - 24px,920px)!important}
 body.ab81-social-member .ab81-social-page-layout{grid-template-columns:1fr!important}
 body.ab81-social-member .ab81-community-rail,body.ab81-social-member .mysocial-right-rail{display:none!important}
 body.ab81-social-member .mysocial-feed-shell{grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}
}
@media(max-width:820px){
 body.ab81-social-member .site-header{height:60px!important;min-height:60px!important}
 body.ab81-social-member .header-inner{min-height:60px!important;padding:0 10px!important;gap:10px!important}
 body.ab81-social-member .custom-logo{max-height:38px!important}
 body.ab81-social-member .ab81-social-hero{min-height:84px!important}
 body.ab81-social-member .ab81-social-hero__inner{min-height:84px!important;padding:12px 14px!important}
 body.ab81-social-member .ab81-social-hero__copy strong{font-size:clamp(20px,5vw,27px)!important}
 body.ab81-social-member .ab81-social-page-shell,body.ab81-social-home .ab81-plugin-feed{width:100%!important;margin:8px auto 48px!important;padding:0 8px!important}
 body.ab81-social-member .ab81-social-page-content:has(>.mysocial-nav-standalone),body.ab81-social-member .mysocial-feed-shell{display:block!important;padding:8px!important;border-radius:14px!important}
 body.ab81-social-member .mysocial-nav,body.ab81-social-member .mysocial-nav-standalone{position:sticky!important;top:0!important;z-index:35!important;width:100%!important;max-width:none!important;margin:0 0 8px!important;padding:6px!important;border-radius:12px!important;background:rgba(9,16,8,.96)!important;backdrop-filter:blur(12px)}
 body.ab81-social-member .mysocial-nav-links{display:flex!important;gap:5px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px!important}
 body.ab81-social-member .mysocial-nav-links::-webkit-scrollbar{display:none}
 body.ab81-social-member .mysocial-nav-links>a{flex:0 0 auto!important;min-height:38px!important;padding:8px 10px!important;border-radius:9px!important;white-space:nowrap!important}
 body.ab81-social-member .mysocial-nav-logout{display:none!important}
 body.ab81-social-member .mysocial-main,body.ab81-social-member .mysocial-feed-main{min-width:0!important;width:100%!important}
 body.ab81-social-member .mysocial-card,body.ab81-social-member .mysocial-post{border-radius:13px!important}
 body.ab81-social-member .mysocial-composer{padding:12px!important}
 body.ab81-social-member .mysocial-composer textarea{min-height:64px!important}
 body.ab81-social-member .mysocial-stories-shell{padding:10px!important;border-radius:13px!important}
 body.ab81-social-member .mysocial-stories-row{overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}
 body.ab81-social-member .mysocial-stories-row::-webkit-scrollbar{display:none}
 body.ab81-social-member .mysocial-story-thumb{scroll-snap-align:start}
 body .mysocial-public-profile .mysocial-profile-tabs{position:sticky!important;top:48px!important;z-index:24!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;background:#0c140c!important;padding:6px!important;border-radius:12px!important}
 body .mysocial-public-profile .mysocial-profile-tabs::-webkit-scrollbar{display:none}
 body .mysocial-public-profile .mysocial-profile-tabs a{flex:0 0 auto!important;white-space:nowrap!important}
 body .mysocial-messages-wrap{display:block!important;max-width:100%!important}
 body .mysocial-conversation-panel{max-height:300px!important;margin-bottom:10px!important}
 body .mysocial-chat-panel{min-height:500px!important;max-width:100%!important}
 body .mysocial-message-thread{padding:14px!important}
 body .mysocial-message-form{position:sticky!important;bottom:0!important;z-index:15!important;padding:10px!important}
 body .mysocial-message-form .mysocial-button{min-width:78px!important}
 body .mysocial-profile-media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
 body.ab81-social-member .ab81-social-hero{min-height:72px!important;background-size:260px 150px!important}
 body.ab81-social-member .ab81-social-hero__inner{min-height:72px!important}
 body.ab81-social-member .ab81-social-hero__copy strong{font-size:19px!important}
 body.ab81-social-member .ab81-social-hero__claim{display:none!important}
 body.ab81-social-member .mysocial-feed-shell{padding:5px!important;border:0!important;background:transparent!important;box-shadow:none!important}
 body.ab81-social-member .mysocial-nav,body.ab81-social-member .mysocial-nav-standalone{margin-inline:-1px!important}
 body.ab81-social-member .mysocial-post-header{gap:8px!important}
 body.ab81-social-member .mysocial-owner-tools{margin-left:0!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important}
 body.ab81-social-member .mysocial-post-actions{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}
 body.ab81-social-member .mysocial-post-actions>*{flex:0 0 auto!important}
 body .mysocial-notifications-head{align-items:stretch!important;flex-direction:column!important}
 body .mysocial-notice-readall{width:100%!important}
 body .mysocial-notice-main{grid-template-columns:30px 40px minmax(0,1fr) 8px!important;gap:8px!important}
 body .mysocial-profile-media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 body .mysocial-lightbox-prev,body .mysocial-lightbox-next{width:40px!important;height:48px!important}
 body .mysocial-lightbox-info{bottom:44px!important;width:92vw!important}
 body .mysocial-message-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
 body .mysocial-message-compose textarea{min-height:44px!important}
}

/* =========================================================
   v28 — Smartphone layout correction
   ========================================================= */
@media (max-width: 820px){
 body.ab81-social-member .site-header{position:relative!important;top:auto!important;height:58px!important;min-height:58px!important}
 body.ab81-social-member .header-inner{width:100%!important;height:58px!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 12px!important}
 body.ab81-social-member .header-brand-row{min-height:0!important;flex:0 0 auto!important}
 body.ab81-social-member .bw-header-logo,body.ab81-social-member .site-header .custom-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
 body.ab81-social-member .ab81-member-brand,body.ab81-social-member .ab81-social-search{display:none!important}
 body.ab81-social-member .ab81-top-actions{margin-left:auto!important;gap:4px!important}
 body.ab81-social-member .ab81-top-actions>a:not(.ab81-profile-chip){display:none!important}
 body.ab81-social-member .ab81-top-actions .ab81-profile-chip{display:flex!important;height:38px!important;min-width:0!important;padding:0 6px!important;font-size:14px!important;white-space:nowrap!important}
 body.ab81-social-member .ab81-social-hero{height:94px!important;min-height:94px!important;background-size:cover!important;background-position:center!important}
 body.ab81-social-member .ab81-social-hero__inner{height:94px!important;min-height:94px!important;width:100%!important;padding:12px 18px!important}
 body.ab81-social-member .ab81-social-hero__copy{gap:7px!important}
 body.ab81-social-member .ab81-social-hero__copy strong{font-size:clamp(21px,6vw,28px)!important;line-height:1.05!important}
 body.ab81-social-member .ab81-social-hero__copy span{font-size:8px!important;letter-spacing:.10em!important}
 body.ab81-social-member .ab81-social-hero__claim{display:none!important}
 body.ab81-social-member .ab81-social-page-shell,body.ab81-social-home .ab81-plugin-feed{width:100%!important;margin:0 auto 32px!important;padding:10px!important}
 body.ab81-social-member .ab81-social-page-layout{display:block!important}
 body.ab81-social-member .ab81-social-page-content:has(>.mysocial-nav-standalone){display:block!important;padding:0!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone{position:sticky!important;top:0!important;z-index:80!important;width:100%!important;max-width:none!important;margin:0 0 10px!important;padding:5px!important;border-radius:12px!important;background:rgba(10,16,10,.97)!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-brand,body.ab81-social-member .mysocial-nav.mysocial-nav-standalone>.mysocial-nav-logout{display:none!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;width:100%!important;overflow-x:auto!important;padding:1px!important;scrollbar-width:none!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links::-webkit-scrollbar{display:none!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:max-content!important;min-height:38px!important;padding:7px 9px!important;border-radius:9px!important;white-space:nowrap!important;grid-template-columns:none!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a i{width:24px!important;height:24px!important;flex:0 0 24px!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a span{display:block!important;width:auto!important;font-size:12px!important;white-space:nowrap!important}
 body.ab81-social-member .mysocial-nav.mysocial-nav-standalone .mysocial-badge{position:static!important;margin-left:2px!important}
 body.ab81-social-member .mysocial-userlist-page.mysocial-shell{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
 body.ab81-social-member .mysocial-userlist-page .mysocial-nav{margin-bottom:10px!important}
 body.ab81-social-member .mysocial-userlist-page .mysocial-main{width:100%!important}
}
@media (max-width: 560px){
 body.ab81-social-member .ab81-social-page-shell,body.ab81-social-home .ab81-plugin-feed{padding:8px!important}
 body.ab81-social-member .ab81-social-hero{height:88px!important;min-height:88px!important}
 body.ab81-social-member .ab81-social-hero__inner{height:88px!important;min-height:88px!important;padding:10px 14px!important}
 body.ab81-social-member .ab81-social-hero__copy strong{font-size:22px!important}
}

/* v29 — companion release for MySocial 3.29.0. Mobile component repairs live in the plugin so already-stable theme layouts remain untouched. */
.mysocial-app{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,680px);gap:24px;align-items:start;max-width:1040px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-main,.mysocial-feed{display:grid;gap:16px}.mysocial-card{background:#fff;border:1px solid #e3e7ee;border-radius:16px;box-shadow:0 4px 20px rgba(20,30,50,.06);padding:18px}.mysocial-profile{position:sticky;top:24px;text-align:center}.mysocial-profile h2{font-size:22px;margin:10px 0 0}.mysocial-profile h2 a,.mysocial-author-link,.mysocial-meta a{color:inherit;text-decoration:none}.mysocial-profile h2 a:hover,.mysocial-author-link:hover,.mysocial-meta a:hover{text-decoration:underline}.mysocial-profile p{margin:5px 0}.mysocial-profile-link{display:inline-block;margin-top:10px;font-weight:700;text-decoration:none}.mysocial-username,.mysocial-muted,.mysocial-meta,.mysocial-hint{color:#6d7480}.mysocial-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eef1f5}.mysocial-avatar-large{width:96px;height:96px}.mysocial-avatar-small{width:34px;height:34px}.mysocial-composer textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d7dce4;border-radius:12px;padding:14px;font:inherit;min-height:90px}.mysocial-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.mysocial-button,.mysocial-comment-form button{display:inline-flex;border:0;border-radius:999px;padding:9px 16px;background:#1f65d6;color:white;text-decoration:none;font-weight:700;cursor:pointer}.mysocial-button:disabled,.mysocial-comment-form button:disabled{opacity:.5;cursor:wait}.mysocial-status{min-height:1.2em;margin:8px 0 0;color:#4d5663}.mysocial-post-header{display:flex;align-items:center;gap:12px}.mysocial-post-content{font-size:16px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.mysocial-actions{display:flex;gap:16px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:10px 0;margin-top:12px}.mysocial-action{border:0;background:transparent;padding:4px 0;cursor:pointer;font:inherit;color:#586171}.mysocial-action.is-active{color:#d72c4d;font-weight:700}.mysocial-action:disabled{opacity:.55}.mysocial-action-static{color:#586171}.mysocial-comments{display:grid;gap:10px;margin-top:14px}.mysocial-comment{display:flex;gap:9px;align-items:flex-start}.mysocial-comment-bubble{background:#f2f5f8;border-radius:14px;padding:8px 12px;min-width:0}.mysocial-comment-bubble p{margin:2px 0;line-height:1.4}.mysocial-comment-bubble small{color:#7a818c}.mysocial-comment-form{display:flex;gap:8px;margin-top:12px}.mysocial-comment-form input{min-width:0;flex:1;border:1px solid #d7dce4;border-radius:999px;padding:9px 13px;font:inherit}.mysocial-login-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mysocial-login-note span{flex:1;min-width:220px}.mysocial-loading,.mysocial-empty,.mysocial-error{text-align:center}.mysocial-error{color:#9d1c2f}
.mysocial-public-profile{max-width:820px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:18px}.mysocial-profile-hero{padding:0;overflow:hidden}.mysocial-cover{height:230px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;background-color:#e9eef6}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#eef2f8,#dbe5f2)}.mysocial-cover.is-empty span{font-size:18px;color:#738098;font-weight:700}.mysocial-profile-identity{display:flex;gap:20px;align-items:flex-start;padding:0 26px 24px}.mysocial-profile-avatar{width:132px;height:132px;border:5px solid #fff;margin-top:-54px;box-shadow:0 3px 15px rgba(0,0,0,.12)}.mysocial-profile-copy{padding-top:16px;min-width:0}.mysocial-profile-copy h1{margin:0;font-size:30px;line-height:1.15}.mysocial-profile-bio{margin:12px 0 8px;line-height:1.55;white-space:pre-line}.mysocial-profile-stats{margin-top:10px}.mysocial-profile-editor details>summary{cursor:pointer;font-weight:800;font-size:17px}.mysocial-profile-editor form{display:grid;gap:14px;margin-top:16px}.mysocial-profile-editor label{display:grid;gap:6px;font-weight:700}.mysocial-profile-editor input,.mysocial-profile-editor textarea{box-sizing:border-box;width:100%;border:1px solid #d7dce4;border-radius:11px;padding:11px 12px;font:inherit;font-weight:400}.mysocial-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.mysocial-profile-posts>h2{font-size:22px;margin:4px 0 12px}
@media (max-width:800px){.mysocial-app{grid-template-columns:1fr;margin:16px}.mysocial-profile{position:static;text-align:left;display:flex;gap:14px;align-items:center}.mysocial-avatar-large{width:68px;height:68px}.mysocial-public-profile{margin:16px}.mysocial-cover{height:180px}.mysocial-profile-identity{padding:0 18px 20px}.mysocial-profile-avatar{width:104px;height:104px;margin-top:-42px}.mysocial-profile-copy h1{font-size:25px}}
@media (max-width:560px){.mysocial-profile-identity{display:block}.mysocial-profile-avatar{display:block}.mysocial-profile-copy{padding-top:8px}.mysocial-editor-actions{align-items:flex-start;flex-direction:column}.mysocial-actions{gap:10px;justify-content:space-between}.mysocial-comment-form{align-items:stretch}.mysocial-comment-form button{padding-inline:12px}}
@media (prefers-color-scheme:dark){.mysocial-card{background:#181a1f;border-color:#2c3139;color:#f2f4f7}.mysocial-composer textarea,.mysocial-comment-form input,.mysocial-profile-editor input,.mysocial-profile-editor textarea{background:#111318;border-color:#343a44;color:#f2f4f7}.mysocial-comment-bubble{background:#252930}.mysocial-actions{border-color:#2d323a}.mysocial-profile-avatar{border-color:#181a1f}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#252a33,#1d222a)}}
/* v0.3 */
.mysocial-image-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.mysocial-file-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #d7dce4;border-radius:999px;padding:8px 13px;font-weight:700;cursor:pointer}.mysocial-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mysocial-file-name{font-size:13px;color:#6d7480;overflow-wrap:anywhere}.mysocial-image-preview{margin-top:12px}.mysocial-image-preview img{display:block;max-width:100%;max-height:300px;border-radius:12px;object-fit:contain}.mysocial-post-headcopy{min-width:0;flex:1}.mysocial-owner-tools{display:flex;gap:8px;margin-left:auto;align-self:flex-start}.mysocial-text-button{border:0;background:transparent;padding:5px 7px;color:#596273;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mysocial-text-button:hover{text-decoration:underline}.mysocial-text-button.is-danger{color:#b3263d}.mysocial-post-image-link{display:block;margin:14px -18px 0}.mysocial-post-image{display:block;width:100%;max-height:620px;object-fit:cover;background:#eef1f5}.mysocial-action-link{text-decoration:none}.mysocial-edit-form{display:grid;gap:10px;margin:14px 0}.mysocial-edit-form textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d7dce4;border-radius:12px;padding:12px;font:inherit}.mysocial-edit-actions{display:flex;justify-content:flex-end;gap:8px}.mysocial-single-wrap{max-width:720px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-back-link{display:inline-block;margin:0 0 14px;text-decoration:none;font-weight:700}.mysocial-post-content[hidden]{display:none!important}@media(max-width:560px){.mysocial-owner-tools{gap:2px}.mysocial-text-button{padding-inline:4px}.mysocial-post-image-link{margin-left:-18px;margin-right:-18px}}@media(prefers-color-scheme:dark){.mysocial-file-button,.mysocial-edit-form textarea{border-color:#343a44}.mysocial-edit-form textarea{background:#111318;color:#f2f4f7}}

/* v0.4 – feste dunkle Social-Oberfläche mit weißer Schrift */
.mysocial-app,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap{color:#fff}
.mysocial-card{background:#181a1f;border-color:#2c3139;color:#fff}
.mysocial-card h1,.mysocial-card h2,.mysocial-card h3,.mysocial-card p,.mysocial-card strong,.mysocial-card span,.mysocial-card label,.mysocial-card summary,.mysocial-post-content,.mysocial-profile-copy,.mysocial-profile-bio{color:#fff}
.mysocial-app a,.mysocial-public-profile a,.mysocial-single-wrap a,.mysocial-notifications-wrap a{color:#fff}
.mysocial-username,.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-file-name,.mysocial-status,.mysocial-comment-bubble small{color:#c5cbd4}
.mysocial-action,.mysocial-action-static,.mysocial-text-button{color:#fff}
.mysocial-action.is-active{color:#ff6685}
.mysocial-text-button.is-danger{color:#ff8095}
.mysocial-composer textarea,.mysocial-comment-form input,.mysocial-profile-editor input,.mysocial-profile-editor textarea,.mysocial-edit-form textarea{background:#111318;border-color:#343a44;color:#fff}
.mysocial-composer textarea::placeholder,.mysocial-comment-form input::placeholder,.mysocial-profile-editor input::placeholder,.mysocial-profile-editor textarea::placeholder,.mysocial-edit-form textarea::placeholder{color:#aeb5c0;opacity:1}
.mysocial-comment-bubble{background:#252930;color:#fff}.mysocial-actions{border-color:#2d323a}.mysocial-file-button{border-color:#414751;color:#fff}.mysocial-profile-avatar{border-color:#181a1f}
.mysocial-notification-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-weight:800;text-decoration:none}.mysocial-badge{display:inline-flex;min-width:22px;height:22px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#d72c4d;color:#fff!important;font-size:12px}.mysocial-notifications-wrap{max-width:720px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-notifications-head h1{margin:4px 0 18px;color:#fff}.mysocial-notification-list{display:grid;gap:10px}.mysocial-notification-item{display:flex;align-items:center;gap:12px;text-decoration:none}.mysocial-notification-item:hover{transform:translateY(-1px)}.mysocial-notification-item.is-unread{border-left:4px solid #4f8cff}.mysocial-notification-item>span{display:grid;gap:3px}.mysocial-notification-item small{color:#c5cbd4}.mysocial-profile-link{color:#fff!important}
@media(max-width:800px){.mysocial-notifications-wrap{margin:16px}.mysocial-notification-link{justify-content:flex-start}}

/* v0.5 – Navigation, Suche, Hashtags und Erwähnungen */
.mysocial-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;gap:8px;max-width:1040px;margin:0 auto 18px;padding:10px 12px;background:#111318;border:1px solid #2c3139;border-radius:0 0 16px 16px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.mysocial-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:750;white-space:nowrap}.mysocial-nav a:hover{background:#252930}.mysocial-nav .mysocial-badge{margin-left:2px}
.mysocial-tag,.mysocial-mention{color:#8ab4ff!important;text-decoration:none;font-weight:750}.mysocial-tag:hover,.mysocial-mention:hover{text-decoration:underline}
.mysocial-search-wrap{max-width:820px;margin:24px auto;display:grid;gap:16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-search-box h1{margin-top:0}.mysocial-search-box form{display:flex;gap:10px}.mysocial-search-box input{flex:1;min-width:0;background:#111318;border:1px solid #343a44;color:#fff;border-radius:999px;padding:11px 15px;font:inherit}.mysocial-search-box input::placeholder{color:#aeb5c0}.mysocial-search-section{display:grid;gap:12px;margin-top:8px}.mysocial-search-section>h2{margin:8px 2px 0;color:#fff}.mysocial-user-result{display:flex;align-items:center;gap:13px;text-decoration:none}.mysocial-user-result>span{display:grid;gap:2px}.mysocial-user-result small{color:#c5cbd4}.mysocial-user-result p{margin:4px 0 0;color:#fff}.mysocial-search-wrap .mysocial-post{margin-bottom:12px}
@media(max-width:720px){.mysocial-nav{justify-content:space-around;border-radius:0;margin-bottom:12px;overflow-x:auto}.mysocial-nav a{padding:9px 10px}.mysocial-nav a span{display:none}.mysocial-search-wrap{margin:14px}.mysocial-search-box form{align-items:stretch}.mysocial-search-box input{width:100%}}

/* v0.6 – modernes Profil und direkte Profilmedien-Uploads */
.mysocial-profile-hero{background:#181a1f}.mysocial-cover{height:280px;background-color:#242830;border-bottom:1px solid #303640}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#292f39,#171a20)}.mysocial-profile-identity{padding:0 30px 28px;gap:22px}.mysocial-profile-avatar{width:148px;height:148px;margin-top:-62px;border:6px solid #181a1f;box-shadow:0 8px 26px rgba(0,0,0,.38)}.mysocial-profile-copy{padding-top:18px}.mysocial-profile-copy h1{font-size:32px;letter-spacing:-.02em}.mysocial-profile-stats{display:inline-flex;margin-top:12px;padding:7px 11px;border-radius:999px;background:#242830;color:#fff}.mysocial-profile-editor{overflow:hidden}.mysocial-profile-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mysocial-upload-card{border:1px dashed #4a5260;border-radius:14px;padding:14px;background:#111318}.mysocial-upload-card input{margin-top:8px;border:0!important;background:transparent!important;padding:0!important}.mysocial-upload-card span{font-size:12px;color:#c5cbd4!important;font-weight:500}.mysocial-profile-media-actions{display:flex;gap:10px;flex-wrap:wrap}.mysocial-profile-posts>h2{color:#fff}.mysocial-profile-editor details>summary{padding:2px 0}.mysocial-profile-editor details[open]>summary{margin-bottom:4px}@media(max-width:800px){.mysocial-cover{height:210px}.mysocial-profile-avatar{width:116px;height:116px;margin-top:-48px}.mysocial-profile-identity{padding:0 20px 22px}}@media(max-width:560px){.mysocial-cover{height:170px}.mysocial-profile-media-grid{grid-template-columns:1fr}.mysocial-profile-identity{display:flex;flex-direction:column;gap:2px}.mysocial-profile-avatar{width:104px;height:104px;margin-top:-44px}.mysocial-profile-copy h1{font-size:26px}.mysocial-profile-media-actions{flex-direction:column;align-items:flex-start}}


/* v0.7 – erweiterte öffentliche Profile */
.mysocial-profile-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px}.mysocial-profile-facts span,.mysocial-profile-facts a{color:#d8dde6!important;text-decoration:none;font-size:14px}.mysocial-profile-facts a:hover{text-decoration:underline}.mysocial-about h2{margin:0 0 12px;color:#fff}.mysocial-about-bio{margin:0 0 16px;line-height:1.65}.mysocial-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mysocial-about-grid>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#111318;border:1px solid #2c3139}.mysocial-about-grid span{font-size:12px;color:#aeb5c0!important;text-transform:uppercase;letter-spacing:.04em}.mysocial-about-grid strong,.mysocial-about-grid a{color:#fff!important;overflow-wrap:anywhere}.mysocial-profile-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mysocial-checkbox{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;align-self:end;padding:11px 12px;border:1px solid #343a44;border-radius:11px;background:#111318}.mysocial-checkbox input{width:auto!important;margin:0;accent-color:#4f8cff}.mysocial-checkbox span{font-weight:600;color:#fff!important}@media(max-width:700px){.mysocial-about-grid{grid-template-columns:1fr}.mysocial-profile-fields-grid{grid-template-columns:1fr}}

/* v0.8 – Meldungen, Blockieren und Moderation */
.mysocial-outline-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:9px 14px;border:1px solid #545c68;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:750;cursor:pointer}.mysocial-outline-button:hover{background:#252930}.mysocial-outline-button.is-blocked{border-color:#ff8095;color:#ffb1bf}.mysocial-outline-button:disabled{opacity:.55;cursor:wait}.mysocial-owner-tools [data-report-post]{color:#d7dce4}.mysocial-owner-tools [data-report-post]:hover{color:#fff}.mysocial-owner-tools [data-report-post]:disabled{opacity:.7;text-decoration:none}.mysocial-public-profile button,.mysocial-app button{font-family:inherit}

/* v0.9 – private 1:1-Nachrichten */
.mysocial-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.mysocial-profile-actions .mysocial-outline-button{margin-top:0}.mysocial-message-button{display:inline-flex;text-decoration:none}
.mysocial-messages-wrap{max-width:1100px;margin:24px auto;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-conversation-panel,.mysocial-chat-panel{min-height:620px;padding:0;overflow:hidden}.mysocial-messages-title{padding:20px;border-bottom:1px solid #2d323a}.mysocial-messages-title h1{margin:0 0 3px;color:#fff;font-size:24px}.mysocial-messages-title span{color:#bfc6d0}.mysocial-conversation-panel>[data-conversation-list]{display:grid}.mysocial-conversation-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;border:0;border-bottom:1px solid #252a31;background:transparent;color:#fff;text-align:left;cursor:pointer}.mysocial-conversation-item:hover,.mysocial-conversation-item.is-active{background:#252930}.mysocial-conversation-copy,.mysocial-conversation-meta{display:grid;gap:3px;min-width:0}.mysocial-conversation-copy strong,.mysocial-conversation-copy small,.mysocial-conversation-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mysocial-conversation-copy small,.mysocial-conversation-meta small{color:#bfc6d0}.mysocial-conversation-meta{justify-items:end}.mysocial-conversation-empty{padding:24px;color:#fff;line-height:1.5}.mysocial-conversation-empty small{color:#bfc6d0}.mysocial-chat-panel{display:flex}.mysocial-chat-empty{margin:auto;padding:30px;text-align:center;color:#fff}.mysocial-chat-empty p{color:#bfc6d0}.mysocial-chat{width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.mysocial-chat[hidden]{display:none!important}.mysocial-chat-header{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #2d323a;background:#15171c}.mysocial-chat-header>div{display:grid;gap:2px}.mysocial-chat-header a{color:#fff!important;text-decoration:none}.mysocial-chat-header span{color:#bfc6d0}.mysocial-message-thread{height:470px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:#111318}.mysocial-message{display:flex}.mysocial-message.is-mine{justify-content:flex-end}.mysocial-message-bubble{max-width:min(78%,560px);padding:10px 13px;border-radius:17px;background:#292e36;color:#fff;overflow-wrap:anywhere}.mysocial-message.is-mine .mysocial-message-bubble{background:#345da8}.mysocial-message-bubble p{margin:0;color:#fff;line-height:1.45}.mysocial-message-bubble small{display:block;margin-top:4px;color:#d1d7e0;font-size:11px}.mysocial-chat-start{margin:auto;text-align:center;color:#fff}.mysocial-chat-start p{color:#bfc6d0}.mysocial-message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px;border-top:1px solid #2d323a;background:#181a1f}.mysocial-message-form textarea{box-sizing:border-box;width:100%;resize:none;border:1px solid #3c434d;border-radius:14px;padding:11px 13px;background:#111318;color:#fff;font:inherit}.mysocial-message-form textarea::placeholder{color:#aeb5c0}.mysocial-message-form .mysocial-button{align-self:stretch}.mysocial-chat .mysocial-status{min-height:0;margin:0;padding:0 14px 10px;color:#d6dbe3;background:#181a1f}
@media(max-width:800px){.mysocial-messages-wrap{grid-template-columns:1fr;margin:12px}.mysocial-conversation-panel{min-height:0;max-height:320px}.mysocial-chat-panel{min-height:560px}.mysocial-message-thread{height:410px}}@media(max-width:520px){.mysocial-messages-wrap{margin:8px}.mysocial-message-form{grid-template-columns:1fr}.mysocial-message-bubble{max-width:88%}.mysocial-profile-actions{align-items:stretch}.mysocial-profile-actions .mysocial-button,.mysocial-profile-actions .mysocial-outline-button{width:100%}}

/* v1.0 dashboard, settings and mobile polish */
.mysocial-dashboard-wrap,.mysocial-settings-wrap{max-width:1040px;margin:24px auto 40px;display:grid;gap:16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mysocial-dashboard-hero{padding:28px}.mysocial-dashboard-hero h1,.mysocial-settings-head h1{margin:4px 0 10px;color:#fff;font-size:clamp(28px,5vw,42px);line-height:1.05}.mysocial-dashboard-hero p,.mysocial-settings-head p{margin:0;color:#c8ced7;line-height:1.55}.mysocial-kicker{display:inline-block;color:#9fc0ff!important;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mysocial-dashboard-user{display:flex;align-items:center;gap:16px}.mysocial-dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.mysocial-dashboard-actions .mysocial-outline-button{margin-top:0}.mysocial-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mysocial-dashboard-stat{display:grid;gap:4px;text-decoration:none;text-align:center;transition:transform .15s ease,border-color .15s ease}.mysocial-dashboard-stat:hover{transform:translateY(-2px);border-color:#4d5663}.mysocial-dashboard-stat>span{font-size:24px}.mysocial-dashboard-stat>strong{font-size:30px;color:#fff}.mysocial-dashboard-stat>small{color:#bfc6d0}.mysocial-dashboard-links h2{margin-top:0;color:#fff}.mysocial-dashboard-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mysocial-dashboard-links a{display:block;padding:13px 14px;border-radius:12px;background:#111318;border:1px solid #2c3139;color:#fff!important;text-decoration:none;font-weight:700}.mysocial-dashboard-links a:hover{background:#252930}.mysocial-settings-head{padding:24px}.mysocial-settings-form,.mysocial-account-box{display:grid;gap:12px}.mysocial-settings-form h2,.mysocial-account-box h2{margin:0 0 4px;color:#fff}.mysocial-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #2d323a}.mysocial-setting-row>span{display:grid;gap:4px}.mysocial-setting-row strong{color:#fff}.mysocial-setting-row small{color:#bfc6d0;line-height:1.45}.mysocial-setting-row input{width:22px;height:22px;accent-color:#4f8cff;flex:0 0 auto}.mysocial-settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:6px}.mysocial-settings-actions .mysocial-status{margin:0}.mysocial-outline-button.is-danger{border-color:#884553;color:#ffbec9!important}.mysocial-nav-logout{opacity:.78}
@media(max-width:860px){.mysocial-dashboard-wrap,.mysocial-settings-wrap{margin:14px}.mysocial-dashboard-grid{grid-template-columns:1fr 1fr}.mysocial-dashboard-links>div{grid-template-columns:1fr}.mysocial-nav{position:sticky;bottom:0;top:auto;justify-content:flex-start;max-width:none;border-radius:16px 16px 0 0;margin:0;overflow-x:auto;scrollbar-width:none}.mysocial-nav::-webkit-scrollbar{display:none}.mysocial-nav a{min-width:52px;justify-content:center}.mysocial-nav a span{display:none}}
@media(max-width:560px){.mysocial-dashboard-grid{grid-template-columns:1fr}.mysocial-dashboard-hero{padding:20px}.mysocial-dashboard-user{align-items:flex-start}.mysocial-dashboard-user .mysocial-avatar-large{width:62px;height:62px}.mysocial-setting-row{align-items:flex-start}.mysocial-dashboard-actions{align-items:stretch}.mysocial-dashboard-actions .mysocial-button,.mysocial-dashboard-actions .mysocial-outline-button{width:100%;box-sizing:border-box}.mysocial-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}}

/* v1.1 – eigene Anmeldung, Registrierung und Passwortverwaltung */
.mysocial-auth-wrap{max-width:560px;margin:34px auto 48px;padding:0 16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-auth-card{padding:28px;background:#181a1f!important;border-color:#2c3139!important;color:#fff!important}.mysocial-auth-card h1{margin:5px 0 10px;color:#fff!important;font-size:clamp(30px,6vw,42px);line-height:1.05}.mysocial-auth-card>p{margin:0 0 20px;color:#c8ced7!important;line-height:1.55}.mysocial-auth-form{display:grid;gap:15px;margin-top:20px}.mysocial-auth-form label{display:grid;gap:7px;color:#fff!important;font-weight:750}.mysocial-auth-form label small{color:#aeb5c0!important;font-weight:500}.mysocial-auth-form input[type=text],.mysocial-auth-form input[type=email],.mysocial-auth-form input[type=password]{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid #3b424d;border-radius:12px;background:#111318!important;color:#fff!important;font:inherit;outline:none}.mysocial-auth-form input:focus{border-color:#739fff;box-shadow:0 0 0 3px rgba(115,159,255,.16)}.mysocial-auth-form .mysocial-button{width:100%;justify-content:center;padding:12px 17px}.mysocial-auth-check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;font-weight:600!important}.mysocial-auth-check input{width:18px;height:18px;accent-color:#4f8cff}.mysocial-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #2c3139}.mysocial-auth-links a{color:#cfe0ff!important;text-decoration:none;font-weight:700}.mysocial-auth-links a:hover{text-decoration:underline}.mysocial-auth-notice{margin:16px 0;padding:12px 14px;border:1px solid #46505d;border-radius:12px;color:#fff!important;line-height:1.45}.mysocial-auth-notice.is-error{border-color:#874555;background:#2c171d;color:#ffd9df!important}.mysocial-auth-notice.is-success{border-color:#3f725a;background:#15271d;color:#d7ffe8!important}.mysocial-auth-card *{color:inherit}.mysocial-auth-card .mysocial-kicker{color:#9fc0ff!important}
@media(max-width:560px){.mysocial-auth-wrap{margin:16px auto 32px;padding:0 10px}.mysocial-auth-card{padding:20px}.mysocial-auth-links{display:grid}.mysocial-auth-links a{padding:5px 0}}

/* v1.2 – Account-Verwaltung */
.mysocial-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mysocial-account-form{display:grid;gap:12px;padding:16px;border:1px solid #2d323a;border-radius:14px;background:#111318;color:#fff}.mysocial-account-form h3{margin:0;color:#fff}.mysocial-account-form p{margin:0;color:#c8ced7}.mysocial-account-form label{display:grid;gap:7px;color:#fff;font-weight:700}.mysocial-account-form input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #3b424d;border-radius:11px;background:#181a1f!important;color:#fff!important;font:inherit}.mysocial-account-form input:focus{outline:none;border-color:#739fff;box-shadow:0 0 0 3px rgba(115,159,255,.14)}.mysocial-account-form .mysocial-outline-button{margin-top:2px;justify-content:center;background:transparent}.mysocial-danger-zone{display:grid;gap:12px;border-color:#61343f!important;background:#211418!important}.mysocial-danger-zone h2{margin:0;color:#ffdbe1!important}.mysocial-danger-zone p{margin:0;color:#e8c7ce!important;line-height:1.55}.mysocial-delete-form{margin-top:4px;border-color:#6e3945;background:#190f12}.mysocial-delete-form .is-danger{background:#3a1820!important;border-color:#9d5263!important;color:#ffd5de!important}.mysocial-account-box .mysocial-auth-notice{margin:0 0 6px}
@media(max-width:760px){.mysocial-account-grid{grid-template-columns:1fr}}

/* v1.3 – Feed-Pagination und Performance-Polish */
.mysocial-load-more{display:block;width:min(100%,680px);margin:14px auto 28px;padding:13px 18px;border:1px solid #414956;border-radius:13px;background:#1b1e24;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.mysocial-load-more:hover{background:#252a32;border-color:#596474;transform:translateY(-1px)}.mysocial-load-more:disabled{opacity:.6;cursor:wait;transform:none}.mysocial-load-more[hidden]{display:none!important}
@media(max-width:700px){.mysocial-load-more{width:calc(100% - 24px);margin:12px auto 24px}}


/* v1.4 – Präsenz und Verifizierungen */
.mysocial-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;border-radius:50%;background:#4f8cff;color:#fff!important;font-size:12px;font-weight:900;line-height:1;vertical-align:middle;box-shadow:0 0 0 2px rgba(79,140,255,.12)}
.mysocial-profile-copy h1 .mysocial-verified-badge{width:22px;height:22px;font-size:14px;transform:translateY(-2px)}
.mysocial-presence{display:inline-flex;align-items:center;gap:5px;color:#aeb5c0!important}.mysocial-presence::before{content:"";width:7px;height:7px;border-radius:50%;background:#69717d;box-shadow:0 0 0 2px rgba(105,113,125,.15)}.mysocial-presence.is-online{color:#d8ffe5!important}.mysocial-presence.is-online::before{background:#55d483;box-shadow:0 0 0 3px rgba(85,212,131,.14)}

/* v1.5 – Reaktionen, Reposts, Sichtbarkeit und angepinnte Beiträge */
.mysocial-visibility-picker{display:flex;align-items:center;gap:8px;color:#fff!important;font-weight:700}.mysocial-visibility-picker select,.mysocial-edit-visibility{border:1px solid #3c434d;border-radius:10px;background:#111318;color:#fff!important;padding:8px 10px;font:inherit}.mysocial-pinned-label,.mysocial-shared-label{display:inline-flex;align-items:center;gap:5px;margin:0 0 10px;color:#cfe0ff!important;font-size:12px;font-weight:800}.mysocial-post.is-pinned{border-color:#526c9a;box-shadow:0 0 0 1px rgba(115,159,255,.08)}.mysocial-actions-v15{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mysocial-reaction-wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mysocial-reaction-picker{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #343b46;border-radius:999px;background:#111318}.mysocial-reaction-choice{display:flex;align-items:center;gap:4px;border:0;border-radius:999px;background:transparent;color:#fff!important;padding:6px 8px;cursor:pointer;font:inherit}.mysocial-reaction-choice span{font-size:11px;color:#d8dde5!important}.mysocial-reaction-choice:hover,.mysocial-reaction-choice.is-active{background:#29364d}.mysocial-reaction-choice:disabled{opacity:.55;cursor:wait}.mysocial-reaction-total{color:#bac2ce!important;font-size:12px;font-weight:700}.mysocial-repost-card{display:block;margin:12px 0;padding:14px;border:1px solid #39414d;border-radius:14px;background:#111318;color:#fff!important;text-decoration:none;overflow:hidden}.mysocial-repost-card:hover{border-color:#536070}.mysocial-repost-author{margin-bottom:8px;color:#fff!important;font-weight:800}.mysocial-repost-author span{color:#aeb5c0!important;font-weight:600}.mysocial-repost-content{color:#fff!important;line-height:1.55}.mysocial-repost-card img{display:block;width:100%;max-height:460px;object-fit:cover;margin-top:10px;border-radius:10px}.mysocial-edit-form{gap:10px}.mysocial-edit-visibility{max-width:260px}
@media(max-width:700px){.mysocial-composer-actions{align-items:stretch}.mysocial-visibility-picker{justify-content:space-between}.mysocial-reaction-choice span{display:none}.mysocial-reaction-choice{font-size:18px;padding:6px 9px}.mysocial-reaction-picker{gap:2px}.mysocial-actions-v15{align-items:flex-start}}

/* v1.6 – Mehrfachbilder, Galerie und Vollbildansicht */
.mysocial-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.mysocial-image-preview[hidden]{display:none!important}.mysocial-image-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #343b46;background:#111318}.mysocial-gallery{position:relative;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:12px 0;border-radius:14px}.mysocial-gallery::-webkit-scrollbar{display:none}.mysocial-gallery-item{position:relative;flex:0 0 100%;padding:0;border:0;border-radius:14px;background:#0e1014;overflow:hidden;scroll-snap-align:center;cursor:zoom-in}.mysocial-gallery-item img{display:block;width:100%;max-height:620px;aspect-ratio:4/3;object-fit:cover;background:#0e1014}.mysocial-gallery.is-single .mysocial-gallery-item img{aspect-ratio:auto;max-height:680px;object-fit:contain}.mysocial-gallery-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,12,16,.78);color:#fff!important;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}.mysocial-gallery-nav:hover{background:rgba(35,39,47,.95)}.mysocial-gallery-nav.is-prev{left:10px}.mysocial-gallery-nav.is-next{right:10px}.mysocial-gallery-count{position:absolute;z-index:3;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(10,12,16,.78);color:#fff!important;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}.mysocial-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:56px 72px;background:rgba(0,0,0,.94);color:#fff}.mysocial-lightbox[hidden]{display:none!important}.mysocial-lightbox-image{display:block;max-width:min(94vw,1500px);max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 18px 80px rgba(0,0,0,.45)}.mysocial-lightbox-close,.mysocial-lightbox-nav{position:absolute;border:0;background:rgba(24,26,31,.8);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px)}.mysocial-lightbox-close{top:18px;right:20px;width:46px;height:46px;border-radius:50%;font-size:32px;line-height:1}.mysocial-lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:68px;border-radius:14px;font-size:38px}.mysocial-lightbox-nav.is-prev{left:16px}.mysocial-lightbox-nav.is-next{right:16px}.mysocial-lightbox-count{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(24,26,31,.82);color:#fff!important;font-size:13px;font-weight:800}.mysocial-lightbox-open{overflow:hidden}.mysocial-repost-card .mysocial-gallery{margin-bottom:0}.mysocial-repost-card .mysocial-gallery-item img{max-height:460px}
@media(max-width:700px){.mysocial-image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.mysocial-gallery-nav{width:36px;height:36px;font-size:24px}.mysocial-lightbox{padding:48px 12px}.mysocial-lightbox-nav{width:42px;height:58px;font-size:32px}.mysocial-lightbox-nav.is-prev{left:6px}.mysocial-lightbox-nav.is-next{right:6px}.mysocial-lightbox-close{top:10px;right:10px}.mysocial-lightbox-image{max-width:96vw;max-height:84vh}}


/* v1.7 – Medienreihenfolge, Entfernen, Alt-Texte und Bildunterschriften */
.mysocial-media-hint{margin:8px 0 0}.mysocial-image-preview{align-items:start}.mysocial-preview-card{display:grid;gap:8px;padding:9px;border:1px solid #343b46;border-radius:12px;background:#111318}.mysocial-preview-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.mysocial-preview-card label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#fff!important}.mysocial-preview-card input{box-sizing:border-box;width:100%;border:1px solid #3b424e;border-radius:8px;background:#181a1f;color:#fff;padding:7px 8px;font:inherit}.mysocial-preview-card input::placeholder{color:#9199a6}.mysocial-preview-order{display:flex;align-items:center;gap:6px}.mysocial-preview-order button{border:1px solid #414955;border-radius:8px;background:#20242b;color:#fff;padding:5px 8px;cursor:pointer;font:inherit;font-weight:800}.mysocial-preview-order button:disabled{opacity:.35;cursor:default}.mysocial-preview-order button.is-danger{margin-left:auto;color:#ff8a9d}.mysocial-preview-order span{min-width:20px;text-align:center;color:#c9d0da!important;font-size:12px;font-weight:800}.mysocial-gallery-caption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:9px;background:rgba(10,12,16,.78);color:#fff!important;font-size:13px;line-height:1.35;text-align:left;backdrop-filter:blur(5px)}.mysocial-gallery.is-multi .mysocial-gallery-caption{right:76px}.mysocial-lightbox-caption{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);max-width:min(780px,86vw);padding:8px 12px;border-radius:10px;background:rgba(24,26,31,.84);color:#fff!important;text-align:center;line-height:1.45;backdrop-filter:blur(8px)}
@media(max-width:700px){.mysocial-preview-card{grid-column:span 2}.mysocial-lightbox-caption{bottom:56px;max-width:88vw;font-size:13px}}

/* v1.8 video */
.mysocial-video-preview,
.mysocial-video-wrap {
  margin-top: 14px;
  border-radius: 16px;
  overflow: hidden;
  background: #080b10;
  border: 1px solid rgba(255,255,255,.12);
}
.mysocial-video-preview { padding: 12px; }
.mysocial-video-preview video,
.mysocial-video-player {
  display: block;
  width: 100%;
  max-height: 620px;
  background: #000;
  border-radius: 12px;
}
.mysocial-video-preview .mysocial-text-button { margin-top: 10px; }
.mysocial-video-wrap.is-repost { margin: 10px 0 0; }

/* v1.9 stories */
.mysocial-stories-shell{padding:16px 18px;margin-bottom:18px}.mysocial-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.mysocial-stories-heading>div{display:flex;flex-direction:column;gap:3px}.mysocial-stories-heading strong{font-size:18px;color:#fff!important}.mysocial-stories-heading span{font-size:12px;color:#b8c0cc!important}.mysocial-stories-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.mysocial-story-thumb{width:76px;flex:0 0 76px;border:0;background:transparent;padding:0;cursor:pointer;text-align:center;color:#fff!important}.mysocial-story-ring{width:66px;height:66px;border-radius:50%;padding:3px;margin:0 auto 7px;display:block;background:linear-gradient(135deg,#ff7a18,#ff2e8b 52%,#7557ff)}.mysocial-story-ring img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;border:3px solid #15191f}.mysocial-story-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fff!important}.mysocial-story-composer{margin:0 0 16px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.025)}.mysocial-story-composer textarea{width:100%;margin-top:10px}.mysocial-story-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.mysocial-story-preview{margin-top:12px;max-width:260px}.mysocial-story-preview img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.mysocial-story-viewer[hidden]{display:none!important}.mysocial-story-viewer{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px;color:#fff!important}.mysocial-story-stage{position:relative;margin:0;width:min(520px,88vw);height:min(78vh,820px);display:flex;align-items:center;justify-content:center}.mysocial-story-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.mysocial-story-stage figcaption{position:absolute;left:20px;right:20px;bottom:18px;padding:10px 12px;border-radius:12px;background:rgba(10,12,16,.78);color:#fff!important;text-align:center;line-height:1.4;backdrop-filter:blur(7px)}.mysocial-story-viewer-head{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:min(520px,88vw);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}.mysocial-story-viewer-head>a{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none}.mysocial-story-viewer-head>a span{display:flex;flex-direction:column}.mysocial-story-viewer-head small{color:#c7cdd6!important}.mysocial-story-viewer-head>div{display:flex;gap:8px}.mysocial-story-close,.mysocial-story-delete,.mysocial-story-nav{border:0;background:rgba(20,23,29,.78);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px)}.mysocial-story-close,.mysocial-story-delete{width:42px;height:42px;border-radius:50%;font-size:24px}.mysocial-story-delete{font-size:16px}.mysocial-story-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:14px;font-size:38px;z-index:4}.mysocial-story-nav.is-prev{left:max(18px,calc(50% - 330px))}.mysocial-story-nav.is-next{right:max(18px,calc(50% - 330px))}.mysocial-story-progress{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(520px,88vw);height:3px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.22);z-index:4}.mysocial-story-progress span{display:block;width:100%;height:100%;transform-origin:left;background:#fff}.mysocial-story-open{overflow:hidden}.mysocial-error-inline{color:#ffb5b5!important}@keyframes mysocialStoryProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.mysocial-stories-shell{padding:14px}.mysocial-stories-heading{align-items:flex-start}.mysocial-story-compose-actions{align-items:stretch;flex-direction:column}.mysocial-story-compose-actions .mysocial-button{width:100%}.mysocial-story-viewer{padding:12px}.mysocial-story-viewer-head{top:24px;width:92vw}.mysocial-story-progress{top:12px;width:92vw}.mysocial-story-stage{width:94vw;height:78vh}.mysocial-story-nav{width:42px;height:56px;font-size:32px}.mysocial-story-nav.is-prev{left:8px}.mysocial-story-nav.is-next{right:8px}}

/* v2.0 story video, viewers & replies */
.mysocial-story-ring{position:relative}.mysocial-story-ring i{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#15191f;border:2px solid #fff;color:#fff!important;font-size:10px;font-style:normal}
.mysocial-story-preview video{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#050608}.mysocial-story-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:18px;background:#050608;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.mysocial-story-head-actions{display:flex;gap:8px;align-items:center}.mysocial-story-view-count{height:42px;min-width:58px;padding:0 12px;border:0;border-radius:999px;background:rgba(20,23,29,.78);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px);font-weight:700}.mysocial-story-view-count span{color:#fff!important}
.mysocial-story-reply{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;width:min(520px,88vw);display:flex;gap:8px;z-index:5}.mysocial-story-reply[hidden]{display:none!important}.mysocial-story-reply input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(14,17,22,.9);color:#fff!important;padding:0 16px;outline:none}.mysocial-story-reply input::placeholder{color:#aeb6c2!important}.mysocial-story-reply button{border:0;border-radius:999px;background:#fff;color:#111!important;padding:0 18px;font-weight:800;cursor:pointer}.mysocial-story-reply span{position:absolute;left:14px;bottom:50px;font-size:12px;color:#fff!important;background:rgba(0,0,0,.72);padding:4px 8px;border-radius:8px}
.mysocial-story-viewers[hidden]{display:none!important}.mysocial-story-viewers{position:absolute;right:max(18px,calc(50% - 470px));top:88px;width:min(330px,86vw);max-height:70vh;overflow:auto;z-index:6;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(17,20,26,.97);box-shadow:0 20px 70px rgba(0,0,0,.45);padding:14px;color:#fff!important}.mysocial-story-viewers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mysocial-story-viewers-head strong{color:#fff!important}.mysocial-story-viewers-head button{border:0;background:transparent;color:#fff!important;font-size:24px;cursor:pointer}.mysocial-story-viewer-user{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;text-decoration:none;color:#fff!important}.mysocial-story-viewer-user:hover{background:rgba(255,255,255,.07)}.mysocial-story-viewer-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.mysocial-story-viewer-user span{display:flex;flex-direction:column;min-width:0}.mysocial-story-viewer-user strong,.mysocial-story-viewer-user small{color:#fff!important}.mysocial-story-viewer-user small{opacity:.68}
@media(max-width:700px){.mysocial-story-viewers{left:50%;right:auto;transform:translateX(-50%);top:82px;width:92vw;max-height:62vh}.mysocial-story-reply{bottom:12px;width:92vw}.mysocial-story-stage{padding-bottom:52px}.mysocial-story-reply button{padding:0 14px}}

/* v2.1 – großes Social-UI-Redesign */
:root{--mys-bg:#080b10;--mys-panel:#11151c;--mys-panel-2:#151a22;--mys-line:rgba(255,255,255,.085);--mys-soft:#a9b2bf;--mys-accent:#6d8cff;--mys-accent-2:#9b6cff}
.mysocial-feed-shell{width:min(1380px,calc(100vw - 32px));margin:18px 50%;transform:translateX(-50%);display:grid;grid-template-columns:230px minmax(0,720px) 300px;gap:22px;align-items:start;padding:22px;box-sizing:border-box;border:1px solid rgba(255,255,255,.055);border-radius:28px;background:radial-gradient(circle at 20% 0%,rgba(109,140,255,.09),transparent 28%),radial-gradient(circle at 92% 18%,rgba(155,108,255,.075),transparent 25%),#090c11;box-shadow:0 28px 80px rgba(0,0,0,.32);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mysocial-feed-shell *{box-sizing:border-box}.mysocial-feed-shell .mysocial-card{background:linear-gradient(180deg,rgba(21,26,34,.98),rgba(15,19,25,.98));border:1px solid var(--mys-line);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.mysocial-feed-shell .mysocial-main{min-width:0;gap:14px}.mysocial-feed-shell .mysocial-feed{gap:14px}.mysocial-mobile-title{display:none}
/* left rail */
.mysocial-feed-shell>.mysocial-nav{position:sticky;top:22px;z-index:20;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;max-width:none;margin:0;padding:10px;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
.mysocial-nav-brand{display:flex!important;align-items:center!important;gap:11px!important;padding:8px 10px 18px!important;border-radius:14px!important;border-bottom:1px solid var(--mys-line);text-decoration:none!important}.mysocial-nav-brand:hover{background:transparent!important}
.mysocial-brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(135deg,var(--mys-accent),var(--mys-accent-2));color:#fff!important;font-size:20px;font-weight:950;box-shadow:0 8px 24px rgba(109,140,255,.22)}
.mysocial-brand-copy{display:grid;gap:0;min-width:0}.mysocial-brand-copy strong{font-size:15px;line-height:1.1;color:#fff!important}.mysocial-brand-copy small{font-size:11px;color:#8791a0!important;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.mysocial-nav-links{display:grid;gap:5px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:11px 12px;border-radius:13px;color:#dce2ea!important;text-decoration:none;font-size:14px;font-weight:760;transition:background .15s ease,transform .15s ease,color .15s ease}
.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a:hover,.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout:hover{background:rgba(255,255,255,.065);color:#fff!important;transform:translateX(2px)}
.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{box-shadow:inset 3px 0 0 var(--mys-accent);background:linear-gradient(90deg,rgba(109,140,255,.16),rgba(109,140,255,.035))}
.mysocial-feed-shell>.mysocial-nav i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.045);color:#fff!important;font-style:normal;font-size:17px}.mysocial-feed-shell>.mysocial-nav .mysocial-badge{justify-self:end;margin:0;min-width:20px;height:20px;background:#e15370;font-size:11px}.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{margin-top:6px;opacity:.72}
/* stories */
.mysocial-feed-shell .mysocial-stories-shell{padding:16px 18px 13px;margin:0;background:transparent;border-color:transparent;border-bottom-color:var(--mys-line);border-radius:0;box-shadow:none}.mysocial-feed-shell .mysocial-stories-heading{margin-bottom:12px}.mysocial-feed-shell .mysocial-stories-heading strong{font-size:15px}.mysocial-feed-shell .mysocial-stories-heading span{font-size:11px;color:#8993a1!important}.mysocial-feed-shell .mysocial-story-thumb{width:72px;flex-basis:72px}.mysocial-feed-shell .mysocial-story-ring{width:62px;height:62px}.mysocial-feed-shell .mysocial-story-name{font-size:11px;color:#cbd2dc!important}.mysocial-feed-shell .mysocial-stories-row{gap:11px;padding-bottom:4px}
/* composer */
.mysocial-feed-shell .mysocial-composer{padding:17px}.mysocial-composer-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.mysocial-composer-head>div{display:grid;gap:1px}.mysocial-composer-head strong{font-size:14px;color:#fff!important}.mysocial-composer-head span{font-size:11px;color:#919aa7!important}.mysocial-feed-shell .mysocial-composer textarea{min-height:88px;padding:13px 14px;background:#0b0f14;border:1px solid rgba(255,255,255,.09);border-radius:15px;line-height:1.5}.mysocial-feed-shell .mysocial-image-picker{padding-top:10px;border-top:1px solid var(--mys-line)}.mysocial-feed-shell .mysocial-file-button{border:0;background:rgba(255,255,255,.055);padding:8px 11px;border-radius:11px;font-size:12px}.mysocial-feed-shell .mysocial-file-name{display:none}.mysocial-feed-shell .mysocial-composer-actions{padding-top:12px;border-top:1px solid var(--mys-line);margin-top:12px}.mysocial-feed-shell .mysocial-composer-actions>.mysocial-hint{display:none}.mysocial-feed-shell .mysocial-button{background:linear-gradient(135deg,#6684ff,#8b62ea);box-shadow:0 8px 20px rgba(105,130,255,.18);padding:9px 17px}.mysocial-feed-shell .mysocial-visibility-picker{font-size:12px}.mysocial-feed-shell .mysocial-visibility-picker select{border:0;background:rgba(255,255,255,.055);font-size:12px;padding:7px 9px}
/* post cards */
.mysocial-feed-shell .mysocial-post{padding:17px 17px 14px;overflow:hidden}.mysocial-feed-shell .mysocial-post-header{gap:10px}.mysocial-feed-shell .mysocial-avatar{width:43px;height:43px}.mysocial-feed-shell .mysocial-post-headcopy strong{font-size:14px}.mysocial-feed-shell .mysocial-meta{font-size:11px;color:#8e98a6!important}.mysocial-feed-shell .mysocial-post-content{font-size:14.5px;line-height:1.6;margin:13px 0}.mysocial-feed-shell .mysocial-gallery,.mysocial-feed-shell .mysocial-video-wrap{margin-left:-17px;margin-right:-17px;border-radius:0;border-left:0;border-right:0}.mysocial-feed-shell .mysocial-gallery-item{border-radius:0}.mysocial-feed-shell .mysocial-gallery-item img{max-height:590px}.mysocial-feed-shell .mysocial-actions{margin-top:10px;padding:9px 0 4px;border-bottom:0;gap:8px}.mysocial-feed-shell .mysocial-actions-v15{justify-content:space-between}.mysocial-feed-shell .mysocial-reaction-picker{border:0;background:transparent;padding:0}.mysocial-feed-shell .mysocial-reaction-choice{padding:7px 8px}.mysocial-feed-shell .mysocial-reaction-choice:hover,.mysocial-feed-shell .mysocial-reaction-choice.is-active{background:rgba(255,255,255,.07)}.mysocial-feed-shell .mysocial-comment-bubble{background:#1b2029;border-radius:5px 15px 15px 15px}.mysocial-feed-shell .mysocial-comment-form input{background:#0b0f14;border-color:var(--mys-line)}
/* right rail */
.mysocial-right-rail{position:sticky;top:22px;display:grid;gap:14px;min-width:0}.mysocial-right-rail .mysocial-profile{position:static;padding:18px;text-align:left;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}.mysocial-right-rail .mysocial-avatar-large{width:58px;height:58px}.mysocial-right-rail .mysocial-profile h2{font-size:16px;margin:2px 0}.mysocial-right-rail .mysocial-profile p{font-size:12px;line-height:1.45}.mysocial-right-rail .mysocial-profile-link,.mysocial-right-rail .mysocial-notification-link{justify-content:flex-start;font-size:12px;margin-top:8px}.mysocial-discover-card{padding:18px!important}.mysocial-discover-card h3{margin:5px 0 14px;font-size:17px;color:#fff!important}.mysocial-discover-card>a{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--mys-line);text-decoration:none!important}.mysocial-discover-card>a strong{font-size:13px;color:#fff!important}.mysocial-discover-card>a span{font-size:11px;color:#8e98a6!important}.mysocial-discover-card>a:hover strong{color:#aabaff!important}.mysocial-discover-card .mysocial-discover-more{display:block;border:0;padding:13px 0 0;color:#9dadff!important;font-size:12px;font-weight:800}
/* global polish for social pages */
.mysocial-card{border-radius:18px}.mysocial-search-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-load-more{border-radius:14px;background:#121720;border-color:var(--mys-line)}
@media(max-width:1180px){.mysocial-feed-shell{grid-template-columns:205px minmax(0,700px);max-width:980px}.mysocial-right-rail{display:none}}
@media(max-width:820px){.mysocial-feed-shell{width:100vw;margin:0 50%;padding:0 0 78px;grid-template-columns:1fr;gap:0;border:0;border-radius:0;background:#090c11;box-shadow:none;min-height:100vh}.mysocial-feed-shell>.mysocial-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:99999;display:block;margin:0;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:rgba(12,15,20,.96);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-brand,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{display:none!important}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px!important;min-width:0;border-radius:10px;transform:none!important}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a:nth-child(n+6){display:none}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{box-shadow:none;background:rgba(109,140,255,.12)}.mysocial-feed-shell>.mysocial-nav i{width:28px;height:25px;background:transparent;font-size:18px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a span{display:block;font-size:9px;color:#aeb6c2!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mysocial-feed-shell>.mysocial-nav .mysocial-badge{position:absolute;margin:-25px 0 0 22px}.mysocial-feed-shell .mysocial-main{padding:0 12px 18px}.mysocial-mobile-title{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px}.mysocial-mobile-title strong{font-size:18px;color:#fff!important}.mysocial-mobile-title span{font-size:11px;color:#84909f!important}.mysocial-feed-shell .mysocial-stories-shell{margin:0 -12px;padding-left:14px;padding-right:14px}.mysocial-feed-shell .mysocial-composer,.mysocial-feed-shell .mysocial-post{border-radius:17px}.mysocial-feed-shell .mysocial-composer-actions{align-items:center}.mysocial-feed-shell .mysocial-actions-v15{gap:5px}.mysocial-feed-shell .mysocial-owner-tools{margin-left:auto}.mysocial-right-rail{display:none}}
@media(max-width:520px){.mysocial-feed-shell .mysocial-main{padding-left:8px;padding-right:8px}.mysocial-feed-shell .mysocial-stories-shell{margin-left:-8px;margin-right:-8px}.mysocial-feed-shell .mysocial-composer,.mysocial-feed-shell .mysocial-post{padding:14px}.mysocial-feed-shell .mysocial-gallery,.mysocial-feed-shell .mysocial-video-wrap{margin-left:-14px;margin-right:-14px}.mysocial-feed-shell .mysocial-reaction-choice span{display:none}.mysocial-feed-shell .mysocial-story-thumb{width:66px;flex-basis:66px}.mysocial-feed-shell .mysocial-story-ring{width:57px;height:57px}}

/* v2.1.1 – high-contrast accessibility fix */
.mysocial-feed-shell,
.mysocial-feed-shell *,
.mysocial-app,
.mysocial-app *,
.mysocial-public-profile,
.mysocial-public-profile *,
.mysocial-single-wrap,
.mysocial-single-wrap *,
.mysocial-notifications-wrap,
.mysocial-notifications-wrap *,
.mysocial-dashboard-wrap,
.mysocial-dashboard-wrap *,
.mysocial-settings-wrap,
.mysocial-settings-wrap *,
.mysocial-messages-wrap,
.mysocial-messages-wrap *,
.mysocial-auth-wrap,
.mysocial-auth-wrap *,
.mysocial-search-wrap,
.mysocial-search-wrap *{text-shadow:none}

/* Primary copy: deliberately bright and theme-proof. */
.mysocial-feed-shell,
.mysocial-feed-shell .mysocial-card,
.mysocial-feed-shell h1,
.mysocial-feed-shell h2,
.mysocial-feed-shell h3,
.mysocial-feed-shell h4,
.mysocial-feed-shell p,
.mysocial-feed-shell strong,
.mysocial-feed-shell label,
.mysocial-feed-shell summary,
.mysocial-feed-shell .mysocial-post-content,
.mysocial-feed-shell .mysocial-comment-bubble,
.mysocial-feed-shell .mysocial-comment-bubble p,
.mysocial-feed-shell .mysocial-login-note,
.mysocial-feed-shell .mysocial-loading,
.mysocial-feed-shell .mysocial-empty,
.mysocial-feed-shell .mysocial-stories-heading strong,
.mysocial-public-profile,
.mysocial-public-profile h1,
.mysocial-public-profile h2,
.mysocial-public-profile h3,
.mysocial-public-profile p,
.mysocial-public-profile strong,
.mysocial-public-profile label,
.mysocial-single-wrap,
.mysocial-single-wrap h1,
.mysocial-single-wrap h2,
.mysocial-single-wrap p,
.mysocial-notifications-wrap,
.mysocial-notifications-wrap h1,
.mysocial-notifications-wrap h2,
.mysocial-dashboard-wrap,
.mysocial-dashboard-wrap h1,
.mysocial-dashboard-wrap h2,
.mysocial-settings-wrap,
.mysocial-settings-wrap h1,
.mysocial-settings-wrap h2,
.mysocial-settings-wrap label,
.mysocial-messages-wrap,
.mysocial-messages-wrap h1,
.mysocial-messages-wrap h2,
.mysocial-auth-wrap,
.mysocial-auth-wrap h1,
.mysocial-auth-wrap h2,
.mysocial-auth-wrap label,
.mysocial-search-wrap,
.mysocial-search-wrap h1,
.mysocial-search-wrap h2{
  color:#ffffff !important;
}

/* Secondary text remains visibly secondary, but never dark grey on black. */
.mysocial-feed-shell .mysocial-muted,
.mysocial-feed-shell .mysocial-meta,
.mysocial-feed-shell .mysocial-hint,
.mysocial-feed-shell .mysocial-username,
.mysocial-feed-shell .mysocial-status,
.mysocial-feed-shell .mysocial-file-name,
.mysocial-feed-shell .mysocial-story-name,
.mysocial-feed-shell .mysocial-stories-heading span,
.mysocial-feed-shell .mysocial-composer-head span,
.mysocial-feed-shell .mysocial-discover-card a span,
.mysocial-feed-shell .mysocial-comment-bubble small,
.mysocial-feed-shell small,
.mysocial-public-profile .mysocial-muted,
.mysocial-public-profile .mysocial-meta,
.mysocial-public-profile .mysocial-username,
.mysocial-single-wrap .mysocial-muted,
.mysocial-single-wrap .mysocial-meta,
.mysocial-notifications-wrap .mysocial-muted,
.mysocial-dashboard-wrap .mysocial-muted,
.mysocial-settings-wrap .mysocial-muted,
.mysocial-messages-wrap .mysocial-muted,
.mysocial-auth-wrap .mysocial-muted,
.mysocial-search-wrap .mysocial-muted,
.mysocial-search-wrap .mysocial-meta{
  color:#d7dde7 !important;
  opacity:1 !important;
}

/* All social links/actions should remain readable even when the theme has dark link colors. */
.mysocial-feed-shell a,
.mysocial-public-profile a,
.mysocial-single-wrap a,
.mysocial-notifications-wrap a,
.mysocial-dashboard-wrap a,
.mysocial-settings-wrap a,
.mysocial-messages-wrap a,
.mysocial-auth-wrap a,
.mysocial-search-wrap a{
  color:#f4f7ff !important;
}
.mysocial-feed-shell a:hover,
.mysocial-public-profile a:hover,
.mysocial-single-wrap a:hover,
.mysocial-notifications-wrap a:hover,
.mysocial-dashboard-wrap a:hover,
.mysocial-settings-wrap a:hover,
.mysocial-messages-wrap a:hover,
.mysocial-auth-wrap a:hover,
.mysocial-search-wrap a:hover{
  color:#ffffff !important;
}

.mysocial-feed-shell .mysocial-action,
.mysocial-feed-shell .mysocial-action-static,
.mysocial-feed-shell .mysocial-text-button,
.mysocial-feed-shell button:not(.mysocial-button):not(.mysocial-comment-form button),
.mysocial-public-profile .mysocial-text-button,
.mysocial-single-wrap .mysocial-action,
.mysocial-single-wrap .mysocial-text-button{
  color:#eef2f8 !important;
}
.mysocial-feed-shell .mysocial-action.is-active{color:#ff91a7 !important}
.mysocial-feed-shell .mysocial-text-button.is-danger{color:#ff9caf !important}

/* Inputs: bright copy and placeholders, stronger borders. */
.mysocial-feed-shell input,
.mysocial-feed-shell textarea,
.mysocial-feed-shell select,
.mysocial-public-profile input,
.mysocial-public-profile textarea,
.mysocial-public-profile select,
.mysocial-single-wrap input,
.mysocial-single-wrap textarea,
.mysocial-settings-wrap input,
.mysocial-settings-wrap textarea,
.mysocial-settings-wrap select,
.mysocial-messages-wrap input,
.mysocial-messages-wrap textarea,
.mysocial-auth-wrap input,
.mysocial-auth-wrap textarea,
.mysocial-search-wrap input,
.mysocial-search-wrap textarea{
  color:#ffffff !important;
  background:#0d1118 !important;
  border-color:#46505f !important;
  -webkit-text-fill-color:#ffffff;
  caret-color:#ffffff;
}
.mysocial-feed-shell input::placeholder,
.mysocial-feed-shell textarea::placeholder,
.mysocial-public-profile input::placeholder,
.mysocial-public-profile textarea::placeholder,
.mysocial-single-wrap input::placeholder,
.mysocial-single-wrap textarea::placeholder,
.mysocial-settings-wrap input::placeholder,
.mysocial-settings-wrap textarea::placeholder,
.mysocial-messages-wrap input::placeholder,
.mysocial-messages-wrap textarea::placeholder,
.mysocial-auth-wrap input::placeholder,
.mysocial-auth-wrap textarea::placeholder,
.mysocial-search-wrap input::placeholder,
.mysocial-search-wrap textarea::placeholder{
  color:#c9d0dc !important;
  opacity:1 !important;
}
.mysocial-feed-shell select option,
.mysocial-settings-wrap select option{background:#11161e !important;color:#fff !important}

/* Cards and comments need enough luminance separation from the page. */
.mysocial-feed-shell .mysocial-card,
.mysocial-public-profile .mysocial-card,
.mysocial-single-wrap .mysocial-card,
.mysocial-notifications-wrap .mysocial-card,
.mysocial-dashboard-wrap .mysocial-card,
.mysocial-settings-wrap .mysocial-card,
.mysocial-messages-wrap .mysocial-card,
.mysocial-auth-wrap .mysocial-card,
.mysocial-search-wrap .mysocial-card{
  background:#171c24 !important;
  border-color:#343c49 !important;
}
.mysocial-feed-shell .mysocial-comment-bubble{background:#242b36 !important}
.mysocial-feed-shell .mysocial-actions{border-color:#39414e !important}

/* Login / guest prompt: make it impossible to miss. */
.mysocial-feed-shell .mysocial-login-note{
  background:#1b2230 !important;
  border:1px solid #46536a !important;
}
.mysocial-feed-shell .mysocial-login-note span,
.mysocial-feed-shell .mysocial-login-note strong,
.mysocial-feed-shell .mysocial-login-note p{color:#ffffff !important}

/* Buttons keep white labels even if the theme styles buttons globally. */
.mysocial-feed-shell .mysocial-button,
.mysocial-feed-shell .mysocial-comment-form button,
.mysocial-public-profile .mysocial-button,
.mysocial-single-wrap .mysocial-button,
.mysocial-settings-wrap .mysocial-button,
.mysocial-messages-wrap .mysocial-button,
.mysocial-auth-wrap .mysocial-button,
.mysocial-search-wrap .mysocial-button{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}

/* Mobile bottom navigation: labels were particularly vulnerable to theme overrides. */
@media(max-width:820px){
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a span,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a i{
    color:#f5f7fb !important;
    opacity:1 !important;
  }
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active span,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active i{color:#ffffff !important}
}


/* v2.1.2 – theme isolation + stronger contrast + wider content column
   Several WordPress themes apply link/heading colors with selectors that sit
   outside the MySocial wrappers. Keep the complete MySocial UI readable. */
body .mysocial-nav,
body .mysocial-nav *,
body .mysocial-feed-shell,
body .mysocial-feed-shell *,
body .mysocial-dashboard-wrap,
body .mysocial-dashboard-wrap *,
body .mysocial-settings-wrap,
body .mysocial-settings-wrap *,
body .mysocial-public-profile,
body .mysocial-public-profile *,
body .mysocial-single-wrap,
body .mysocial-single-wrap *,
body .mysocial-notifications-wrap,
body .mysocial-notifications-wrap *,
body .mysocial-messages-wrap,
body .mysocial-messages-wrap *,
body .mysocial-auth-wrap,
body .mysocial-auth-wrap *,
body .mysocial-search-wrap,
body .mysocial-search-wrap *{
  text-shadow:none !important;
}

/* Navigation is rendered outside some page wrappers, so protect it explicitly. */
body .mysocial-nav a,
body .mysocial-nav a:link,
body .mysocial-nav a:visited,
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a:active,
body .mysocial-nav a span,
body .mysocial-nav a i,
body .mysocial-nav .mysocial-nav-logout,
body .mysocial-nav .mysocial-nav-logout span,
body .mysocial-nav .mysocial-nav-logout i{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  opacity:1 !important;
  text-decoration:none !important;
}
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a.is-active{
  background:#202733 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body .mysocial-nav .mysocial-nav-brand small,
body .mysocial-nav .mysocial-nav-brand span{
  color:#d9e0e9 !important;
  -webkit-text-fill-color:#d9e0e9 !important;
}

/* Main copy – include every common text element, not only headings from v2.1.1. */
body .mysocial-feed-shell :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-dashboard-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-settings-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-public-profile :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-single-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-notifications-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-messages-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-auth-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-search-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Theme-proof all links inside MySocial, including visited links. */
body .mysocial-feed-shell a,
body .mysocial-feed-shell a:visited,
body .mysocial-dashboard-wrap a,
body .mysocial-dashboard-wrap a:visited,
body .mysocial-settings-wrap a,
body .mysocial-settings-wrap a:visited,
body .mysocial-public-profile a,
body .mysocial-public-profile a:visited,
body .mysocial-single-wrap a,
body .mysocial-single-wrap a:visited,
body .mysocial-notifications-wrap a,
body .mysocial-notifications-wrap a:visited,
body .mysocial-messages-wrap a,
body .mysocial-messages-wrap a:visited,
body .mysocial-auth-wrap a,
body .mysocial-auth-wrap a:visited,
body .mysocial-search-wrap a,
body .mysocial-search-wrap a:visited{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  opacity:1 !important;
}
body .mysocial-feed-shell a:hover,
body .mysocial-dashboard-wrap a:hover,
body .mysocial-settings-wrap a:hover,
body .mysocial-public-profile a:hover,
body .mysocial-single-wrap a:hover,
body .mysocial-notifications-wrap a:hover,
body .mysocial-messages-wrap a:hover,
body .mysocial-auth-wrap a:hover,
body .mysocial-search-wrap a:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Secondary information: lighter than before, still visually subordinate. */
body .mysocial-feed-shell :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,.mysocial-file-name,.mysocial-story-name,small),
body .mysocial-dashboard-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-settings-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-public-profile :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-single-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-notifications-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-messages-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-auth-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-search-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small){
  color:#dce3ec !important;
  -webkit-text-fill-color:#dce3ec !important;
  opacity:1 !important;
}

/* Buttons/actions – stop red theme styles from bleeding through. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,.mysocial-button,.mysocial-outline-button,.mysocial-text-button,.mysocial-action,.mysocial-action-static){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,.mysocial-button,.mysocial-outline-button):not(.is-danger){
  border-color:#4a5565 !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap) .is-danger{
  color:#ffb7c3 !important;
  -webkit-text-fill-color:#ffb7c3 !important;
}

/* Dashboard cards need the same dark surface and white copy as the feed. */
body .mysocial-dashboard-wrap .mysocial-card,
body .mysocial-dashboard-wrap .mysocial-dashboard-stat,
body .mysocial-dashboard-wrap .mysocial-dashboard-links,
body .mysocial-dashboard-wrap .mysocial-dashboard-links a{
  background:#171d25 !important;
  border-color:#3a4452 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body .mysocial-dashboard-wrap .mysocial-kicker{
  color:#b9c9ff !important;
  -webkit-text-fill-color:#b9c9ff !important;
}
body .mysocial-dashboard-wrap .mysocial-dashboard-stat small{
  color:#dce3ec !important;
  -webkit-text-fill-color:#dce3ec !important;
}

/* Feed proportions: give the content column more space and keep side rails compact. */
@media(min-width:1181px){
  body .mysocial-feed-shell{
    width:min(1440px,calc(100vw - 36px));
    grid-template-columns:190px minmax(560px,1fr) 250px;
    gap:18px;
    padding:20px;
  }
}
@media(min-width:821px) and (max-width:1180px){
  body .mysocial-feed-shell{
    width:min(1040px,calc(100vw - 28px));
    grid-template-columns:175px minmax(0,1fr);
    gap:16px;
    padding:18px;
  }
}

/* Inputs: catch browser autofill/theme styling too. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(input,textarea,select){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background-color:#0d1219 !important;
  border-color:#526071 !important;
  opacity:1 !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(input,textarea)::placeholder{
  color:#cfd7e2 !important;
  -webkit-text-fill-color:#cfd7e2 !important;
  opacity:1 !important;
}


/* ============================================================
   MySocial 2.1.3 – theme isolation / contrast hotfix
   Keep this block last: it intentionally wins over theme rules.
   ============================================================ */
body .mysocial-nav,
body .mysocial-nav *,
body .mysocial-feed-shell,
body .mysocial-dashboard-wrap,
body .mysocial-settings-wrap,
body .mysocial-public-profile,
body .mysocial-single-wrap,
body .mysocial-notifications-wrap,
body .mysocial-messages-wrap,
body .mysocial-auth-wrap,
body .mysocial-search-wrap {
  box-sizing: border-box;
}

body .mysocial-nav {
  background: #0d1219 !important;
  border-color: #303947 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav a,
body .mysocial-nav a:link,
body .mysocial-nav a:visited,
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a:active,
body .mysocial-nav button,
body .mysocial-nav span,
body .mysocial-nav strong,
body .mysocial-nav i,
body .mysocial-nav small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

body .mysocial-nav .mysocial-brand-copy small {
  color: #dce3ec !important;
  -webkit-text-fill-color: #dce3ec !important;
}

body .mysocial-nav-links a,
body .mysocial-nav-logout {
  background: transparent !important;
  border-color: transparent !important;
}

body .mysocial-nav-links a:hover,
body .mysocial-nav-links a:focus,
body .mysocial-nav-links a.is-active,
body .mysocial-nav-logout:hover,
body .mysocial-nav-logout:focus {
  background: #1a2230 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav .mysocial-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Strong fallback for content the active theme tries to recolor. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(h1,h2,h3,h4,h5,h6,p,label,legend,strong,b,li,dt,dd,figcaption) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
a:not(.is-danger),
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
a:not(.is-danger):visited {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Give the actual feed priority on wide screens. */
@media (min-width: 1181px) {
  body .mysocial-feed-shell {
    grid-template-columns: 170px minmax(620px, 1fr) 220px !important;
    gap: 16px !important;
  }
}

/* On medium widths remove the right rail instead of squeezing the feed. */
@media (min-width: 821px) and (max-width: 1180px) {
  body .mysocial-feed-shell {
    grid-template-columns: 170px minmax(0, 1fr) !important;
  }
  body .mysocial-feed-shell .mysocial-right-rail {
    display: none !important;
  }
}

/* Prevent global theme typography from shrinking social controls. */
body :is(.mysocial-nav,.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,input,textarea,select) {
  font: inherit;
}

/* Accessible keyboard focus even when the theme removes outlines. */
body :is(.mysocial-nav,.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(a,button,input,textarea,select):focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}


/* ============================================================
   MySocial 2.1.5 – menu, feed containment and error UI
   ============================================================ */

/* The WordPress content column is the true available width. */
body .mysocial-feed-frame {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  container-type: inline-size;
  container-name: mysocialfeed;
}

body .mysocial-feed-frame > .mysocial-feed-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 18px auto !important;
  transform: none !important;
  grid-template-columns: 168px minmax(0, 1fr) 218px !important;
  gap: 14px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body .mysocial-feed-shell > .mysocial-main,
body .mysocial-feed-shell > .mysocial-right-rail {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Standalone navigation on Profile, Dashboard, Settings etc.
   One stable vertical column: no wrapping, no theme interference. */
body .mysocial-nav.mysocial-nav-standalone {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: 18px auto !important;
  padding: 14px !important;
  overflow: visible !important;
  border: 1px solid #303947 !important;
  border-radius: 18px !important;
  background: #0d1219 !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-brand {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  padding: 8px 10px 14px !important;
  border-bottom: 1px solid #303947 !important;
  border-radius: 10px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 5px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  gap: 8px !important;
  white-space: normal !important;
  text-align: left !important;
  border-radius: 11px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a i,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout i {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a span,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout span {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a.is-active {
  background: #1b2636 !important;
  box-shadow: inset 3px 0 0 #6d8cff !important;
}

/* Embedded menu remains a clean left rail. */
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a,
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded > .mysocial-nav-logout {
  width: 100% !important;
  margin: 0 !important;
}

/* Actual content-width breakpoints, not browser-width breakpoints. */
@container mysocialfeed (max-width: 940px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 160px minmax(0, 1fr) !important;
  }
  body .mysocial-feed-frame .mysocial-right-rail {
    display: none !important;
  }
}

@container mysocialfeed (max-width: 650px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 1fr !important;
    padding: 0 0 78px !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 99999 !important;
    display: block !important;
    padding: 7px 8px max(7px, env(safe-area-inset-bottom)) !important;
    background: rgba(12,15,20,.97) !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-brand,
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded > .mysocial-nav-logout {
    display: none !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 5px 2px !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a:nth-child(n+6) {
    display: none !important;
  }
}

/* Controlled API error instead of escaped WordPress fatal HTML. */
body .mysocial-feed-error {
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  color: #ffffff !important;
}
body .mysocial-feed-error strong,
body .mysocial-feed-error p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body .mysocial-feed-error p {
  margin: 0 !important;
  color: #d7dee8 !important;
  -webkit-text-fill-color: #d7dee8 !important;
}
body .mysocial-feed-error .mysocial-button {
  justify-self: start !important;
}


/* ============================================================
   MySocial 2.1.6 – feed stability layout
   ============================================================ */

/* AdventureBobby's WordPress content area is intentionally compact.
   The third rail is therefore removed from the feed instead of clipping. */
body .mysocial-feed-frame > .mysocial-feed-shell {
  grid-template-columns: 168px minmax(0, 1fr) !important;
  overflow: visible !important;
}

body .mysocial-feed-frame .mysocial-right-rail {
  display: none !important;
}

/* Feed gets the available space and may never force horizontal overflow. */
body .mysocial-feed-frame,
body .mysocial-feed-frame > .mysocial-feed-shell,
body .mysocial-feed-frame .mysocial-main,
body .mysocial-feed-frame #mysocial-feed {
  min-width: 0 !important;
  max-width: 100% !important;
}

body .mysocial-feed-frame .mysocial-main {
  width: 100% !important;
}

body .mysocial-feed-frame .mysocial-card,
body .mysocial-feed-frame .mysocial-composer,
body .mysocial-feed-frame .mysocial-stories {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* Slightly wider menu-to-feed balance at typical desktop content widths. */
@container mysocialfeed (max-width: 760px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 148px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }
}

@container mysocialfeed (max-width: 620px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 1fr !important;
    padding: 0 0 78px !important;
  }
}


/* MySocial 2.1.9 – admin-only live feed diagnostics */
body .mysocial-feed-debug {
  display: grid;
  gap: 4px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px dashed #5c6b7d;
  border-radius: 10px;
  background: #121923;
  color: #f8fafc !important;
  font-size: 12px;
}
body .mysocial-feed-debug[hidden] {
  display: none !important;
}
body .mysocial-feed-debug strong,
body .mysocial-feed-debug span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}


/* MySocial 2.1.10 – server/client feed diagnostics */
body .mysocial-feed-debug-server {
  border-style: solid;
  border-color: #6e7f93;
  margin-bottom: 8px;
}


/* ============================================================
   MySocial 2.1.12 – edit-form visibility fix
   ============================================================ */

/* Author CSS previously overrode the browser's native [hidden] rule because
   .mysocial-edit-form declares display:grid. Never show the post editor until
   the user explicitly clicks "Bearbeiten". */
body .mysocial-edit-form[hidden],
body form.mysocial-edit-form[hidden],
body [data-edit-form][hidden] {
  display: none !important;
}

/* Same safety net for other MySocial controls that intentionally use hidden. */
body .mysocial-feed-shell [hidden]:not(script),
body .mysocial-public-profile [hidden]:not(script),
body .mysocial-single-wrap [hidden]:not(script) {
  display: none !important;
}

/* ============================================================
   MySocial 2.2.0 – Gruppen / Communities
   ============================================================ */
body .mysocial-groups-wrap,
body .mysocial-group-page {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 16px;
  color: #f8fafc !important;
}

body .mysocial-groups-head,
body .mysocial-group-create,
body .mysocial-group-hero,
body .mysocial-group-members,
body .mysocial-group-pending,
body .mysocial-group-composer,
body .mysocial-group-card {
  background: #151c26 !important;
  border: 1px solid #303947 !important;
  border-radius: 16px !important;
  color: #f8fafc !important;
}

body .mysocial-groups-head,
body .mysocial-group-create,
body .mysocial-group-members,
body .mysocial-group-pending,
body .mysocial-group-composer {
  padding: 16px !important;
}

body .mysocial-groups-head h1,
body .mysocial-group-create h2,
body .mysocial-group-card h2,
body .mysocial-group-hero h1,
body .mysocial-group-members h2,
body .mysocial-group-pending h2,
body .mysocial-group-composer h2,
body .mysocial-groups-head p,
body .mysocial-group-card p,
body .mysocial-group-hero p {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body .mysocial-group-create {
  display: grid !important;
  gap: 12px !important;
}

body .mysocial-group-create label {
  display: grid !important;
  gap: 6px !important;
  color: #e7edf5 !important;
}

body .mysocial-group-create input,
body .mysocial-group-create textarea,
body .mysocial-group-create select,
body .mysocial-group-composer textarea {
  width: 100% !important;
  background: #0d1219 !important;
  border: 1px solid #364254 !important;
  border-radius: 10px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 10px 12px !important;
}

body .mysocial-group-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body .mysocial-group-card {
  overflow: hidden !important;
  min-width: 0 !important;
}

body .mysocial-group-cover,
body .mysocial-group-hero-cover {
  display: block !important;
  min-height: 150px !important;
  background: linear-gradient(135deg, #1d2837, #34445b) !important;
  background-size: cover !important;
  background-position: center !important;
}

body .mysocial-group-hero-cover {
  min-height: 220px !important;
}

body .mysocial-group-card-body,
body .mysocial-group-hero-body {
  padding: 16px !important;
}

body .mysocial-group-card h2 {
  margin: 6px 0 8px !important;
  font-size: 20px !important;
}

body .mysocial-group-card a,
body .mysocial-group-card a:visited,
body .mysocial-group-member-list a,
body .mysocial-group-member-list a:visited {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

body .mysocial-group-privacy,
body .mysocial-group-meta,
body .mysocial-group-card-footer,
body .mysocial-group-card-footer span,
body .mysocial-group-member-list small {
  color: #c8d2df !important;
  -webkit-text-fill-color: #c8d2df !important;
}

body .mysocial-group-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 14px !important;
  font-size: 13px !important;
}

body .mysocial-group-hero {
  overflow: hidden !important;
}

body .mysocial-group-hero h1 {
  margin: 7px 0 8px !important;
}

body .mysocial-group-member-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body .mysocial-group-member-list a {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  background: #0f151e !important;
  border: 1px solid #2d3745 !important;
  border-radius: 11px !important;
}

body .mysocial-group-member-list img {
  width: 38px !important;
  height: 38px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

body .mysocial-group-member-list span,
body .mysocial-group-member-list small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .mysocial-group-pending > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-top: 1px solid #2f3947 !important;
}

body .mysocial-group-composer {
  display: grid !important;
  gap: 10px !important;
}

body .mysocial-form-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 760px) {
  body .mysocial-group-grid {
    grid-template-columns: 1fr !important;
  }
  body .mysocial-group-member-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body .mysocial-group-member-list {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   MySocial 2.3.1 – stabile Trends-Erweiterung
   ============================================================ */
body .mysocial-trends {
  margin-top: 16px;
  padding: 16px !important;
  background: #151c26 !important;
  border: 1px solid #303947 !important;
  border-radius: 16px !important;
  color: #f8fafc !important;
}
body .mysocial-trends h2,
body .mysocial-trends p {
  color: #f8fafc !important;
}
body .mysocial-trend-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
body .mysocial-trend-list a,
body .mysocial-trend-list a:visited {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #0d1219 !important;
  border: 1px solid #26303d;
  border-radius: 10px;
  color: #fff !important;
  text-decoration: none !important;
}
body .mysocial-trend-list a:hover {
  background: #1b2531 !important;
}
body .mysocial-trend-list strong {
  color: #d8f5c8 !important;
}
body .mysocial-trend-list span {
  color: #aeb9c8 !important;
  font-size: 12px;
}

/* MySocial 2.5.0 */
body .mysocial-saved-head{margin-bottom:14px;padding:18px!important}body .mysocial-saved-head h1{color:#fff!important}body [data-save-post].is-active{background:#506f2c!important;color:#fff!important}body .mysocial-saved-page [data-saved-feed]{display:grid;gap:12px}

/* MySocial 2.6.0 Events */
body .mysocial-events-head,body .mysocial-event-form,body .mysocial-event-card{padding:16px!important}body .mysocial-events-head h1,body .mysocial-event-form h2,body .mysocial-event-card h2{color:#fff!important}body .mysocial-event-form{display:grid;gap:10px;margin:14px 0}body .mysocial-event-form label{display:grid;gap:5px;color:#dce3ea!important}body .mysocial-event-form input,body .mysocial-event-form textarea{padding:10px;background:#111821!important;color:#fff!important;border:1px solid #394656!important;border-radius:9px}body [data-event-list]{display:grid;gap:12px}body .mysocial-event-counts{margin:10px 0;color:#cbd5df!important}body .mysocial-event-actions{display:flex;gap:8px;flex-wrap:wrap}body .mysocial-event-actions button{padding:8px 10px;background:#182330!important;color:#fff!important;border:1px solid #3b4b5c!important;border-radius:9px}body .mysocial-event-actions button.is-active{background:#506f2c!important}

/* MySocial 2.7.0 Messenger 2.0 */
body .mysocial-messenger-inbox{padding:16px!important}body .mysocial-messenger-inbox-head{display:flex;justify-content:space-between;align-items:center}body .mysocial-messenger-inbox-head h1{color:#fff!important}body [data-messenger-conversations]{display:grid;gap:5px}body .mysocial-conversation-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:10px;color:#fff!important;text-decoration:none!important}body .mysocial-conversation-row.has-unread,body .mysocial-conversation-row:hover{background:#17222d!important}body .mysocial-conversation-avatar{position:relative;width:44px;height:44px}body .mysocial-conversation-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}body .mysocial-conversation-avatar i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#66717c;border:2px solid #111821}body .mysocial-conversation-avatar i.is-online{background:#72b83e}body .mysocial-conversation-copy{display:grid;min-width:0}body .mysocial-conversation-copy strong,body .mysocial-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .mysocial-conversation-copy small{color:#aeb9c5!important}body .mysocial-unread-badge{background:#5e8136;color:#fff!important;border-radius:99px;padding:3px 7px}

/* MySocial 2.8.0 – Benachrichtigungen 2.0 */
body .mysocial-notification-summary{padding:16px!important}
body .mysocial-notification-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body .mysocial-notification-summary-head h1{margin:3px 0 0;color:#fff!important}
body .mysocial-notification-summary-head button{background:#182330!important;color:#fff!important;border:1px solid #39495a!important;border-radius:9px;padding:8px 10px}
body .mysocial-notification-stats{padding:10px 12px;background:#111821!important;border:1px solid #2d3a47!important;border-radius:9px;color:#cbd5df!important;margin-bottom:10px}
body .mysocial-notification-stats strong{color:#dff5d0!important}
body .mysocial-notification-modern-list{display:grid;gap:6px}
body .mysocial-notification-modern{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:10px;border-radius:10px;border:1px solid transparent}
body .mysocial-notification-modern.is-unread{background:#17222d!important;border-color:#314252!important}
body .mysocial-notification-modern p{margin:0;color:#fff!important}
body .mysocial-notification-modern small{color:#9fabb7!important}
body .mysocial-notification-icon{width:34px;height:34px;display:grid;place-items:center;background:#1b2834;border-radius:50%}
body [data-notification-badge]{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#6d913e;color:#fff!important;font-size:11px;font-weight:700}

/* MySocial 2.9.0 – Mitgliederverzeichnis */
body .mysocial-members-head{padding:18px!important;margin-bottom:12px}
body .mysocial-members-head h1{margin:4px 0;color:#fff!important}
body .mysocial-members-head p{color:#b8c3cf!important}
body .mysocial-members-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0}
body .mysocial-members-search input{width:100%;padding:10px 12px;background:#111821!important;color:#fff!important;border:1px solid #394656!important;border-radius:9px}
body .mysocial-members-search button{padding:10px 14px;background:#506f2c!important;color:#fff!important;border:1px solid #759a43!important;border-radius:9px}
body .mysocial-members-alphabet{display:flex;flex-wrap:wrap;gap:5px}
body .mysocial-members-alphabet button{min-width:32px;height:32px;padding:0 8px;background:#182330!important;color:#d7e0e8!important;border:1px solid #334453!important;border-radius:8px}
body .mysocial-members-alphabet button.is-active{background:#506f2c!important;border-color:#759a43!important;color:#fff!important}
body .mysocial-members-meta{margin:0 0 9px;color:#aeb9c5!important;font-size:13px}
body .mysocial-members-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body .mysocial-member-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:12px!important;color:#fff!important;text-decoration:none!important}
body .mysocial-member-card:hover{background:#17222d!important}
body .mysocial-member-avatar{position:relative;width:58px;height:58px}
body .mysocial-member-avatar img{width:58px;height:58px;border-radius:50%;object-fit:cover}
body .mysocial-member-avatar i{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#67727d;border:2px solid #111821}
body .mysocial-member-avatar i.is-online{background:#72b83e}
body .mysocial-member-info{display:grid;min-width:0}
body .mysocial-member-info strong{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-member-info small{color:#aeb9c5!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-member-info em{color:#80909e!important;font-size:12px;font-style:normal;margin-top:2px}
body .mysocial-verified-mark{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#5f8438;color:#fff!important;font-size:11px}
@media(max-width:700px){
  body .mysocial-members-grid{grid-template-columns:1fr}
  body .mysocial-members-search{grid-template-columns:1fr}
}

/* MySocial 2.9.3 – einfache Benutzerliste im Social Feed */
body .mysocial-feed-users{padding:14px!important;margin-bottom:14px}
body .mysocial-feed-users-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
body .mysocial-feed-users-head strong{color:#fff!important}
body .mysocial-feed-users-head span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:#293746!important;color:#dce6ef!important;font-size:12px}
body .mysocial-feed-users-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
body .mysocial-feed-user{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border-radius:10px;background:#151e27!important;border:1px solid #2f3d4a!important;color:#fff!important;text-decoration:none!important}
body .mysocial-feed-user:hover{background:#1b2834!important}
body .mysocial-feed-user-avatar img{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover}
body .mysocial-feed-user-name{font-size:13px;color:#fff!important;white-space:nowrap}
body .mysocial-feed-users-empty{color:#aeb9c5!important}

/* MySocial 2.9.4 – Benutzerliste links unter Nachrichten */
body .mysocial-sidebar-users{margin:6px 0 8px;padding:7px 6px;border-top:1px solid #26313c;border-bottom:1px solid #26313c}
body .mysocial-sidebar-users-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px;padding:0 2px}
body .mysocial-sidebar-users-head strong{font-size:10px;color:#fff!important}
body .mysocial-sidebar-users-head span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#293746!important;color:#dce6ef!important;font-size:9px}
body .mysocial-sidebar-users-list{display:grid;gap:3px;max-height:180px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}
body .mysocial-sidebar-user{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:4px 5px;border-radius:7px;color:#fff!important;text-decoration:none!important}
body .mysocial-sidebar-user:hover{background:#17222d!important}
body .mysocial-sidebar-user-avatar img{display:block;width:24px;height:24px;border-radius:50%;object-fit:cover}
body .mysocial-sidebar-user-name{font-size:9px;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .mysocial-sidebar-users-empty{font-size:9px;color:#9fabb7!important}

/* MySocial 2.9.5 – Benutzerliste aufklappbar + Profil-Link-Fix */
body .mysocial-sidebar-users{margin:6px 0 8px;padding:0;border-top:1px solid #26313c;border-bottom:1px solid #26313c}
body .mysocial-sidebar-users-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 6px;cursor:pointer;color:#fff!important;font-size:10px;font-weight:700;list-style:none}
body .mysocial-sidebar-users-toggle::-webkit-details-marker{display:none}
body .mysocial-sidebar-users[open] .mysocial-sidebar-users-toggle{background:#151e27!important}
body .mysocial-sidebar-users-count{padding:5px 6px 4px;color:#8f9ca8!important;font-size:9px}
body .mysocial-sidebar-users-list{display:grid;gap:3px;max-height:190px;overflow-y:auto;padding:0 4px 6px 4px;scrollbar-width:thin}
body .mysocial-sidebar-user{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:4px 5px;border-radius:7px;color:#fff!important;text-decoration:none!important}
body .mysocial-sidebar-user:hover{background:#17222d!important}

/* MySocial 2.9.6 – Benutzerliste und Profil als sichtbare Navigationskategorien */
body .mysocial-sidebar-users{margin:0!important;padding:0!important;border:0!important}
body .mysocial-sidebar-users-toggle{width:100%;display:grid!important;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:9px 10px!important;border:0!important;border-radius:8px;background:transparent!important;color:#fff!important;text-align:left;cursor:pointer;font:inherit}
body .mysocial-sidebar-users-toggle:hover,body .mysocial-sidebar-users.is-open .mysocial-sidebar-users-toggle{background:#17222d!important}
body .mysocial-sidebar-users-toggle i{font-style:normal;text-align:center}
body .mysocial-sidebar-users-toggle span{font-size:inherit;font-weight:inherit;color:#fff!important}
body .mysocial-sidebar-users-toggle b{font-size:10px;color:#9eabb7!important;text-align:center}
body .mysocial-sidebar-users.is-open .mysocial-sidebar-users-toggle b{transform:rotate(180deg)}
body .mysocial-sidebar-users-panel[hidden]{display:none!important}
body .mysocial-sidebar-users-panel{padding:4px 3px 7px 24px}
body .mysocial-sidebar-users-count{padding:3px 5px;color:#8f9ca8!important;font-size:9px}
body .mysocial-sidebar-users-list{max-height:180px}

/* MySocial 2.9.7 – linkes Menü vollständig sichtbar */
body .mysocial-sidebar nav{overflow:visible!important;max-height:none!important;height:auto!important}
body .mysocial-sidebar nav>a,
body .mysocial-sidebar-users{display:block!important;visibility:visible!important;opacity:1!important}
body .mysocial-sidebar-users-toggle{min-height:34px!important}

/* MySocial 2.9.8 – Benutzerliste als normale Social-Kategorie */
body .mysocial-userlist-page-card{padding:16px!important}
body .mysocial-userlist-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body .mysocial-userlist-page-head h1{margin:3px 0 4px;color:#fff!important}
body .mysocial-userlist-page-head p{margin:0;color:#aeb9c5!important}
body .mysocial-userlist-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:#293746!important;color:#fff!important;font-weight:700}
body .mysocial-userlist-page-list{display:grid;gap:7px}
body .mysocial-userlist-page-user{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:#151e27!important;border:1px solid #2f3d4a!important;color:#fff!important;text-decoration:none!important}
body .mysocial-userlist-page-user:hover{background:#1b2834!important}
body .mysocial-userlist-page-avatar img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover}
body .mysocial-userlist-page-copy{display:grid;min-width:0}
body .mysocial-userlist-page-copy strong{color:#fff!important}
body .mysocial-userlist-page-copy small{color:#9fabb7!important}

/* MySocial 2.9.9 – Benutzerliste Layout-Fix */
body .mysocial-userlist-page.mysocial-shell{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    background:#0b1117!important;
    border:1px solid #27323d!important;
    border-radius:16px!important;
    padding:12px!important;
    color:#fff!important;
}
body .mysocial-userlist-page .mysocial-nav{
    display:flex!important;
    flex-direction:column!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    background:#0d131a!important;
    border-radius:12px!important;
    padding:10px!important;
}
body .mysocial-userlist-page .mysocial-nav-links{
    display:grid!important;
    gap:4px!important;
}
body .mysocial-userlist-page .mysocial-nav a,
body .mysocial-userlist-page .mysocial-nav button{
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page .mysocial-main{
    min-width:0!important;
    width:auto!important;
}
body .mysocial-userlist-page-card{
    display:block!important;
    padding:16px!important;
    background:#121a23!important;
    border:1px solid #2b3743!important;
    color:#fff!important;
}
body .mysocial-userlist-page-head h1,
body .mysocial-userlist-page-card h2{
    color:#fff!important;
}
body .mysocial-userlist-letters{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:12px 0 16px!important;
}
body .mysocial-userlist-letters a{
    display:inline-grid!important;
    place-items:center!important;
    min-width:30px!important;
    height:30px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    background:#1a2530!important;
    border:1px solid #354554!important;
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page-list{
    display:block!important;
}
body .mysocial-userlist-group{
    display:block!important;
    margin:0 0 16px!important;
}
body .mysocial-userlist-group h2{
    margin:0 0 7px!important;
    font-size:14px!important;
    color:#dff0cf!important;
}
body .mysocial-userlist-group-rows{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
}
body .mysocial-userlist-page-user{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    background:#151e27!important;
    border:1px solid #2f3d4a!important;
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page-user:hover{
    background:#1b2834!important;
}
body .mysocial-userlist-page-copy{
    display:grid!important;
    min-width:0!important;
}
body .mysocial-userlist-page-copy strong{
    display:block!important;
    color:#fff!important;
}
body .mysocial-userlist-page-copy small{
    display:block!important;
    color:#9fabb7!important;
}
body .mysocial-userlist-arrow{
    color:#8fa0af!important;
    font-size:20px!important;
}
@media(max-width:700px){
    body .mysocial-userlist-page.mysocial-shell{
        grid-template-columns:1fr!important;
    }
}

/* MySocial 3.0.0 – Entdecken 2.0 */
body .mysocial-discover-v2{display:grid;gap:12px;margin-bottom:14px}
body .mysocial-discover-v2-head{padding:16px!important}
body .mysocial-discover-v2-head h1,body .mysocial-discover-v2-grid h2,body .mysocial-discover-popular-head h2{color:#fff!important}
body .mysocial-discover-v2-head p,body .mysocial-discover-popular-head p{color:#aeb9c5!important}
body .mysocial-discover-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .mysocial-discover-v2-grid>.mysocial-card{padding:14px!important}
body [data-discover-users]{display:grid;gap:6px}
body .mysocial-discover-user{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;padding:7px;border-radius:9px;color:#fff!important;text-decoration:none!important}
body .mysocial-discover-user:hover{background:#17222d!important}
body .mysocial-discover-user>span{grid-row:1/3;position:relative;width:38px;height:38px}
body .mysocial-discover-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
body .mysocial-discover-user i{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#66717c;border:2px solid #111821}
body .mysocial-discover-user i.is-online{background:#72b83e}
body .mysocial-discover-user strong{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-discover-user small{color:#9fabb7!important}
body .mysocial-discover-mini{padding:8px 0;border-bottom:1px solid #26313c}
body .mysocial-discover-mini:last-child{border-bottom:0}
body .mysocial-discover-mini strong{display:block;color:#fff!important}
body .mysocial-discover-mini small,body .mysocial-discover-mini p{color:#9fabb7!important}
body .mysocial-discover-mini p{margin:4px 0 0}
body .mysocial-discover-popular{display:grid;gap:10px}
body .mysocial-discover-popular-head{padding:14px!important}
@media(max-width:900px){body .mysocial-discover-v2-grid{grid-template-columns:1fr}}

/* MySocial 3.0.1 – Entdecken Stabilität + Feed-Layout */
body .mysocial-search-shell{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;background:#0b1117!important;border:1px solid #27323d!important;border-radius:16px!important;padding:12px!important}
body .mysocial-search-shell .mysocial-nav{width:auto!important;min-width:0!important}
body .mysocial-search-shell .mysocial-main{min-width:0!important;width:auto!important}
body .mysocial-search-shell .mysocial-search-wrap{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:700px){body .mysocial-search-shell{grid-template-columns:1fr!important}}

/* MySocial 3.0.2 – Entdecken Layout-Korrektur */
body .mysocial-search-shell{display:contents!important}
body .mysocial-search-wrap{width:100%!important;max-width:none!important}
body .mysocial-discover-v2-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body .mysocial-discover-v2-grid>.mysocial-card{width:100%!important;min-width:0!important;box-sizing:border-box!important}
body [data-discover-users]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body .mysocial-discover-user{min-width:0!important}
body .mysocial-discover-popular .mysocial-post{width:100%!important;max-width:none!important;box-sizing:border-box!important}
@media(max-width:560px){body [data-discover-users]{grid-template-columns:1fr!important}}

/* MySocial 3.0.3 – Entdecken Feinschliff */
body [data-discover-groups]{display:grid!important;gap:7px!important}
body .mysocial-discover-group{
    display:grid!important;
    gap:3px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border:1px solid #2f3d4a!important;
    border-radius:10px!important;
    background:#111923!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body .mysocial-discover-group:hover{background:#18232e!important;border-color:#46596a!important}
body .mysocial-discover-group strong{display:block!important;color:#fff!important;font-weight:700!important}
body .mysocial-discover-group small{display:block!important;color:#a8b3be!important}
body .mysocial-discover-group p{display:block!important;margin:3px 0!important;color:#c6ced6!important}
body .mysocial-discover-group>span{display:block!important;margin-top:3px!important;color:#dff1d0!important;font-size:12px!important;font-weight:700!important}
body .mysocial-discover-v2-head{border-radius:12px!important}
body .mysocial-discover-v2-grid>.mysocial-card,
body .mysocial-discover-popular-head{border-radius:12px!important}
body .mysocial-discover-v2-grid h2{margin-bottom:10px!important}
body .mysocial-discover-popular-head{margin-top:2px!important}

/* MySocial 3.1.0 – Registrierung */
body .mysocial-auth-form input[name="first_name"],
body .mysocial-auth-form input[name="last_name"],
body .mysocial-auth-form input[name="postcode"],
body .mysocial-auth-form input[name="city"]{width:100%;box-sizing:border-box}
body .mysocial-profile-address{display:grid;gap:3px;margin:10px 0 14px;padding:10px 12px;border:1px solid #2f3d4a;border-radius:10px;background:#121a23;color:#fff}
body .mysocial-profile-address small{color:#9fabb7!important}

/* MySocial 3.2.2 – Login/Registrierung Kontrast-Fix */
body .mysocial-auth-card input[type="text"],
body .mysocial-auth-card input[type="email"],
body .mysocial-auth-card input[type="password"],
body .mysocial-auth-card input[type="search"],
body .mysocial-auth-card input[type="number"],
body .mysocial-auth-card input[type="tel"],
body .mysocial-auth-card textarea,
body .mysocial-auth-card select{
    background:#0f1720!important;
    color:#ffffff!important;
    border:1px solid #334252!important;
    box-shadow:none!important;
    -webkit-text-fill-color:#ffffff!important;
    caret-color:#ffffff!important;
}
body .mysocial-auth-card input::placeholder,
body .mysocial-auth-card textarea::placeholder{
    color:#8794a1!important;
    opacity:1!important;
    -webkit-text-fill-color:#8794a1!important;
}
body .mysocial-auth-card input:focus,
body .mysocial-auth-card textarea:focus,
body .mysocial-auth-card select:focus{
    background:#111b25!important;
    color:#ffffff!important;
    border-color:#6f9440!important;
    outline:2px solid rgba(111,148,64,.25)!important;
    outline-offset:1px!important;
}
body .mysocial-auth-card label,
body .mysocial-auth-card label span,
body .mysocial-auth-card small{
    color:#e6edf3!important;
}
body .mysocial-auth-card input:-webkit-autofill,
body .mysocial-auth-card input:-webkit-autofill:hover,
body .mysocial-auth-card input:-webkit-autofill:focus{
    -webkit-text-fill-color:#ffffff!important;
    -webkit-box-shadow:0 0 0 1000px #0f1720 inset!important;
    transition:background-color 9999s ease-out 0s!important;
}

/* MySocial 3.3.0 – Profil 2.0 */
body .mysocial-profile-stats{display:flex!important;flex-wrap:wrap;gap:8px!important}
body .mysocial-profile-stats span{display:inline-flex;align-items:baseline;gap:4px;padding:6px 9px;border-radius:9px;background:#111923!important;border:1px solid #2b3946!important;color:#aeb9c5!important}
body .mysocial-profile-stats strong{color:#fff!important}
body .mysocial-profile-quickfacts{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}
body .mysocial-profile-quickfacts span{padding:6px 9px;border-radius:9px;background:#17222d!important;color:#d4dde5!important;font-size:12px}
body .mysocial-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body .mysocial-about-grid>div{padding:10px!important;border:1px solid #2d3a47!important;border-radius:10px!important;background:#111923!important}
body .mysocial-about-grid span{display:block;color:#8f9da9!important;font-size:11px;margin-bottom:3px}
body .mysocial-about-grid strong{display:block;color:#fff!important}
body .mysocial-profile-place{color:#b7c4cf!important;margin:3px 0!important}
@media(max-width:650px){body .mysocial-about-grid{grid-template-columns:1fr!important}}

/* MySocial 3.4.0 – Links & Vorschau */
body .mysocial-inline-link{
    color:#cfe9b8!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:2px!important;
    overflow-wrap:anywhere;
}
body .mysocial-link-preview{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    overflow:hidden!important;
    margin:10px 0!important;
    border:1px solid #32414e!important;
    border-radius:11px!important;
    background:#101820!important;
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-link-preview:hover{background:#15212b!important;border-color:#526879!important}
body .mysocial-link-preview>img{width:112px!important;height:100%!important;min-height:88px!important;object-fit:cover!important}
body .mysocial-link-preview-copy{display:grid!important;align-content:center!important;gap:3px!important;min-width:0!important;padding:10px!important}
body .mysocial-link-preview-copy small{color:#8fa0ad!important;font-size:11px!important;text-transform:none!important}
body .mysocial-link-preview-copy strong{color:#fff!important;font-size:14px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important}
body .mysocial-link-preview-copy>span{color:#aeb9c5!important;font-size:12px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
body .mysocial-composer-link-preview{margin-top:8px}
body .mysocial-composer-link-preview .mysocial-link-preview{margin:0!important}
body .mysocial-link-preview.is-compact{grid-template-columns:82px minmax(0,1fr)!important}
body .mysocial-link-preview.is-compact>img{width:82px!important;min-height:70px!important}
body .mysocial-link-preview-loading,
body .mysocial-link-preview-fallback{padding:9px 11px;border:1px solid #2f3d49;border-radius:9px;background:#111923;color:#aeb9c5!important;font-size:12px}
@media(max-width:560px){
    body .mysocial-link-preview{grid-template-columns:1fr!important}
    body .mysocial-link-preview>img,
    body .mysocial-link-preview.is-compact>img{width:100%!important;height:130px!important}
}

/* MySocial 3.4.1 – Link-Vorschaubild Fix */
body .mysocial-link-preview>img{
    display:block!important;
    background:#0d141b!important;
}
body .mysocial-link-preview:not(:has(img)){
    grid-template-columns:1fr!important;
}

/* MySocial 3.4.2 – Mobile Composer Layout Fix */
@media (max-width:700px){
 body .mysocial-composer *{word-break:normal!important;overflow-wrap:normal}
 body .mysocial-composer label:has(select[name="visibility"]){display:block!important;width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important}
 body .mysocial-composer label:has(select[name="visibility"])>span,
 body .mysocial-composer label:has(select[name="visibility"])>strong{display:block!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}
 body .mysocial-composer select[name="visibility"]{width:min(100%,340px)!important;min-width:180px!important;max-width:100%!important}
 body .mysocial-composer button[type="submit"]{width:auto!important;min-width:92px!important;max-width:130px!important;white-space:nowrap!important;word-break:normal!important;padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:420px){
 body .mysocial-composer select[name="visibility"]{min-width:0!important;width:100%!important}
 body .mysocial-composer button[type="submit"]{min-width:100px!important}
}

/* MySocial 3.5.0 – Editor Entwurf & Zeichenzähler */
body .mysocial-composer-draft-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px;min-height:24px}
body .mysocial-composer-draft-status{margin-right:auto;color:#8fa0ad!important;font-size:11px}
body .mysocial-composer-char-count{color:#8fa0ad!important;font-size:11px;font-variant-numeric:tabular-nums}
body .mysocial-composer-char-count.is-near-limit{color:#e1bd64!important}
body .mysocial-composer-char-count.is-at-limit{color:#ef7e7e!important;font-weight:700}
body .mysocial-clear-draft{padding:4px 7px!important;font-size:10px!important}
@media(max-width:560px){body .mysocial-composer-draft-status{width:100%;margin-right:0}}

/* MySocial 3.6.0 – Editor Plus */
body .mysocial-editor-plus{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 8px;
    padding:7px 8px;
    border:1px solid #2b3946;
    border-radius:10px;
    background:#111923;
}
body .mysocial-editor-plus-emojis{
    display:flex;
    gap:3px;
    flex-wrap:wrap;
}
body .mysocial-editor-emoji{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    border:0!important;
    border-radius:7px!important;
    background:#1a2530!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1!important;
    cursor:pointer!important;
}
body .mysocial-editor-emoji:hover{background:#263744!important}
body .mysocial-editor-link-button{
    margin-left:auto!important;
    white-space:nowrap!important;
}
body .mysocial-editor-plus small{
    color:#8795a2!important;
    white-space:nowrap;
}
@media(max-width:560px){
    body .mysocial-editor-plus{align-items:flex-start}
    body .mysocial-editor-plus-emojis{width:100%}
    body .mysocial-editor-link-button{margin-left:0!important}
    body .mysocial-editor-plus small{width:100%}
}
/* Adventure relationships – 3.9 */
.mysocial-contact-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px}.mysocial-contact-profile{display:flex;align-items:center;gap:12px;min-width:0;flex:1;color:inherit;text-decoration:none}.mysocial-contact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mysocial-contact-actions select,.mysocial-contact-actions button{border:1px solid rgba(210,202,154,.18);background:#111a12;color:#f3efd9;border-radius:10px;padding:8px 10px;font:inherit}.mysocial-contact-actions button{cursor:pointer;background:#25331a}.mysocial-contact-actions button:hover{background:#344622}@media(max-width:760px){.mysocial-contact-row{align-items:flex-start;flex-direction:column}.mysocial-contact-actions{padding-left:54px}}


/* MySocial 3.10.0 — Freunde & Kontakte: klare Profilkarten + Familie */
body .mysocial-userlist-page.mysocial-shell{grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
body .mysocial-userlist-page .mysocial-nav{position:sticky!important;top:86px!important;align-self:start!important;z-index:2!important;border:1px solid rgba(210,202,154,.14)!important;background:linear-gradient(180deg,#0c1510,#0a1010)!important}
body .mysocial-userlist-page .mysocial-main{position:relative!important;z-index:1!important;min-width:0!important;overflow:visible!important}
body .mysocial-userlist-page-card{padding:18px!important;border-radius:16px!important;background:linear-gradient(180deg,#101b11,#0b140c)!important;border:1px solid rgba(210,202,154,.16)!important}
body .mysocial-userlist-page-head{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
body .mysocial-userlist-page-head h1{font-size:28px!important;line-height:1.1!important}.mysocial-userlist-count{background:#223348!important}
body .mysocial-userlist-group-rows{gap:9px!important}
body .mysocial-userlist-page-user{display:flex!important;grid-template-columns:none!important;justify-content:space-between!important;gap:14px!important;padding:12px!important;background:#101922!important;border-color:#293947!important}
body .mysocial-contact-profile{min-width:0!important}.mysocial-userlist-page-avatar img{width:46px!important;height:46px!important}
body .mysocial-userlist-page-copy strong{font-size:14px!important}.mysocial-userlist-page-copy small{margin-top:3px!important;color:#b3bdc4!important}
body .mysocial-contact-actions{justify-content:flex-end!important;flex:0 0 auto!important}.mysocial-contact-actions select{min-width:154px!important;background:#111b12!important}.mysocial-contact-actions button{white-space:nowrap!important}
.mysocial-self-badge{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(207,198,129,.22);border-radius:999px;background:#202b17;color:#ddd59b;font-size:11px;font-weight:800}
@media(max-width:820px){body .mysocial-userlist-page.mysocial-shell{grid-template-columns:1fr!important;gap:12px!important}body .mysocial-userlist-page .mysocial-nav{position:static!important}.mysocial-contact-actions{padding-left:58px!important}}
@media(max-width:620px){body .mysocial-userlist-page-user{align-items:flex-start!important;flex-direction:column!important}.mysocial-contact-actions{padding-left:58px!important;width:100%!important;justify-content:flex-start!important}.mysocial-self-badge{margin-left:58px}}

/* MySocial 3.11 — relationship dashboard */
.mysocial-rail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.mysocial-rail-stats span{padding:8px 4px;border:1px solid rgba(181,191,119,.14);border-radius:10px;text-align:center;font-size:11px;color:#aeb5a8}.mysocial-rail-stats b{display:block;color:#f3efd9;font-size:16px;margin-bottom:2px}


/* MySocial 3.13 — Kontakt-Tabs, Status und Direktnachricht */
.mysocial-contact-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 12px}.mysocial-contact-tabs a{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(210,202,154,.13);border-radius:999px;background:#0d160f;color:#cbd1c6;text-decoration:none;font-size:12px;font-weight:700}.mysocial-contact-tabs a b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#17231a;color:#dcd5a4;font-size:10px}.mysocial-contact-tabs a:hover,.mysocial-contact-tabs a.is-active{background:#35451f;color:#fff;border-color:#667d38}.mysocial-contact-tabs a.is-active b{background:#0c150e;color:#f3efd9}.mysocial-userlist-page-avatar{position:relative}.mysocial-online-dot{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#69b84f;border:2px solid #101922}.mysocial-contact-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.mysocial-contact-message{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(210,202,154,.18);border-radius:10px;background:#121c14;color:#eee7bd;text-decoration:none}.mysocial-contact-message:hover{background:#28371d}.mysocial-contact-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px;border:1px dashed rgba(210,202,154,.2);border-radius:14px;color:#aeb6ac}.mysocial-contact-empty strong{font-size:17px;color:#f3efd9}.mysocial-contact-empty a{margin-top:5px;color:#d9d08e;text-decoration:none;font-weight:800}@media(max-width:760px){.mysocial-contact-tools{width:100%;padding-left:58px;align-items:flex-start}.mysocial-contact-actions{padding-left:0!important}.mysocial-contact-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.mysocial-contact-tabs a{white-space:nowrap}}


/* 3.14 Adventure button system — consistent, readable controls across the social app. */
:root{
  --mys-btn-olive:#6f7f35;
  --mys-btn-olive-hover:#849746;
  --mys-btn-cream:#f4efd7;
  --mys-btn-ink:#11160e;
  --mys-btn-ghost:#172019;
  --mys-btn-border:rgba(222,213,164,.28);
  --mys-btn-danger:#7d3340;
  --mys-btn-danger-hover:#984353;
}
body :is(.mysocial-feed-shell,.mysocial-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(.mysocial-button,.mysocial-primary-button,.mysocial-comment-form button,.mysocial-message-form button[type="submit"],.mysocial-event-form button[type="submit"]){
  min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:9px 16px!important;border:1px solid rgba(244,239,215,.18)!important;border-radius:12px!important;
  background:var(--mys-btn-olive)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:700 13px/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;opacity:1!important;cursor:pointer!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(.mysocial-button,.mysocial-primary-button,.mysocial-comment-form button,.mysocial-message-form button[type="submit"],.mysocial-event-form button[type="submit"]):hover{
  background:var(--mys-btn-olive-hover)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:none!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell) button[data-save-post]{
  min-height:34px!important;padding:7px 11px!important;border:1px solid var(--mys-btn-border)!important;border-radius:10px!important;
  background:var(--mys-btn-ghost)!important;color:var(--mys-btn-cream)!important;-webkit-text-fill-color:var(--mys-btn-cream)!important;
  font-weight:700!important;line-height:1.1!important;white-space:nowrap!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell) button[data-save-post]:hover{background:#24301f!important;border-color:rgba(222,213,164,.42)!important}
body :is(.mysocial-feed-shell,.mysocial-shell) button[data-save-post].is-active{
  background:#52672d!important;border-color:#82994a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-action,
body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-text-button{
  min-height:32px!important;padding:6px 9px!important;border-radius:9px!important;color:#eee9d4!important;-webkit-text-fill-color:#eee9d4!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-action:hover,
body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-text-button:hover{background:rgba(255,255,255,.055)!important}
body :is(.mysocial-feed-shell,.mysocial-shell) .is-danger,
body :is(.mysocial-feed-shell,.mysocial-shell) button.is-danger{
  color:#ffc1ca!important;-webkit-text-fill-color:#ffc1ca!important;
}
body :is(.mysocial-feed-shell,.mysocial-shell) button:disabled,
body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-button:disabled{
  opacity:.52!important;cursor:not-allowed!important;filter:saturate(.7)!important;
}
body .mysocial-contact-actions button{min-height:36px!important;padding:8px 12px!important;border-radius:10px!important;background:#34451f!important;color:#f8f4df!important;-webkit-text-fill-color:#f8f4df!important;font-weight:750!important}
body .mysocial-contact-actions button:hover{background:#465d2b!important}
body .mysocial-contact-actions button[value="decline"],body .mysocial-contact-actions button[value="remove"]{background:#321d20!important;color:#ffc2ca!important;-webkit-text-fill-color:#ffc2ca!important;border-color:#67353d!important}
@media(max-width:560px){body :is(.mysocial-feed-shell,.mysocial-shell) .mysocial-actions{gap:4px!important;flex-wrap:wrap!important}body :is(.mysocial-feed-shell,.mysocial-shell) button[data-save-post]{font-size:12px!important}}

/* Adventure 3.15: profile relationship controls */
.mysocial-profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mysocial-profile-relationship{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.mysocial-profile-relationship select{min-height:42px;border:1px solid rgba(205,198,151,.22);border-radius:10px;background:#0b120b;color:#f5f0d8;padding:0 36px 0 12px;font-weight:700}
.mysocial-relationship-status{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:10px;background:rgba(118,137,54,.18);border:1px solid rgba(150,164,78,.3);color:#eee8ca;font-weight:700}
.mysocial-notification-item[href*="kreis=requests"]{border-color:rgba(151,166,77,.42)}

/* 3.16 Adventure profile polish */
.mysocial-profile-hero{overflow:hidden;position:relative;border:1px solid rgba(143,157,73,.28)!important;background:linear-gradient(145deg,rgba(17,31,19,.98),rgba(8,18,10,.98))!important}
.mysocial-profile-hero:before{content:"";position:absolute;inset:0 0 auto;height:7rem;background:radial-gradient(ellipse at 12% 35%,rgba(103,111,55,.22) 0 13%,transparent 14%),radial-gradient(ellipse at 40% 65%,rgba(68,80,40,.2) 0 16%,transparent 17%),radial-gradient(ellipse at 76% 30%,rgba(94,100,51,.18) 0 12%,transparent 13%);pointer-events:none}
.mysocial-profile-identity{position:relative;z-index:1;padding-top:2.5rem!important}
.mysocial-profile-avatar{width:96px!important;height:96px!important;border:4px solid #111d12!important;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.mysocial-profile-copy h1{margin-bottom:.3rem!important}.mysocial-profile-bio{max-width:62ch;line-height:1.6}
.mysocial-profile-stats{display:flex!important;gap:.6rem!important;flex-wrap:wrap}.mysocial-profile-stats>*{background:rgba(0,0,0,.18);border:1px solid rgba(224,215,174,.1);border-radius:12px;padding:.55rem .8rem}
.mysocial-profile-actions{display:flex!important;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}
.mysocial-profile-relationship{display:flex!important;align-items:center;gap:.5rem;flex-wrap:wrap}.mysocial-profile-relationship select{min-height:40px;border-radius:10px!important;background:#0a130b!important;color:#f4efd9!important;border:1px solid rgba(143,157,73,.4)!important;padding:0 .75rem!important}


/* Adventure 3.17 — Discover stability + readability */
body .mysocial-search-wrap{position:relative!important;isolation:isolate!important;display:grid!important;gap:14px!important;min-width:0!important}
body .mysocial-discover-v2{position:relative!important;z-index:1!important;display:grid!important;gap:12px!important;min-width:0!important;overflow:visible!important}
body .mysocial-discover-v2-head{position:relative!important;z-index:1!important;min-height:0!important;overflow:hidden!important}
body .mysocial-discover-v2-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;min-width:0!important;overflow:visible!important}
body .mysocial-discover-v2-grid>.mysocial-card{position:relative!important;inset:auto!important;float:none!important;clear:both!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px!important;overflow:hidden!important;transform:none!important;box-sizing:border-box!important}
body .mysocial-discover-v2-grid>.mysocial-card h2{margin:0 0 6px!important;font-size:20px!important;line-height:1.25!important}
body .mysocial-discover-section-copy{margin:0 0 12px!important;color:#9eaa9d!important;font-size:13px!important}
body [data-discover-users]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;position:static!important;height:auto!important;overflow:visible!important}
body .mysocial-discover-user{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:1px 9px!important;min-width:0!important;padding:9px!important;border:1px solid rgba(181,196,153,.10)!important;border-radius:10px!important;background:rgba(12,24,18,.42)!important;overflow:hidden!important}
body .mysocial-discover-user>span{grid-row:1/3!important;width:42px!important;height:42px!important}
body .mysocial-discover-user img{display:block!important;width:42px!important;height:42px!important;object-fit:cover!important}
body [data-discover-groups],body [data-discover-events]{position:static!important;display:grid!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
body .mysocial-discover-group,body .mysocial-discover-mini{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;border:1px solid rgba(181,196,153,.10)!important;border-radius:10px!important;background:rgba(12,24,18,.42)!important;overflow:hidden!important}
body .mysocial-discover-popular{position:relative!important;z-index:1!important;display:grid!important;gap:12px!important;min-width:0!important}
body .mysocial-search-box,body [data-search-results],body .mysocial-trends{position:relative!important;z-index:1!important;clear:both!important}
@media(max-width:640px){body [data-discover-users]{grid-template-columns:1fr!important}}


/* Adventure 3.18 — profile hub */
.mysocial-profile-tabs{position:sticky;top:54px;z-index:8;display:flex;gap:6px;overflow-x:auto;padding:8px;border:1px solid rgba(143,157,73,.24);border-radius:16px;background:rgba(8,18,10,.96);backdrop-filter:blur(12px)}
.mysocial-profile-tabs a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 13px;border-radius:11px;color:#f4f0dc;text-decoration:none;font-weight:800}.mysocial-profile-tabs a:hover{background:rgba(143,157,73,.18)}.mysocial-profile-tabs span{min-width:22px;padding:2px 6px;border-radius:999px;background:#1b2a1d;color:#d9d0a6;text-align:center;font-size:11px}
.mysocial-profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mysocial-profile-section{min-width:0}.mysocial-profile-section:first-child{grid-column:1/-1}.mysocial-profile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.mysocial-profile-section-head h2{margin:3px 0 0}.mysocial-profile-section-head>a{color:#d9d0a6;text-decoration:none;font-weight:800;font-size:13px}
.mysocial-profile-friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mysocial-profile-person{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(143,157,73,.18);border-radius:13px;background:rgba(11,24,13,.72);color:#fff;text-decoration:none}.mysocial-profile-person img{width:44px;height:44px;border-radius:50%;object-fit:cover}.mysocial-profile-person span{min-width:0}.mysocial-profile-person strong,.mysocial-profile-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mysocial-profile-person small{margin-top:2px;color:#aeb8ae;font-size:11px}
.mysocial-profile-group-grid{display:grid;gap:9px}.mysocial-profile-group{display:grid;gap:5px;padding:12px;border:1px solid rgba(143,157,73,.18);border-radius:12px;background:rgba(11,24,13,.72);color:#fff;text-decoration:none}.mysocial-profile-group small{color:#aeb8ae}.mysocial-profile-media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mysocial-profile-media-gallery a{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#101812}.mysocial-profile-media-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.mysocial-profile-media-gallery a:hover img{transform:scale(1.035)}
@media(max-width:760px){.mysocial-profile-tabs{top:8px}.mysocial-profile-sections{grid-template-columns:1fr}.mysocial-profile-section:first-child{grid-column:auto}.mysocial-profile-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mysocial-profile-friend-grid{grid-template-columns:1fr}.mysocial-profile-media-gallery{grid-template-columns:repeat(2,1fr)}}


/* Adventure 3.19 — profile tabs, actions and button consistency */
body .mysocial-public-profile .mysocial-profile-tabs{display:flex!important;visibility:visible!important;opacity:1!important;position:sticky!important;top:54px!important;z-index:30!important;margin:0!important;padding:8px!important;background:rgba(7,16,9,.97)!important;border:1px solid rgba(143,157,73,.32)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
body .mysocial-public-profile .mysocial-profile-tabs a{display:inline-flex!important;color:#eee8cf!important;border:1px solid transparent!important}
body .mysocial-public-profile .mysocial-profile-tabs a.is-active{background:#68782f!important;color:#fff!important;border-color:#829145!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel]{display:none!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel].is-active{display:block!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel="overview"]{display:none!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel="overview"].is-active{display:grid!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel="overview"].is-active [data-profile-panel]{display:block!important}
body .mysocial-public-profile.is-tabs-ready [data-profile-panel="overview"].is-active [data-profile-panel="friends"]{grid-column:1/-1!important}
body .mysocial-public-profile .mysocial-profile-actions{padding-top:4px!important}
body .mysocial-public-profile .mysocial-profile-actions :is(.mysocial-button,.mysocial-outline-button,.mysocial-message-button),body .mysocial-public-profile .mysocial-profile-relationship select{min-height:42px!important;font-size:13px!important;line-height:1.2!important}
body .mysocial-public-profile .mysocial-message-button{background:#6e7d32!important;border-color:#829145!important;color:#fff!important}
body .mysocial-public-profile .mysocial-profile-relationship select{max-width:190px!important}
body button[data-save-post]{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 10px!important;border:1px solid rgba(222,213,164,.22)!important;border-radius:9px!important;background:#172218!important;color:#eee8d0!important;font:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;opacity:1!important;text-shadow:none!important;cursor:pointer!important}
body button[data-save-post]:hover{background:#24301f!important;border-color:rgba(222,213,164,.42)!important;color:#fff!important}
body button[data-save-post].is-active{background:#526d2d!important;border-color:#83944b!important;color:#fff!important}
body button[data-save-post]:disabled{background:#20271f!important;color:#9fa694!important;border-color:#343d32!important;opacity:.72!important;cursor:not-allowed!important}
@media(max-width:760px){body .mysocial-public-profile .mysocial-profile-tabs{top:8px!important}body .mysocial-public-profile .mysocial-profile-actions{align-items:stretch!important}body .mysocial-public-profile .mysocial-profile-relationship{width:100%!important}body .mysocial-public-profile .mysocial-profile-relationship select{max-width:none!important;flex:1 1 100%!important}}

/* 3.20.0 – Kommentar-Antworten */
.mysocial-comment.is-reply{margin-left:42px}.mysocial-comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mysocial-comment-meta button{appearance:none;border:0;background:transparent;color:#c9d3df;padding:0;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.mysocial-comment-meta button:hover{color:#fff;text-decoration:underline}@media(max-width:560px){.mysocial-comment.is-reply{margin-left:22px}}

/* 3.21.0 – Benachrichtigungszentrale + klarere Kommentar-Threads */
.mysocial-notifications-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.mysocial-notifications-head h1{margin:5px 0 2px}.mysocial-notifications-head p{margin:0;color:#9ba79a}.mysocial-notice-readall{white-space:nowrap}.mysocial-notification-list{display:grid;gap:10px}.mysocial-notification-item{padding:0!important;overflow:hidden;position:relative}.mysocial-notification-item.is-unread{border-color:#667d2c!important;background:linear-gradient(90deg,rgba(112,134,49,.16),rgba(13,27,15,.96))!important}.mysocial-notice-main{display:grid;grid-template-columns:34px 46px minmax(0,1fr) 10px;align-items:center;gap:12px;padding:15px 16px;color:inherit;text-decoration:none}.mysocial-notice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#18251a;font-size:17px}.mysocial-notice-copy{min-width:0}.mysocial-notice-copy small{display:block;margin-top:4px;color:#9ba79a}.mysocial-unread-dot{width:9px;height:9px;border-radius:50%;background:#d8c76c;box-shadow:0 0 0 4px rgba(216,199,108,.12)}.mysocial-notice-read{display:block;border-top:1px solid rgba(255,255,255,.07);padding:8px 16px 9px 104px;color:#cbd5c5;text-decoration:none;font-size:12px}.mysocial-notice-read:hover{color:#fff;text-decoration:underline}.mysocial-notification-item.is-read{opacity:.78}.mysocial-feed-shell .mysocial-comment.is-reply{position:relative;margin-left:46px}.mysocial-feed-shell .mysocial-comment.is-reply:before{content:"";position:absolute;left:-22px;top:-9px;width:15px;height:26px;border-left:1px solid rgba(202,211,193,.28);border-bottom:1px solid rgba(202,211,193,.28);border-radius:0 0 0 9px}.mysocial-feed-shell .mysocial-comment.is-reply .mysocial-comment-bubble{background:#20291f!important;border:1px solid rgba(133,153,76,.16)}
@media(max-width:600px){.mysocial-notifications-head{align-items:flex-start;flex-direction:column}.mysocial-notice-main{grid-template-columns:30px 40px minmax(0,1fr) 8px;gap:9px;padding:13px}.mysocial-notice-icon{width:30px;height:30px}.mysocial-notice-read{padding-left:92px}.mysocial-feed-shell .mysocial-comment.is-reply{margin-left:25px}}

/* 3.22.0 — Adventure Messenger */
body .mysocial-messages-wrap{max-width:1180px!important;grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:16px!important}
body .mysocial-conversation-panel,body .mysocial-chat-panel{background:linear-gradient(180deg,#0d1a0f,#09130b)!important;border:1px solid rgba(139,157,72,.22)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
body .mysocial-messages-title{display:grid;gap:14px;padding:20px!important;border-color:rgba(255,255,255,.08)!important}
body .mysocial-message-search{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#071009}
body .mysocial-message-search input{min-width:0;width:100%;height:38px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important}
body .mysocial-conversation-item{border-bottom:1px solid rgba(255,255,255,.06)!important}
body .mysocial-conversation-item:hover,body .mysocial-conversation-item.is-active{background:#182419!important}
body .mysocial-conversation-item.has-unread{box-shadow:inset 3px 0 #84933b;background:rgba(132,147,59,.08)}
body .mysocial-chat-avatar{position:relative;display:inline-flex}.mysocial-presence{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6b7470;margin-right:6px}.mysocial-presence.is-online{background:#61b95a;box-shadow:0 0 0 2px rgba(97,185,90,.12)}
body .mysocial-chat-avatar .mysocial-presence{position:absolute;right:-1px;bottom:1px;width:10px;height:10px;margin:0;border:2px solid #0d1a0f}
body .mysocial-chat-header{background:#0c180e!important;border-color:rgba(255,255,255,.08)!important}
body .mysocial-message-thread{background:radial-gradient(circle at 50% 0,rgba(87,103,43,.08),transparent 45%),#061008!important;padding:22px!important;gap:11px!important}
body .mysocial-message-bubble{background:#17231a!important;border:1px solid rgba(255,255,255,.07);border-radius:16px 16px 16px 5px!important;box-shadow:0 5px 14px rgba(0,0,0,.12)}
body .mysocial-message.is-mine .mysocial-message-bubble{background:#65752f!important;border-color:#81903e!important;border-radius:16px 16px 5px 16px!important}
body .mysocial-message-form{background:#0c180e!important;border-color:rgba(255,255,255,.08)!important;padding:14px!important;align-items:end}
body .mysocial-message-compose{display:grid;gap:4px}.mysocial-message-compose textarea{min-height:48px!important;max-height:140px;background:#061008!important;border-color:rgba(255,255,255,.12)!important}.mysocial-message-compose small{text-align:right;color:#9da89f!important;font-size:11px}
body .mysocial-message-form .mysocial-button{min-width:94px;height:48px;border-radius:13px!important;background:#84933b!important;color:#fff!important;font-weight:800!important}
@media(max-width:800px){body .mysocial-messages-wrap{grid-template-columns:1fr!important}.mysocial-conversation-panel{max-height:360px}.mysocial-chat-panel{min-height:540px}}

/* 3.22.1: keep author metadata readable when owner/moderation actions are present. */
.mysocial-feed-shell .mysocial-post-header{flex-wrap:wrap;align-items:center}
.mysocial-feed-shell .mysocial-post-headcopy{min-width:180px;flex:1 1 180px}
.mysocial-feed-shell .mysocial-owner-tools{flex:0 0 auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
.mysocial-feed-shell .mysocial-post-header>a:first-child{flex:0 0 auto}
@media(max-width:700px){.mysocial-feed-shell .mysocial-owner-tools{width:100%;margin-left:53px;justify-content:flex-start}}


/* 3.22.2: post presence labels must not inherit the tiny chat status-dot width. */
.mysocial-feed-shell .mysocial-meta .mysocial-presence{display:inline!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;white-space:nowrap!important;vertical-align:baseline!important}
.mysocial-feed-shell .mysocial-post-headcopy strong,.mysocial-feed-shell .mysocial-post-headcopy .mysocial-meta{display:block!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important}

/* Messenger 3.24: typing indicator */
.mysocial-chat-typing{display:flex;align-items:center;gap:5px;margin:8px 10px;color:#aeb8aa;font-size:12px}.mysocial-chat-typing>span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;animation:mysocialTyping 1.2s infinite ease-in-out}.mysocial-chat-typing>span:nth-child(2){animation-delay:.15s}.mysocial-chat-typing>span:nth-child(3){animation-delay:.3s}.mysocial-chat-typing small{margin-left:4px}@keyframes mysocialTyping{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-3px);opacity:1}}

/* v3.25 Stories & Medien */
.mysocial-story-privacy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:11px 12px;border:1px solid rgba(151,164,92,.24);border-radius:14px;background:rgba(75,88,43,.13)}
.mysocial-story-privacy-row .mysocial-visibility-picker{display:flex;align-items:center;gap:9px;font-weight:700;color:#ece8d8!important}
.mysocial-story-privacy-row select{min-height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#111711;color:#f4f0df!important;padding:0 34px 0 11px}
.mysocial-story-privacy-note{font-size:12px;color:#aeb79d!important}
.mysocial-story-thumb{transition:transform .18s ease}.mysocial-story-thumb:hover{transform:translateY(-2px)}
.mysocial-story-ring{background:linear-gradient(145deg,#b4a66b,#66733d 45%,#283522 72%,#9d8f55)!important;box-shadow:0 0 0 1px rgba(191,179,116,.18),0 6px 18px rgba(0,0,0,.25)}
.mysocial-story-viewer-head small{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mysocial-profile-media-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mysocial-profile-media-gallery a{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#0b0f0c;border:1px solid rgba(255,255,255,.08)}.mysocial-profile-media-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.mysocial-profile-media-gallery a:hover img{transform:scale(1.035)}
@media(max-width:700px){.mysocial-story-privacy-row{align-items:stretch;flex-direction:column}.mysocial-story-privacy-row .mysocial-visibility-picker{justify-content:space-between}.mysocial-profile-media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* MySocial 3.26.0 — Stories & Medien 2.0 */
.mysocial-story-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mysocial-story-ring{position:relative}.mysocial-story-ring b{position:absolute;right:-3px;bottom:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#6f7f31;color:#fff!important;border:2px solid #15191f;font:700 11px/18px system-ui;text-align:center}.mysocial-story-progress{display:flex!important;gap:4px;overflow:visible!important;background:transparent!important;height:4px!important}.mysocial-story-progress-segment{flex:1;height:3px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.24)}.mysocial-story-progress-segment i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#fff}.mysocial-story-progress-segment.is-done i{transform:scaleX(1)}.mysocial-story-progress-segment.is-active i{transform:scaleX(0)}
@media(max-width:700px){.mysocial-story-heading-actions{width:100%;justify-content:flex-end}.mysocial-stories-heading{flex-wrap:wrap}}

/* Adventure 3.27 – profile media gallery 2.0 */
.mysocial-profile-media-total{align-self:center;padding:6px 10px;border:1px solid rgba(143,157,73,.28);border-radius:999px;background:rgba(143,157,73,.09);color:#dfe8bf!important;font-size:12px;font-weight:800;white-space:nowrap}
.mysocial-profile-media-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mysocial-profile-media-item{position:relative;display:block;width:100%;padding:0;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b0f0c;cursor:zoom-in;text-align:left}
.mysocial-profile-media-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease}.mysocial-profile-media-item:hover img{transform:scale(1.035);filter:brightness(.82)}
.mysocial-profile-media-badge,.mysocial-profile-media-privacy{position:absolute;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(7,12,8,.82);color:#f2f0dc!important;font-size:10px;font-weight:800;line-height:1.2;backdrop-filter:blur(5px)}
.mysocial-profile-media-badge{top:7px;left:7px}.mysocial-profile-media-privacy{right:7px;bottom:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mysocial-lightbox-info{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);display:grid;justify-items:center;gap:5px;width:min(820px,86vw);pointer-events:none}.mysocial-lightbox-info>*{pointer-events:auto}
.mysocial-lightbox-info .mysocial-lightbox-caption{position:static;left:auto;bottom:auto;transform:none;max-width:100%;padding:8px 12px}.mysocial-lightbox-meta{padding:5px 10px;border-radius:999px;background:rgba(24,26,31,.84);color:#d7ddcf!important;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.mysocial-lightbox-source{padding:6px 10px;border-radius:999px;background:#7f8d43;color:#fff!important;text-decoration:none;font-size:12px;font-weight:800}.mysocial-lightbox-source:hover{background:#93a451}
@media(max-width:900px){.mysocial-profile-media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.mysocial-profile-media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mysocial-profile-media-privacy{display:none}.mysocial-lightbox-info{bottom:50px;width:88vw}.mysocial-lightbox-meta{font-size:11px}}

/* 3.27.1: zoomable profile media and story images */
.mysocial-story-stage [data-story-image]{cursor:zoom-in}

/* 3.28.0 — Mobile & Tablet quality pass */
@media(max-width:820px){
 .mysocial-shell,.mysocial-userlist-page,.mysocial-public-profile{max-width:100%!important;min-width:0!important}
 .mysocial-card,.mysocial-post{max-width:100%!important;min-width:0!important}
 .mysocial-contact-card,.mysocial-user-row{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}
 .mysocial-contact-actions,.mysocial-user-actions{grid-column:1/-1!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}
 .mysocial-contact-actions>*{flex:1 1 auto!important}
 .mysocial-profile-head,.mysocial-profile-cover{border-radius:14px!important}
 .mysocial-profile-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 .mysocial-profile-actions>*{max-width:100%!important}
 .mysocial-group-grid{grid-template-columns:1fr!important}
 .mysocial-story-viewer{width:min(100vw - 12px,560px)!important;max-height:calc(100dvh - 12px)!important}
 .mysocial-story-stage{max-height:calc(100dvh - 150px)!important}
 .mysocial-lightbox{padding:8px!important}.mysocial-lightbox img{max-width:96vw!important;max-height:82dvh!important}
}
@media(max-width:560px){
 .mysocial-button,button.mysocial-button,a.mysocial-button{min-height:40px!important}
 .mysocial-comment.is-reply{margin-left:16px!important;padding-left:10px!important}
 .mysocial-comment-form{gap:6px!important}.mysocial-comment-form input,.mysocial-comment-form textarea{min-width:0!important}
 .mysocial-story-create-modal,.mysocial-modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important}
 .mysocial-story-privacy-row select{width:100%!important}
 .mysocial-profile-media-item{border-radius:9px!important}
}

/* 3.28.1 — smartphone correction pass */
@media(max-width:820px){
 body .mysocial-nav.mysocial-nav-standalone{width:100%!important;max-width:none!important;margin:0 0 10px!important;padding:5px!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-brand,body .mysocial-nav.mysocial-nav-standalone>.mysocial-nav-logout{display:none!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:max-content!important;min-height:38px!important;padding:7px 9px!important;white-space:nowrap!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a i{width:24px!important;height:24px!important;flex:0 0 24px!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a span{display:block!important;width:auto!important;font-size:12px!important;white-space:nowrap!important}
 body .mysocial-userlist-page.mysocial-shell{display:block!important;padding:0!important;border:0!important;background:transparent!important}
 body .mysocial-userlist-page .mysocial-main{width:100%!important;min-width:0!important}
 body .mysocial-userlist-page-card{padding:14px!important;border-radius:14px!important}
 body .mysocial-userlist-page-head h1{font-size:clamp(26px,8vw,36px)!important;line-height:1.08!important}
 body .mysocial-userlist-page-head p{font-size:15px!important;line-height:1.45!important}
 body .mysocial-contact-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;margin:10px 0!important;padding-bottom:5px!important;scrollbar-width:none!important}
 body .mysocial-contact-tabs a{flex:0 0 auto!important;padding:8px 10px!important;font-size:12px!important}
 body .mysocial-contact-tools{width:100%!important;padding-left:0!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}
 body .mysocial-contact-message{width:40px!important;height:40px!important}
 body .mysocial-contact-actions{padding-left:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
 body .mysocial-contact-actions select,body .mysocial-contact-actions button{width:100%!important;min-height:42px!important;padding:8px 10px!important;font-size:14px!important}
 body .mysocial-self-badge{margin-left:0!important}
 body .mysocial-discover-v2{gap:10px!important}
 body .mysocial-discover-v2-head,body .mysocial-discover-v2-grid>.mysocial-card,body .mysocial-discover-popular-head{padding:14px!important;border-radius:14px!important}
 body .mysocial-discover-v2-head h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.08!important;margin-bottom:8px!important}
 body .mysocial-discover-v2-head p{font-size:15px!important;line-height:1.45!important}
 body .mysocial-discover-v2-grid h2,body .mysocial-discover-popular-head h2{font-size:21px!important;line-height:1.2!important}
 body [data-discover-users]{grid-template-columns:1fr!important}
 body .mysocial-discover-user{grid-template-columns:46px minmax(0,1fr)!important;padding:10px!important}
 body .mysocial-discover-user>span,body .mysocial-discover-user img{width:46px!important;height:46px!important}
}
@media(max-width:480px){
 body .mysocial-userlist-page-card{padding:12px!important}
 body .mysocial-userlist-page-user{padding:12px!important}
 body .mysocial-contact-tools{grid-template-columns:36px minmax(0,1fr)!important}
 body .mysocial-contact-message{width:36px!important;height:36px!important}
 body .mysocial-discover-v2-head h1{font-size:30px!important}
}

/* 3.29.0 — targeted mobile Discover + Groups repair */
@media(max-width:820px){
 body .mysocial-discover-popular .mysocial-post{padding:14px!important;overflow:hidden!important}
 body .mysocial-discover-popular .mysocial-post-header{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-width:0!important}
 body .mysocial-discover-popular .mysocial-post-header>a:first-child{grid-column:1!important;grid-row:1!important;width:46px!important;min-width:46px!important}
 body .mysocial-discover-popular .mysocial-post-header .mysocial-avatar{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;border-radius:50%!important;object-fit:cover!important}
 body .mysocial-discover-popular .mysocial-post-headcopy{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;flex:none!important}
 body .mysocial-discover-popular .mysocial-post-headcopy strong{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;font-size:15px!important;line-height:1.25!important}
 body .mysocial-discover-popular .mysocial-post-headcopy .mysocial-author-link{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 body .mysocial-discover-popular .mysocial-meta{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;margin-top:3px!important;font-size:11px!important;line-height:1.35!important;word-break:normal!important;overflow-wrap:anywhere!important;writing-mode:horizontal-tb!important}
 body .mysocial-discover-popular .mysocial-meta>*{width:auto!important;max-width:100%!important;writing-mode:horizontal-tb!important;white-space:normal!important}
 body .mysocial-discover-popular .mysocial-owner-tools{grid-column:1/-1!important;grid-row:2!important;display:flex!important;width:100%!important;max-width:100%!important;margin:0!important;padding:2px 0 0 56px!important;gap:3px!important;justify-content:flex-start!important;flex-wrap:wrap!important;overflow:visible!important}
 body .mysocial-discover-popular .mysocial-owner-tools .mysocial-text-button{font-size:12px!important;line-height:1.2!important;padding:5px 6px!important;white-space:nowrap!important}
 body .mysocial-discover-popular .mysocial-post-content{margin:12px 0!important;font-size:14px!important;line-height:1.5!important}
 body .mysocial-discover-popular .mysocial-actions{display:flex!important;gap:6px!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
 body .mysocial-discover-popular .mysocial-actions::-webkit-scrollbar{display:none!important}
 body .mysocial-discover-popular .mysocial-actions>*{flex:0 0 auto!important}
 body .mysocial-discover-popular .mysocial-comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}

 body .mysocial-group-create{padding:16px!important;border-radius:14px!important;gap:0!important}
 body .mysocial-group-create h2{font-size:24px!important;line-height:1.15!important;margin:0 0 14px!important}
 body .mysocial-group-create label{display:grid!important;gap:6px!important;margin:0 0 12px!important;font-size:14px!important;line-height:1.3!important}
 body .mysocial-group-create input:not([type=file]),body .mysocial-group-create textarea,body .mysocial-group-create select{width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 12px!important;border-radius:11px!important;font-size:15px!important;box-sizing:border-box!important}
 body .mysocial-group-create textarea{min-height:96px!important;max-height:180px!important;resize:vertical!important}
 body .mysocial-group-create input[type=file]{display:block!important;width:100%!important;max-width:100%!important;min-height:44px!important;padding:7px!important;font-size:13px!important;box-sizing:border-box!important;overflow:hidden!important}
 body .mysocial-group-create input[type=file]::file-selector-button{min-height:32px!important;margin-right:8px!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;font:inherit!important;font-weight:700!important}
 body .mysocial-group-create .mysocial-form-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:2px!important}
 body .mysocial-group-create .mysocial-button{min-height:42px!important;padding:9px 15px!important;font-size:14px!important}
}
@media(max-width:480px){
 body .mysocial-discover-popular .mysocial-owner-tools{padding-left:0!important}
 body .mysocial-discover-popular .mysocial-post{padding:12px!important}
 body .mysocial-group-create{padding:14px!important}
 body .mysocial-group-create h2{font-size:22px!important}
}

/* 3.30.0 — targeted smartphone navigation + notifications repair */
@media(max-width:820px){
 body .mysocial-nav.mysocial-nav-standalone{overflow:hidden!important;border-radius:16px!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding:1px 2px 3px!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links::-webkit-scrollbar{display:none!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:max-content!important;scroll-snap-align:start!important;padding:8px 11px!important}
 body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links>a span{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
}
@media(max-width:600px){
 body .mysocial-notifications-wrap{width:auto!important;max-width:none!important;margin:14px 10px!important;min-width:0!important}
 body .mysocial-notifications-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
 body .mysocial-notifications-head h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important;overflow-wrap:normal!important;word-break:normal!important}
 body .mysocial-notice-readall{width:100%!important;white-space:normal!important;text-align:center!important}
 body .mysocial-notification-list{gap:10px!important;min-width:0!important}
 body .mysocial-notification-item{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
 body .mysocial-notice-main{display:grid!important;grid-template-columns:34px 48px minmax(0,1fr) 10px!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:13px!important;box-sizing:border-box!important}
 body .mysocial-notice-icon{grid-column:1!important;width:34px!important;height:34px!important}
 body .mysocial-notice-main>.mysocial-avatar,body .mysocial-notice-main>img{grid-column:2!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;border-radius:50%!important;object-fit:cover!important}
 body .mysocial-notice-copy{grid-column:3!important;min-width:0!important;width:auto!important;font-size:14px!important;line-height:1.4!important;word-break:normal!important;overflow-wrap:break-word!important;writing-mode:horizontal-tb!important}
 body .mysocial-notice-copy strong,body .mysocial-notice-copy span,body .mysocial-notice-copy small{width:auto!important;max-width:100%!important;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;writing-mode:horizontal-tb!important}
 body .mysocial-unread-dot{grid-column:4!important;justify-self:center!important}
 body .mysocial-notice-read{display:block!important;width:100%!important;box-sizing:border-box!important;padding:10px 13px 11px 105px!important;text-align:left!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;word-break:normal!important}
}
@media(max-width:390px){
 body .mysocial-notice-main{grid-template-columns:30px 42px minmax(0,1fr) 8px!important;gap:8px!important;padding:11px!important}
 body .mysocial-notice-main>.mysocial-avatar,body .mysocial-notice-main>img{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}
 body .mysocial-notice-copy{font-size:13px!important}
 body .mysocial-notice-read{padding-left:91px!important}
}

/* 3.31.0 — targeted smartphone feed-card header repair */
@media(max-width:820px){
 body .mysocial-feed-shell .mysocial-post{max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
 body .mysocial-feed-shell .mysocial-post-header{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important;column-gap:10px!important;row-gap:6px!important;width:100%!important;min-width:0!important}
 body .mysocial-feed-shell .mysocial-post-header>a:first-child{grid-column:1!important;grid-row:1!important;align-self:start!important;width:48px!important;min-width:48px!important;max-width:48px!important;margin:0!important}
 body .mysocial-feed-shell .mysocial-post-header>a:first-child .mysocial-avatar,body .mysocial-feed-shell .mysocial-post-header>.mysocial-avatar{display:block!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important}
 body .mysocial-feed-shell .mysocial-post-headcopy{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:100%!important;flex:none!important;margin:0!important}
 body .mysocial-feed-shell .mysocial-post-headcopy strong{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:100%!important;max-width:100%!important;font-size:15px!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
 body .mysocial-feed-shell .mysocial-post-headcopy .mysocial-author-link{display:inline!important;min-width:0!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
 body .mysocial-feed-shell .mysocial-post-headcopy .mysocial-meta{display:flex!important;align-items:center!important;gap:4px 6px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;margin-top:4px!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;writing-mode:horizontal-tb!important}
 body .mysocial-feed-shell .mysocial-post-headcopy .mysocial-meta>*{display:inline!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important}
 body .mysocial-feed-shell .mysocial-owner-tools{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;flex-wrap:wrap!important;box-sizing:border-box!important}
 body .mysocial-feed-shell .mysocial-owner-tools .mysocial-text-button{flex:0 0 auto!important;width:auto!important;max-width:100%!important;padding:5px 7px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
 body .mysocial-feed-shell .mysocial-post-content{clear:both!important;min-width:0!important;max-width:100%!important;word-break:normal!important;overflow-wrap:break-word!important}
 body .mysocial-feed-shell .mysocial-actions{display:flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
 body .mysocial-feed-shell .mysocial-actions::-webkit-scrollbar{display:none!important}
 body .mysocial-feed-shell .mysocial-actions>*{flex:0 0 auto!important}
}
@media(max-width:480px){
 body .mysocial-feed-shell .mysocial-post-header{grid-template-columns:44px minmax(0,1fr)!important;column-gap:9px!important}
 body .mysocial-feed-shell .mysocial-post-header>a:first-child,body .mysocial-feed-shell .mysocial-post-header>a:first-child .mysocial-avatar,body .mysocial-feed-shell .mysocial-post-header>.mysocial-avatar{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}
 body .mysocial-feed-shell .mysocial-owner-tools{justify-content:flex-start!important;padding-left:53px!important}
 body .mysocial-feed-shell .mysocial-owner-tools .mysocial-text-button{font-size:11px!important;padding:4px 6px!important}
}

/* MySocial 3.32.0 — Discover actions and richer cards */
body .mysocial-discover-user-card{display:grid;gap:8px;padding:9px;border:1px solid rgba(181,196,153,.10);border-radius:12px;background:rgba(12,24,18,.42);min-width:0}
body .mysocial-discover-user-card .mysocial-discover-user{padding:0!important;border:0!important;background:transparent!important}
body .mysocial-discover-user-actions,body .mysocial-discover-group-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
body .mysocial-discover-user-actions .mysocial-button,body .mysocial-discover-user-actions .mysocial-outline-button,body .mysocial-discover-group-actions .mysocial-button,body .mysocial-discover-group-actions .mysocial-outline-button{font-size:12px!important;padding:7px 10px!important;min-height:34px!important;text-decoration:none!important}
body .mysocial-discover-group-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;padding:10px;border:1px solid rgba(181,196,153,.10);border-radius:12px;background:rgba(12,24,18,.42);min-width:0}
body .mysocial-discover-group-card:not(:has(.mysocial-discover-group-image)){grid-template-columns:1fr}
body .mysocial-discover-group-image img{display:block;width:72px;height:72px;border-radius:10px;object-fit:cover}
body .mysocial-discover-group-card .mysocial-discover-group{padding:0!important;border:0!important;background:transparent!important;text-decoration:none!important}
body .mysocial-discover-event{text-decoration:none!important;color:inherit!important;cursor:pointer}
body .mysocial-discover-event>span{display:block;margin-top:6px;color:#dff1d0!important;font-size:12px;font-weight:700}
body .mysocial-discover-popular .mysocial-post.is-discover-clickable{cursor:pointer}
@media(max-width:560px){body .mysocial-discover-user-actions,body .mysocial-discover-group-actions{align-items:stretch}body .mysocial-discover-user-actions>a,body .mysocial-discover-user-actions>button,body .mysocial-discover-group-actions>a,body .mysocial-discover-group-actions>button{flex:1 1 auto;text-align:center}body .mysocial-discover-group-card{grid-template-columns:58px minmax(0,1fr)}body .mysocial-discover-group-image img{width:58px;height:58px}}

/* 3.33 Discover polish — scoped to /social-search/ only. */
body .mysocial-search-wrap{width:min(100% - 32px,980px)!important;max-width:980px!important;min-width:0!important;margin:24px auto!important;box-sizing:border-box!important;overflow:visible!important}
body .mysocial-search-wrap .mysocial-discover-v2,body .mysocial-search-wrap .mysocial-discover-popular{width:100%!important;max-width:100%!important;min-width:0!important}
body .mysocial-search-wrap [data-discover-users]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body .mysocial-search-wrap .mysocial-discover-user-card{padding:13px!important;gap:11px!important;border-radius:14px!important}
body .mysocial-search-wrap .mysocial-discover-user{grid-template-columns:50px minmax(0,1fr)!important;gap:2px 11px!important;align-items:center!important}
body .mysocial-search-wrap .mysocial-discover-user>span,body .mysocial-search-wrap .mysocial-discover-user img{width:50px!important;height:50px!important}
body .mysocial-search-wrap .mysocial-discover-user-actions{gap:8px!important}
body .mysocial-search-wrap .mysocial-discover-user-actions :is(.mysocial-button,.mysocial-outline-button){min-height:36px!important;padding:8px 12px!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post-header{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-areas:'avatar copy' 'tools tools'!important;gap:8px 12px!important;align-items:start!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post-header>a:first-child{grid-area:avatar!important;width:50px!important;min-width:50px!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post-header .mysocial-avatar{width:50px!important;height:50px!important;max-width:50px!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post-headcopy{grid-area:copy!important;min-width:0!important;width:100%!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post-headcopy strong{font-size:16px!important;line-height:1.3!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-meta{display:flex!important;flex-wrap:wrap!important;gap:3px 5px!important;min-width:0!important;font-size:12px!important;line-height:1.45!important;word-break:normal!important;overflow-wrap:normal!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-meta>*{width:auto!important;min-width:0!important;white-space:normal!important;word-break:normal!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-owner-tools{grid-area:tools!important;padding:0 0 0 62px!important;margin:0!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
body .mysocial-search-wrap .mysocial-discover-popular .mysocial-owner-tools .mysocial-text-button{padding:6px 8px!important;font-size:12px!important}
@media(max-width:760px){body .mysocial-search-wrap{width:calc(100% - 24px)!important;margin:14px auto!important}body .mysocial-search-wrap [data-discover-users]{grid-template-columns:1fr!important}body .mysocial-search-wrap .mysocial-discover-popular .mysocial-owner-tools{padding-left:0!important}}
@media(max-width:420px){body .mysocial-search-wrap{width:calc(100% - 18px)!important}body .mysocial-search-wrap .mysocial-discover-user-card{padding:10px!important}body .mysocial-search-wrap .mysocial-discover-user-actions{display:grid!important;grid-template-columns:1fr!important}body .mysocial-search-wrap .mysocial-discover-user-actions>*{width:100%!important}}


/* MySocial 3.34.0 — Discover mobile refinement + resilient avatars */
body .mysocial-search-wrap .mysocial-discover-avatar{position:relative;display:grid!important;place-items:center;background:#172018;border:1px solid rgba(255,255,255,.08);border-radius:50%;overflow:visible;color:#e8e2c8!important;font-weight:800;font-size:18px}
body .mysocial-search-wrap .mysocial-discover-avatar::before{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;z-index:0}
body .mysocial-search-wrap .mysocial-discover-avatar img{position:relative;z-index:1;border-radius:50%!important;background:#172018}
body .mysocial-search-wrap .mysocial-discover-avatar i{z-index:2}
body .mysocial-search-wrap .mysocial-discover-avatar.has-avatar-error img{display:none!important}
@media(max-width:560px){
 body .mysocial-search-wrap [data-discover-users]{gap:8px!important}
 body .mysocial-search-wrap .mysocial-discover-user-card{padding:11px!important;gap:9px!important}
 body .mysocial-search-wrap .mysocial-discover-user{grid-template-columns:46px minmax(0,1fr)!important;gap:1px 10px!important}
 body .mysocial-search-wrap .mysocial-discover-user>span,body .mysocial-search-wrap .mysocial-discover-user img{width:46px!important;height:46px!important}
 body .mysocial-search-wrap .mysocial-discover-user strong{font-size:15px!important;line-height:1.25!important}
 body .mysocial-search-wrap .mysocial-discover-user small{font-size:12px!important;line-height:1.25!important}
 body .mysocial-search-wrap .mysocial-discover-user-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
 body .mysocial-search-wrap .mysocial-discover-user-actions>*{width:auto!important;flex:0 1 auto!important}
 body .mysocial-search-wrap .mysocial-discover-user-actions :is(.mysocial-button,.mysocial-outline-button){min-height:34px!important;padding:7px 11px!important;font-size:12px!important}
 body .mysocial-search-wrap .mysocial-discover-user-actions .mysocial-muted{font-size:12px!important;line-height:1.3!important}
 body .mysocial-search-wrap .mysocial-discover-popular .mysocial-post{padding:13px!important}
 body .mysocial-search-wrap .mysocial-discover-popular .mysocial-actions{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
 body .mysocial-search-wrap .mysocial-discover-popular .mysocial-actions::-webkit-scrollbar{display:none!important}
 body .mysocial-search-wrap .mysocial-discover-popular .mysocial-comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
 body .mysocial-search-wrap .mysocial-discover-popular .mysocial-comment-form :is(input,textarea){min-width:0!important;width:100%!important}
}
@media(max-width:390px){
 body .mysocial-search-wrap .mysocial-discover-user-actions :is(.mysocial-button,.mysocial-outline-button){padding:6px 9px!important;font-size:11px!important}
}


/* MySocial 3.35.0 — richer discovery search */
.mysocial-search-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mysocial-search-compact-result{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;color:inherit;min-width:0}
.mysocial-search-compact-result>img,.mysocial-search-result-icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;object-fit:cover}
.mysocial-search-result-icon{display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:24px}
.mysocial-search-compact-result>span:last-child{min-width:0;display:grid;gap:3px}
.mysocial-search-compact-result strong{font-size:16px}
.mysocial-search-compact-result small,.mysocial-search-compact-result p{margin:0;color:var(--mysocial-muted,#aab1ad)}
.mysocial-search-compact-result p{font-size:13px;line-height:1.4}
@media(max-width:700px){.mysocial-search-compact-grid{grid-template-columns:1fr}.mysocial-search-compact-result{padding:12px}.mysocial-search-compact-result>img,.mysocial-search-result-icon{width:46px;height:46px;flex-basis:46px}.mysocial-search-box form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}}
/* 3.36.0 – Gruppen 2.0: Verwaltung */
.mysocial-group-member-row{position:relative;display:flex;align-items:center;min-width:0}
.mysocial-group-member-row>a{flex:1;min-width:0}
.mysocial-group-member-remove{width:30px;height:30px;border:0;border-radius:999px;background:rgba(150,55,45,.18);color:#e7b1a9;font-size:20px;line-height:1;cursor:pointer;margin-left:6px}
.mysocial-group-member-remove:hover{background:rgba(170,60,45,.34);color:#fff}
.mysocial-group-request-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){.mysocial-group-pending>div{align-items:flex-start!important;gap:10px!important}.mysocial-group-request-actions{width:100%;justify-content:flex-start}.mysocial-group-request-actions .mysocial-button{min-height:38px!important;padding:7px 11px!important}.mysocial-group-member-remove{flex:0 0 30px}}

/* 3.36.2 – conservative mobile quality pass (no feature changes) */
@media (max-width:700px){
  body .mysocial-feed-shell .mysocial-post-header{align-items:flex-start!important;flex-wrap:wrap!important}
  body .mysocial-feed-shell .mysocial-post-headcopy{min-width:0!important;flex:1 1 180px!important}
  body .mysocial-feed-shell .mysocial-meta{overflow-wrap:anywhere!important}
  body .mysocial-feed-shell .mysocial-owner-tools{margin-left:53px!important;width:calc(100% - 53px)!important;justify-content:flex-start!important;gap:2px 8px!important}
  body .mysocial-feed-shell .mysocial-owner-tools .mysocial-text-button{padding:4px 2px!important;font-size:12px!important;line-height:1.25!important}
  body .mysocial-feed-shell .mysocial-actions-v15{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none!important;padding-bottom:7px!important}
  body .mysocial-feed-shell .mysocial-actions-v15::-webkit-scrollbar{display:none!important}
  body .mysocial-feed-shell .mysocial-actions-v15>*{flex:0 0 auto!important}
  body .mysocial-feed-shell .mysocial-comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  body .mysocial-feed-shell .mysocial-comment-form input{min-width:0!important;width:100%!important}
  body .mysocial-feed-shell .mysocial-comment-form button{white-space:nowrap!important}
}
@media (max-width:420px){
  body .mysocial-feed-shell .mysocial-owner-tools{margin-left:0!important;width:100%!important}
  body .mysocial-feed-shell .mysocial-post-content{font-size:14px!important;line-height:1.55!important}
  body .mysocial-feed-shell .mysocial-comment-form button{padding-inline:12px!important}
}


/* 3.36.3 — Friends page mobile navigation repair only.
   user_list_shortcode renders the nav as embedded, so the older standalone
   mobile rule did not apply here. Keep desktop untouched. */
@media(max-width:820px){
 body .mysocial-userlist-page>.mysocial-nav{
   position:static!important;
   width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
   margin:0 0 12px!important;padding:5px!important;
   border:1px solid #334154!important;border-radius:18px!important;
   background:#0d1219!important;overflow:hidden!important;
 }
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-brand,
 body .mysocial-userlist-page>.mysocial-nav>.mysocial-nav-logout,
 body .mysocial-userlist-page>.mysocial-nav .mysocial-sidebar-users{display:none!important}
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links{
   display:flex!important;flex-direction:row!important;align-items:center!important;
   gap:4px!important;width:100%!important;height:auto!important;
   overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
   -webkit-overflow-scrolling:touch!important;
 }
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links::-webkit-scrollbar{display:none!important}
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a{
   display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
   gap:6px!important;width:auto!important;min-width:max-content!important;min-height:42px!important;
   margin:0!important;padding:8px 11px!important;border-radius:12px!important;white-space:nowrap!important;
 }
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a i{
   display:grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;
   margin:0!important;font-size:16px!important;
 }
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a span{
   display:block!important;width:auto!important;max-width:none!important;margin:0!important;
   font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;
 }
 body .mysocial-userlist-page>.mysocial-nav .mysocial-badge{position:static!important;margin-left:2px!important}
}
@media(max-width:420px){
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a{padding:8px 9px!important;gap:5px!important}
 body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a span{font-size:11px!important}
}


/* 3.36.4 — Friends page: compact mobile nav, no feature changes */
@media(max-width:820px){
  body .mysocial-userlist-page.mysocial-shell{display:block!important;width:100%!important;max-width:100%!important}
  body .mysocial-userlist-page>.mysocial-nav.mysocial-nav-embedded{
    display:block!important;position:static!important;inset:auto!important;
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    margin:0 0 12px!important;padding:5px!important;overflow:hidden!important;
    border:1px solid #334154!important;border-radius:18px!important;background:#0d1219!important;
  }
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-brand,
  body .mysocial-userlist-page>.mysocial-nav>.mysocial-nav-logout{display:none!important}
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links{
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;height:auto!important;min-height:0!important;gap:4px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  }
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links::-webkit-scrollbar{display:none!important}
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a{
    display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
    width:auto!important;height:auto!important;min-width:max-content!important;min-height:42px!important;max-width:none!important;
    margin:0!important;padding:8px 10px!important;gap:6px!important;border-radius:12px!important;white-space:nowrap!important;
  }
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a i{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important}
  body .mysocial-userlist-page>.mysocial-nav .mysocial-nav-links>a span{display:inline!important;width:auto!important;height:auto!important;margin:0!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
  body .mysocial-userlist-page>.mysocial-nav .mysocial-badge{position:static!important;display:inline-grid!important;margin-left:2px!important}
}


/* 3.36.5 — conservative UI quality pass; no feature or data changes */
@media (max-width:820px){
  body .mysocial-shell, body .mysocial-feed-shell, body .mysocial-userlist-page{min-width:0!important}
  body .mysocial-card, body .mysocial-post, body .mysocial-contact-card{max-width:100%!important;box-sizing:border-box!important}
  body .mysocial-button, body button.mysocial-button, body a.mysocial-button{max-width:100%;box-sizing:border-box}
  body .mysocial-meta, body .mysocial-post-content, body .mysocial-notification-text{overflow-wrap:anywhere;word-break:normal}
  body input, body textarea, body select{max-width:100%;box-sizing:border-box}
}
@media (prefers-reduced-motion: reduce){
  .mysocial-shell *, .mysocial-modal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 3.36.7 Final Polish — visual consistency only; no behavior changes. */
.mysocial-empty,
.mysocial-contact-empty {
  text-align: center;
}
.mysocial-empty strong,
.mysocial-contact-empty strong {
  display: block;
  margin-bottom: .3rem;
}
.mysocial-empty p,
.mysocial-contact-empty span {
  margin-top: 0;
}
.mysocial-button,
.mysocial-outline-button,
.mysocial-text-button,
.mysocial-file-button,
.mysocial-contact-actions button,
.mysocial-contact-actions select {
  min-height: 40px;
}
.mysocial-button,
.mysocial-outline-button,
.mysocial-contact-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
.mysocial-status:empty { display: none; }
.mysocial-muted { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .mysocial-empty,
  .mysocial-contact-empty { padding: 18px 14px; }
  .mysocial-button,
  .mysocial-outline-button,
  .mysocial-file-button,
  .mysocial-contact-actions button,
  .mysocial-contact-actions select { min-height: 42px; }
}