/*NC Live Center Extension CSS*/
/*Begin extension CSS 17973, Avatar */

/*End extension CSS 17973, Avatar */

/*Begin extension CSS 17975, Key Events*/
.no-op{}
/*End extension CSS 17975, Key Events*/

/*Begin extension CSS 17976, Post sorting*/

/*End extension CSS 17976, Post sorting*/

/*Begin extension CSS 17980, User Contribution enable*/

/*End extension CSS 17980, User Contribution enable*/

/*Begin extension CSS 17981, Tags filtering*/
.noop {
  display: none;
}
/*End extension CSS 17981, Tags filtering*/

/*Begin extension CSS 17983, Typing animation*/

/*End extension CSS 17983, Typing animation*/

/*Begin extension CSS 17985, Billede (TV2REG) - Renderer*/
/**
 * Billede (TV2) - Renderer Styles
 * Styles for TV2REG billede renderer with CSS-only responsive handling
 * No layout shift, works for any image aspect ratio
 * OVERRIDE v.5
 */

/* MOVED all styling to the theme extensions */
/*End extension CSS 17985, Billede (TV2REG) - Renderer*/

/*Begin extension CSS 17988, Video (TV2REG) - Renderer*/
/**
 * Video (TV2) - Renderer Styles
 * Styles for TV2REG video renderer with responsive handling
 */

.ncpost-content .fm-figure {
  margin: 0px;
  display: block;
}

.fm-outer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.fm-video {
  border-top-left-radius: var(--tv2reg-size-radius-corner-topleft, 0px);
  border-top-right-radius: var(--tv2reg-size-radius-corner-topright, 0px);
  border-bottom-left-radius: var(--tv2reg-size-radius-corner-bottomleft, 0px);
  border-bottom-right-radius: var(--tv2reg-size-radius-corner-bottomright, 0px);
  overflow: hidden;
  position: relative;
  --min-aspect-ratio: 9/16;
  --max-height-percent: 0.9;
  aspect-ratio: 16/9;
  width: 100%;
  z-index: 2;
}

/* Custom poster */

.tv2reg-video-extension-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.tv2reg-video-extension-poster-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.5);
}

.tv2reg-video-extension-poster .tv2reg-video-extension-poster-play-button {
  position: absolute;
  inset: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: white;
  width: 20%;
  aspect-ratio: 1/1;
  max-width: 6rem;
  cursor: pointer;
}

.tv2reg-video-extension-poster video,
.tv2reg-video-extension-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tv2reg-video-extension-poster-spinner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.tv2reg-video-extension-poster-spinner svg {
  position: absolute;
  left: calc(50% - 1.25rem);
  top: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  pointer-events: none;
  display: block;
  animation: spin 1s linear infinite;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

/* Service messages */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinanti {
  to {
    transform: rotate(-360deg);
  }
}

.tv2reg-video-extension-service-message {
  background-color: white;
  border: 2px solid #666;
  border-radius: 0.25rem;
  color: black;
  font-size: 1rem;
  line-height: 1;
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=icon] {
  font-size: 2rem;
}
.tv2reg-video-extension-service-message *[data-fwidget-type=icon] svg {
  width: 3rem;
  height: 3rem;
}
  
.tv2reg-video-extension-service-message *[data-fwidget-type=button] {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background-color: var(--color-button-primary-default, #000);
  color: white;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button]:hover {
  background-color: var(--color-button-primary-hover, #333);
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].loading {
  background-color: #666;
  cursor: default;
  pointer-events: none;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].loading svg {
  animation: spinanti 2s linear infinite;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].notyet {
  cursor: default;
  pointer-events: none;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button] svg {
  fill: white;
  width: 1.5rem;
  height: 1.5rem;
}

/* JWPlayer overrides */

.tv2reg-video-extension-container .jwplayer.jw-flag-aspect-mode {
  height: 100% !important;
}

.tv2reg-video-extension-container .jwplayer .jw-controls {
  z-index: 3 !important;
}

.tv2reg-video-extension-container .jw-wrapper {
  background-color: transparent !important;
}

.tv2reg-video-extension-container .jwplayer .jw-tooltip:after,
.tv2reg-video-extension-container .jwplayer .jw-time-tip:after {
  display: none;
}
/*End extension CSS 17988, Video (TV2REG) - Renderer*/

/*Begin extension CSS 17990, Artikel (TV2REG) - Renderer*/
/**
 * Article (TV2) - Renderer Styles
 * Styles for TV2REG article renderer
 */

/* MOVED all styling to the theme extensions */
/*End extension CSS 17990, Artikel (TV2REG) - Renderer*/

/*Begin extension CSS 17991, Link card*/

/*End extension CSS 17991, Link card*/

/*Begin extension CSS 17992, Translations*/

/*End extension CSS 17992, Translations*/

/*Begin extension CSS 17995, Theme (TV2REG)*/
/**

v1.2.0

This file consists of several sections that each control different aspects of
the styling of the Norkon Live Center:

1.  The main Norkon theme - controls styling of posts and comments
2.  The image extension – controls the styling of images
3.  The video extension – controls the styling of embedded jwplayer videos
4.  The article extenstion – controls the styling of article link boxes
5.  The link card – controls the styling of the link cards (not articles)
6.  The typing animation – controls the styling of the animated typing indicator
7.  The avatar – controls the styling of the Norkon avatars
8.  Tag filters – controls the styling of the tag filter buttons
9.  Post sorting – controls the styling of the post sorting buttons
10. User contributons – controls the styling of comments etc.
11. Key events – styling for posts marked with a star, collated at the top.

*/



/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  1. NORKON LIVE CENTER THEME                                                    ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the look and feel of the Norkon Live Center core features           ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/


@font-face {
  font-family: "Kosmopol";
  src: url("https://tv2kosmopol.dk/fonts/kosmopol/Kosmopol-Regular.woff2") format("woff2"), url("https://tv2kosmopol.dk/fonts/kosmopol/Kosmopol-Regular.woff2") format("woff");
}

.lc-feed-container {
  font-family: "Kosmopol", Arial, Helvetica, sans-serif, sans-serif;
  color: #000000;
}
  .lc-load-more {
    background-color: #6716d9;
    padding: 8px;
    border-radius: 0.5rem;
    color: white;
}
.lc-feed-container .lc-load-more {
  background-color: #05a95a;
  color: #ffffff;
  border-radius: 4px;
  padding: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lc-feed-container .lc-load-more:hover {
  background-color: #05a95a;
  opacity: 0.9;
}
.lc-feed-container .ncpost-new-comment-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #f0f0f0;
    margin: 8px;
    padding: 16px;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-upload-button {
  position: initial;
  justify-content: end;
}
.lc-feed-container .ncpost-new-comment-panel .inline-button {
  position: initial;
  align-items: start;
}
.lc-feed-container .ncpost-new-comment-panel > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  line-height: 19.2px;
  color: #000000;
}
.lc-feed-container .ncpost-new-comment-panel > div input {
  box-shadow: none;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 10px;
  margin: 0;
}
.lc-feed-container .ncpost-new-comment-panel > div input::placeholder {
  color: #000000;
}
.lc-feed-container .ncpost-new-comment-panel > div textarea {
  box-shadow: none;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 10px;
  margin: 0;
}
.lc-feed-container .ncpost-new-comment-panel > div textarea::placeholder {
  color: #000000;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit {
  border-radius: 4px;
  padding: 12px;
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  background-color: #6E18E7;
  align-self: self-end;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit:hover {
  opacity: 0.9;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit b {
  font-weight: normal;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit i {
  font-style: normal;
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.lc-feed-container .ncpost-channelcontent-container .feed-football:empty {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .typing-enabled:has(> .typing-container:empty) {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container h3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  color: #0B0B0B;
  font-family: "Kosmopol", Arial, Helvetica, sans-serif, sans-serif;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container h4 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #0B0B0B;
  font-family: "Kosmopol", Arial, Helvetica, sans-serif, sans-serif;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container h5 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #0B0B0B;
  font-family: "Kosmopol", Arial, Helvetica, sans-serif, sans-serif;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container p {
  margin: 0;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 400;
  color: #000000;
  font-family: "Kosmopol", Arial, Helvetica, sans-serif, sans-serif;
}

.ncpost-content.ncpost-top-text-container a {
  text-decoration: underline;
  color: #6E18E7;
}

.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container ul{
list-style: disc;
margin-left: 2rem;
padding: 4px;
}

.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container ol{
  list-style: decimal;
  margin-left: 2rem;
  padding: 4px;
}

.ncpost-content .ncpost-top-text-container ul li a{
  text-decoration: underline;
  color: #6E18E7;
}


.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container {
  margin: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle {
  width: 100%;
  text-align: center;
  background: #6E18E7;
  padding: 10px 15px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle:hover {
  opacity: 0.9;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: contain;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2014_3791" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"><rect x="0.5" y="0.5" width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2014_3791)"><path d="M10.5003 18.8334L8.27116 15.5001H3.83366C3.37533 15.5001 2.98296 15.3369 2.65658 15.0105C2.33019 14.6841 2.16699 14.2917 2.16699 13.8334V3.83341C2.16699 3.37508 2.33019 2.98272 2.65658 2.65633C2.98296 2.32994 3.37533 2.16675 3.83366 2.16675H17.167C17.6253 2.16675 18.0177 2.32994 18.3441 2.65633C18.6705 2.98272 18.8337 3.37508 18.8337 3.83341V13.8334C18.8337 14.2917 18.6705 14.6841 18.3441 15.0105C18.0177 15.3369 17.6253 15.5001 17.167 15.5001H12.7295L10.5003 18.8334ZM10.5003 15.8334L11.8337 13.8334H17.167V3.83341H3.83366V13.8334H9.16699L10.5003 15.8334Z" fill="white"/></g></svg>');
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter {
  margin: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter > div:first-child {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group {
  display: flex;
  gap:1rem;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label {
  padding: 10px 15px 10px 15px;
  border: 2px solid #6E18E7;
  background: #ffffff;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  width: fit-content !important;
  line-height: 16.94px;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label:first-child {
  border-radius:2rem;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label:last-child {
    border-radius: 2rem;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label.active {
    color: #ffffff;
    background: #6e18e7;
    border-radius: 2rem;
}
.lc-feed-container .ncpost-channelcontent-container div:has(> .tags-group:empty) {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group {
  margin: 0;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group:empty {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group .filtered-tag {
  background-color: #f7f7f7;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  padding: 10px;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.lc-feed-container .ncpost-list-post {

}
.lc-feed-container .ncpost-list-post .ncpost-icon-container {
  top: 25px;
}
.lc-feed-container .ncpost-container {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  border-radius: 16px;
  color: #000000;
  font-size: 16px;
  line-height: 19.2px;
  box-shadow: none;
  padding: 24px 24px 24px;
  background: #F0F0F0;
}

.lc-feed-container .ncpost-container.ncpost-importance-0 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 .ncpost-title {
  color: rgba(0, 0, 0, 0.5) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 .ncpost-header-info .ncpost-byline {
  color: rgba(0, 0, 0, 0.5) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 .ncpost-header-info .ncpost-timestamp {
  color: rgba(0, 0, 0, 0.5) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 .ncpost-new-comment-toggle {
  color: rgba(0, 0, 0, 0.5) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 .ncpost-new-comment-toggle:before {
  opacity: 0.5;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 {
  border-bottom: none;
  background-color: #FF9F1C;
  display: flex !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-3 {
  border-bottom: none;
  background-color: #FFFF00;
  display: flex !important;
}

/* Pinned + importance 0 og 1 → mørk baggrund + lys tekst */
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-0,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-1 {
  background-color: #0B0B0B !important;
  color: #FFFDFA !important;
}

/* Sørg for at overskrift, byline, timestamp m.m. også bliver lyse på pinned 0/1 */
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-0 .ncpost-title,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-1 .ncpost-title,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-0 .ncpost-header-info .ncpost-byline,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-1 .ncpost-header-info .ncpost-byline,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-0 .ncpost-header-info .ncpost-timestamp,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-1 .ncpost-header-info .ncpost-timestamp {
  color: #FFFDFA !important;
}

/* Links inde i pinned 0/1 → turkis + underline */
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-0 a,
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-1 a {
  color: #41EAD4 !important;
  text-decoration: underline;
}


.lc-feed-container .ncpost-container .ncpost-avatar-container {
  left: 30px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.lc-feed-container .ncpost-container .ncpost-header {
  margin: 0;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-byline {
  margin: 0;
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-timestamp {
  color: #9C9EA0;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  width: fit-content;
  background-color: transparent;
  position: absolute;
  top: 24px;
  right: 24px;
}
.lc-feed-container .ncpost-container .ncpost-header {
  padding-left: 42px !important;
}
.lc-feed-container .ncpost-container .share-icons-container {
  margin: 0;
}
.lc-feed-container .ncpost-container .share-icons-container .share-icons .share-icon svg {
  fill: #05a95a;
}
.lc-feed-container .ncpost-container .ncpost-content {
  display: flex;
  flex-direction: column;
  gap: 10px;

}
.lc-feed-container .ncpost-container .ncpost-content a{
  color: #6E18E7;
  text-decoration: underline;
}

.lc-feed-container .ncpost-container .ncpost-content p a { 
  color: #6E18E7;
  text-decoration: underline;
}
.lc-feed-container .ncpost-container .ncpost-content li{
  margin-left: 2rem;
  list-style: disc;
  padding: 4px;
} 

.lc-feed-container .ncpost-container .ncpost-content ol{
  list-style: decimal;
  padding-left: 1rem;    
} 

.lc-feed-container .ncpost-container .ncpost-content p,
.lc-feed-container .ncpost-container .ncpost-content h3,
.lc-feed-container .ncpost-container .ncpost-content h4,
.lc-feed-container .ncpost-container .ncpost-content h5,
.lc-feed-container .ncpost-container .ncpost-content h6 {
  margin: 0;
  padding-bottom: 0.5rem;
  line-height: 26px;
}

.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed) {
  border: none;            
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
  font-style: italic;
  color: #6E18E7;
  display: flex;
  justify-content: center;
  text-align: left;
}

.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed)::before {
  content: "“";
  font-size: 4rem;
  line-height: 0;
  margin-right: 0.1rem;  
}

.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed)::after {
  content: "”";
  font-size: 4rem;
  line-height: 1;
  margin-left: 0.2rem;    
}
.lc-feed-container .ncpost-container .ncpost-link-card a{
  text-decoration: none;
  color: #0B0B0B;
}

.lc-feed-container .ncpost-container .ncpost-link-card a:hover{
  text-decoration: underline;
  color: #0B0B0B;
}

.lc-feed-container .ncpost-container .ncpost-link-card {
  gap: 0;
  border-radius: 16px;
  border: none;
  background: #FFFDFA;
  padding: 0;
  margin: 12px;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-image {
  margin: 0;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-image {
    border-radius: 8px 8px 0 0;
  }
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  padding: 20px;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-title {
  margin: 0;
  text-decoration: none;
  color: #0b0b0b;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-title a.hover{
text-decoration: underline;
}

.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-site {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-description {
  color: #0B0B0B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-description a:hover{
  text-decoration: underline;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-container .ncpost-link-card {
    flex-direction: column;
  }
  .lc-feed-container .ncpost-container .ncpost-link-card img {
    width: 100%;
    max-height: 200px;
  }
}
.lc-feed-container .ncpost-container .ncpost-title {
  margin: 0;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
}
.lc-feed-container .ncpost-container .ncpost-title.ncpost-breaking {
  padding: 3px 5px;
  background-color: #FFFF00;
  border-radius: 3px;
}
.lc-feed-container .ncpost-container .ncpost-tags {
  gap: 10px;
  margin-top: 0;
  flex-wrap: wrap;
}
.lc-feed-container .ncpost-container .ncpost-tags .ncpost-tag {
  background-color: #f7f7f7;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  padding: 10px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.lc-feed-container .ncpost-container .ncpost-image-byline {

}
.lc-feed-container .ncpost-container .ncpost-image-byline {
  text-align: left;
}
.lc-feed-container .ncpost-container .ncpost-image-byline .ncpost-image-byline-description {
  color: #6b7280;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  justify-content: flex-end;
  cursor: pointer;
}
.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle:hover {
  opacity: 0.75;
}
.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2030_745" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2030_745)"><path d="M9.99935 18.3327L7.77018 14.9993H3.33268C2.87435 14.9993 2.48199 14.8362 2.1556 14.5098C1.82921 14.1834 1.66602 13.791 1.66602 13.3327V3.33268C1.66602 2.87435 1.82921 2.48199 2.1556 2.1556C2.48199 1.82921 2.87435 1.66602 3.33268 1.66602H16.666C17.1243 1.66602 17.5167 1.82921 17.8431 2.1556C18.1695 2.48199 18.3327 2.87435 18.3327 3.33268V13.3327C18.3327 13.791 18.1695 14.1834 17.8431 14.5098C17.5167 14.8362 17.1243 14.9993 16.666 14.9993H12.2285L9.99935 18.3327ZM9.99935 15.3327L11.3327 13.3327H16.666V3.33268H3.33268V13.3327H8.66602L9.99935 15.3327Z" fill="%23000000"/></g></svg>');
}

/* === Læserens spørgsmål: samlet lilla kort med talebobbel === */
.lc-feed-container .ncpost-container .ncpost-user-contribution{
  position: relative;
  background: #6E18E7;
  color: #fff;
  border-radius: 24px;
  padding: 28px 24px 24px 84px; /* plads til talebobbel til venstre */
}

/* Talebobbel-ikon (URL-encoded SVG så CSS'en ikke bryder) */
.lc-feed-container .ncpost-container .ncpost-user-contribution::before{
  content: "";
  position: absolute;
  left: 24px;
  top: 24px;
  width: 40px; height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3 1-5a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h13a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
  opacity: .9;
}

@media (max-width: 500px){
  .lc-feed-container .ncpost-container .ncpost-user-contribution{ padding-left: 72px; }
  .lc-feed-container .ncpost-container .ncpost-user-contribution::before{
    left: 18px; top: 18px; width: 32px; height: 32px; background-size: 32px 32px;
  }
}

/* “Læserspørgsmål”-label – kun på top-kommentaren */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment 
  .ncpost-comment-info .ncpost-comment-name::after{
  content: " Læserspørgsmål";
  margin-left: .5rem;
  font-weight: 700;
  font-style: italic;
  opacity: .5;
  color: #fff;
}

/* Tidsstempel for spørgsmålet oppe i højre hjørne */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment 
  .ncpost-comment-info .ncpost-comment-created{
  position: absolute;
  top: 16px; right: 20px;
  color: rgba(255,255,255,.85) !important;
  font-weight: 500;
}

/* Spørgsmålet selv skal ikke have egen kasse */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment{
  background: transparent; padding: 0; box-shadow: none;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment p{
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.25;
  margin: 12px 0 18px;
}

/* === Svar fra redaktionen: lyst “kort i kortet” === */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies{
  padding-left: 0;
  margin-top: 8px;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply{
  background: #EFEFEF;
  color: #111;
  border-radius: 20px;
  padding: 18px;
  box-shadow: none;
}

/* Header i svaret: navn venstre, tid højre */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-created{
  color: #111 !important;
  opacity: .65 !important;
  font-weight: 500;
}

/* Brødteksten i svaret */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply p{
  margin: 0;
  font-size: 17px;
  line-height: 1.35;
}

/* Sæt ALDRIG “Læserspørgsmål”-label på replies */
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply 
  .ncpost-comment-info .ncpost-comment-name::after{
  content: none !important;
}

/* (Valgfrit) Skjul taleboblen, hvis der slet ikke er svar */
.lc-feed-container .ncpost-container .ncpost-user-contribution:not(:has(.ncpost-user-replies .ncpost-user-reply))::before{
  display: none;
}


.lc-feed-container .ncpost-linked {
  scroll-margin-top: 6rem;
}
.lc-feed-container .ncpost-pinned-post .ncpost-container {
    border: 1px solid #7d30e9;
}
.lc-feed-container .ncpost-pinned-post .ncpost-container::before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.24512" y="4.03125" width="7.05801" height="11.1429" transform="rotate(-0.919048 8.24512 4.03125)" fill="%236E18E7"/><mask id="mask0_2030_748" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E18E7"/></mask><g mask="url(%23mask0_2030_748)"><path d="M15.998 12L17.998 14V16H12.998V22L11.998 23L10.998 22V16H5.99805V14L7.99805 12V5H6.99805V3L16.998 3V5H15.998V12ZM8.84805 14H15.148L13.998 12.85V5H9.99805V12.85L8.84805 14Z" fill="%236E18E7"/></g></svg>');
  position: absolute;
  right: 5px;
  top: 8px;
}
.lc-feed-container .ncpost-pinned-post .ncpost-icon-container {
  top: 25px;
}
.lc-feed-container .ncpost-importance-0:not(:has(.ncpost-content)) {
  display: none !important;
}
.editor-preview-and-feed .posts-view .ncpost-container .ncpost-avatar-container {
  top: 15px;
}



/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  2. IMAGE EXTENSION                                                             ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Billede (TV2) - Renderer Styles                                                ┃
┃  Styles for TV2REG billede renderer with CSS-only responsive handling           ┃
┃  No layout shift, works for any image aspect ratio                              ┃
┃  OVERRIDE v.5                                                                   ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/* FILE_MANAGER_IFRAME image layout */
.fm-figure {
  margin: 20px 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Image container with consistent constraints for all aspect ratios */
.fm-image-container {
  width: 100%;
  max-width: 100%;
   /*max-height: 70vh; Single constraint that works for all image types */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 0.5rem;
}

/* Universal image styles - work for any aspect ratio without layout shift */
.fm-image {
  display: block;
  max-width: 100%;
  /* max-height: 70vh;*/
  width: auto;
  height: auto;
  object-fit: contain; /* Maintains aspect ratio, fits within constraints */

}

/* For very wide images on larger screens, add width constraint */
@media (min-width: 1200px) {
  .fm-image-container {
    max-width: 80vw; /* Prevents ultra-wide images from being too small */
  }

  .fm-image {
    max-width: 80vw;
  }
}

/* Caption styles */

.fm-caption {
  margin-top: 4px;
  padding: 4px 0;
  width: 100%;
  display: flex;
  gap: 6px;
  justify-content: flex-start;
}

.fm-caption-text, .fm-credit-text, .fm-caption-separator {
  font-size: 12px;
  line-height: 1.5;
  color: #9C9EA0;
  right:0;
}

.fm-credit-text {
  font-weight: 700;
}

/* Hover effect for linked images */
a:hover .fm-image {
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

/* Ensure links don't interfere with sizing */
.fm-image-container a {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .fm-figure {
    margin: 16px 0;
  }

  /* Slightly smaller on mobile to ensure good fit */
  .fm-image-container {
    /*max-height: 60vh;*/
  }

  .fm-image {

  }

  .fm-caption {
    padding: 3px 0;
  }

  .fm-caption-text {
    font-size: 13px;
  }
}






/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  4. ARTICLE EXTENSION                                                           ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Article (TV2) - Renderer Styles                                                ┃
┃  Styles for TV2REG article renderer                                             ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/* ARTICLE_MANAGER article layout */
.fm-article {
  margin: 20px 12px;
  max-width: 100%;
}

.fm-article-link {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 16px;
  background: #FFFDFA;
  overflow: hidden;
  padding: 0;
  border: none;
}

.fm-article-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  text-decoration: underline;
  color: inherit;
}

.fm-article-content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0; 
}

.fm-article-thumbnail {
  flex: 0 0 50%;
  width: 50%;
  height: 180px; 
  max-width: none;
  margin: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px 0 0 16px;
  background: #fffdfa;
}


.fm-article-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fm-article-link:hover .fm-article-image {
  transform: scale(1.05);
}

.fm-article-text {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fm-article-title {
  margin: 0;
  text-decoration: none;
  color: #0b0b0b;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.fm-article-error {
  padding: 20px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  text-align: center;
  font-size: 14px;
}

/* No thumbnail layout - text only */
.fm-article-content:not(:has(.fm-article-thumbnail)) {
  justify-content: center;
}

.fm-article-content:not(:has(.fm-article-thumbnail)) .fm-article-title {
  font-size: 20px;
  text-align: center;
  text-decoration: underline;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .fm-article {
    margin: 16px 0;
  }

  .fm-article-content {
    flex-direction: column;
  }

  .fm-article-thumbnail {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
    border-radius: 16px 16px 0 0;
  }

  .fm-article-text {
    width: 100%;
    flex: 1 1 auto;
  }

  .fm-article-title {
    font-size: 16px;
    -webkit-line-clamp: 3;
  }

  .fm-article-content:not(:has(.fm-article-thumbnail)) .fm-article-title {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .fm-article-thumbnail {
    height: 160px;
  }

  .fm-article-title {
    font-size: 15px;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .fm-article-link {
    background: #1f2937;
    color: #f9fafb;
  }

  .fm-article-title {
    color: #f9fafb;
  }

  .fm-article-thumbnail {
    background: #374151;
  }
}

/* Print styles */
@media print {
  .fm-article-link {
    box-shadow: none !important;
    transform: none !important;
    border: 1px solid #000;
  }
}


/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  5. LINK CARD RENDERER                                                          ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the Norkon link card renderer                                       ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-link-card {
    margin: 15px 0;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    text-decoration: unset;
    padding: 20px;
  }

  .ncpost-link-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    text-decoration: underline;
    color: inherit;
  }

@media (max-width: 500px) {
    .ncpost-link-card {
        flex-direction: column;
        align-items: center;
    }
}

.ncpost-link-card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px;
}

.ncpost-link-card img {
    width: 50%;
    object-fit: cover;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
}

@media (max-width: 500px) {
    .ncpost-link-card img {
        width: 100%;
        border-top-left-radius:12px;
        border-top-right-radius:12px;
        border-bottom-left-radius:0px;
    }
}

.ncpost-link-card-info-title {
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 3px;
    color: #222;
}
ncpost-link-card-info a{
  text-decoration: none;
}

.ncpost-link-card-info-site {
    color: #1E1E1E;
    font-size: 14px;
    margin-bottom: 10px;
}

.ncpost-link-card-info-description {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 13px;
    text-decoration: unset;
}











/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  6. TYPING ANIMATION                                                            ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the Norkon typing animation                                         ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.typing-container{
  padding: 15px 0
}

.typing-container .dot-container{
  margin: 0;
  padding: 8px 20px;
  animation: fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) both;
  display: inline-block;
}

.typing-container .dot{
  width: 8px;
  height: 8px;
  background: #6E18E7;
  border-radius: 50%;
  margin-right: 3px;
  animation: wave-typing-animation 1.3s linear infinite;
  display: inline-block;
}

.typing-container .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.typing-container .dot:nth-child(3) {
  animation-delay:-.9s;
}

@media (max-width: 500px) {
  .typing-container {
    top: 15px
  }
}

@keyframes wave-typing-animation {
  0%, 60%, to {
    transform: initial;
    opacity: .3;
  }
  30% {
    opacity: 1;
    transform: translateY(-15px);
  }
}

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}












/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  7. AVATAR RENDERING                                                            ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the Norkon avatars                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-avatar-container {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  overflow: hidden
}

.ncpost-avatar-container .ncpost-avatar-image {
  width: 100%;
  height:100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ncpost-avatar-container .ncpost-avatar-image svg {
  width: 100%;
}

.lc-feed-container .ncpost-container {
  position: relative;
}

.lc-feed-container .ncpost-container .ncpost-header {
  flex-direction: column-reverse;
  margin-bottom: 20px;
  display: flex;
  padding-left: 50px !important;
}

.lc-feed-container .ncpost-container .ncpost-header .ncpost-byline {
  text-align: left;
  margin-bottom: 4px;
}

.lc-feed-container .ncpost-container .ncpost-header .ncpost-timestamp {
  font-size: 13px;
}

.lc-feed-container .ncpost-container .ncpost-header svg {
  display: none !important;
}

.posts-view .ncpost-container {
  position:relative;
}

.posts-view .ncpost-container .ncpost-header {
  flex-direction: column-reverse;
  margin-bottom: 20px;
  display: flex;
  padding-left: 50px !important;
}

.posts-view .ncpost-container .ncpost-header .ncpost-byline {
  text-align:left;
  margin-bottom: 4px;
}

.posts-view .ncpost-container .ncpost-header .ncpost-timestamp {
  font-size: 13px;
}

.posts-view .ncpost-container .ncpost-header svg{
  display: none !important
}










/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  8. TAG FILTER BUTTONS                                                          ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the tag filtering controls                                         ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-tags {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 15px;
}

.ncpost-tags .ncpost-tag {
  display: inline-flex;
  font-size: 14px;
  padding: 10px 13px;
  border-radius: 4px;
  background-color: #f2f2f2;
  cursor: pointer;
  transition: all ease-in-out .3s;
  margin-right: 5px;
}

.ncpost-tags .ncpost-tag:hover{
  opacity: .8;
}

.tags-group {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  margin: 15px 0;
}

.tags-group .filtered-tag {
  padding: 10px 13px;
  background-color: #f2f2f2;
  border-radius: 4px;
}

.tags-group .filter-close-selection {
  margin-left: 8px;
  cursor: pointer;
}







/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  9. POST SORTING                                                                ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the post sorting controls                                          ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/


.ncposts-sorter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 20px 0;
}

.ncposts-sorter .ncpost-toggle-group {
  display: flex;
  position: relative;
  transition: transform 5s ease;
}

.ncposts-sorter .ncpost-toggle-group .toggle-label{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 35px;
  transition: transform 5s ease;
  cursor: pointer;
}

.ncposts-sorter .ncpost-toggle-group .toggle-label.active {
  background-color: rgba(0,0,0,.05);
  border-radius: 5px;
  cursor: pointer;
}










/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  10. USER CONTRIBUTIONS                                                         ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for user contributions                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-user-contribution {
  margin: 15px 0;
}

.ncpost-user-contribution .ncpost-user-comment {
  padding: 15px;
  background-color: #f7f7f7;
  border-radius: 5px;
  border-radius: 10px 10px 10px 0;
}

.ncpost-user-contribution .ncpost-user-reply {
  padding: 15px;
  border-radius: 10px 10px 0 10px;
  position: relative;
  background-color: #d5f3ff;
  margin-bottom: 10px:
}

.ncpost-user-contribution .ncpost-user-reply .ncpost-comment-created {
  color: #236c8a !important;
}

.ncpost-user-contribution .ncpost-user-reply:last-child{
  margin-bottom: 0;
}

.ncpost-user-contribution .ncpost-user-replies {
  padding-left: 50px;
  margin-top: 10px;
  position:relative;
}

.ncpost-user-contribution .ncpost-comment-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.ncpost-user-contribution .ncpost-comment-name {
  font-weight: 700;
}

.ncpost-user-contribution .ncpost-comment-created {
  color: #F1E8FF !important;
  font-size: 13px;
}

.ncpost-user-contribution .ncpost-comment-image {
  margin-top: 10px;
  max-width: 230px;
  border-radius: 8px;
  overflow: hidden;
}

.ncpost-user-contribution .ncpost-comment-image img {
  width:100%;
}

.ncpost-questions-container {
  margin-bottom: 20px;
}

.ncpost-questions-container .ncpost-user-comment {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px 10px 10px 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.1);
}

.ncpost-questions-container .ncpost-user-reply {
  background-color: #008cba;
  color: #fff;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
}

.ncpost-questions-container .ncpost-user-reply .ncpost-comment-created {
  color: #93e4ff !important;
}

.ncpost-questions-container .ncpost-user-reply:last-child {
  margin: 0;
}

.ncpost-question-container {
  margin: 20px 0;
}

ncpost-question-container .ncpost-new-comment-toggle {
  border: 1px solid #008cba;
  padding: 10px 15px;
  border-radius: 5px;
  color: #008cba;
  font-size: 13px;
}

.ncpost-container .ncpost-new-comment-toggle {
  color: #008cba;
  font-size: 13px;
}

.ncpost-new-comment-panel {
  position: relative;
}

.ncpost-new-comment-panel input {
  font-family: inherit;
  font-size: inherit;
}

.ncpost-new-comment-panel textarea {
  font-family: inherit;
  font-size: inherit;
  resize: none;
  height:100px;
}

.ncpost-new-comment-panel .ncpost-submit {
  border-radius: 5px;
  line-height: 1.5;
  padding: 10px 15px;
  font-family: inherit;
  font-size: 13px;
}

.ncpost-new-comment-panel .ncpost-upload-button {
  cursor: pointer;
  position: absolute;
  top: 170px;
  right: 10px;
  border: 0;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.ncpost-new-comment-panel .ncpost-upload-button svg {
  fill: #909090;
}

.ncpost-new-comment-panel .ncpost-upload-image {
  margin: 15px 0;
}

.ncpost-new-comment-panel .ncpost-upload-image div {
  width: 200px;
  display:flex;
}

.ncpost-new-comment-panel .ncpost-upload-image div img {
  width: 100%;
  margin-right: 5px;
}

.ncpost-new-comment-panel .ncpost-upload-image div svg {
  fill: #909090;
  cursor: pointer
}



/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  11. EMBED CONTAINER                                                         ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for embed iframes                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-embed-element {
  width: 100%;
  overflow: hidden;
}

.ncpost-embed-element iframe {
  max-width: 100%;
  width: 100%; 
  border: none; 
  display: block;
}

.ncpost-embed-element:has(iframe[src*="facebook.com/plugins/video"]) {
  position: relative;
  width: 100%;
  padding-top: 178%;
  overflow: hidden;
}

.ncpost-embed-element iframe[src*="facebook.com/plugins/video"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}


/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  12. KEY EVENTS                                                                 ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the collected “star marked” posts at the top.                      ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-channelcontent-container {
  margin: 15px 0;
}

.key-events-container {
  margin: 30px 0;
}

.key-events-container .key-event-group {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background-color: #F0F0F0;
    padding: 11px 14px;
    margin-bottom: 5px;
}

.key-events-container .key-event-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.key-events-container .key-event-group .key-event-left-col .key-event-time {
    font-size: 14px;
    line-height: 16.94px;
    margin: 0;
    text-align: left;
    font-weight: 300;
    white-space: nowrap;
    color: #000000;
}

.key-events-container .key-event-group .key-event-left-col .key-event-title {
    color: #000000;
    font-size: 16px;
    line-height: 19.2px;
}

.key-events-container .key-event-group .key-event-time::before,
.key-events-container .key-event-group .key-event-time::after {
    content: none;
    display: none;
}

.key-events-container .key-event-group .key-event {
    cursor: pointer;
    color: white;
    font-size: 14px;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    font-weight: 400;    
    background-color: #6E18E7;
    border-radius: 60px;
    white-space: nowrap;
    padding: 11px 7px;
}

.key-events-container .key-event-group .key-event:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* .key-events-container .key-event-title {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding-left: 15px;
    font-size: 16px;
    line-height: 22.4px;
}

.key-events-container .key-event-title a {
    margin-left: 4px;
} */

.key-events-container #delete-event {
    display: none !important;
}

@media (max-width: 500px) {
    .key-events-container .key-event-left-col {
        min-width: 70%;
    }
    .key-events-container .key-event {
        min-width: 30%;
    }
}

/* Editor / posts-view variant: expand title, disable link nav, show delete button */

/* .posts-view .ncpost-channelcontent-container .key-events-container .key-event-title,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event-title div:first-child {
    width: 100%;
} */

/* .posts-view .ncpost-channelcontent-container .key-events-container .key-event-title a {
    pointer-events: none;
} */

.posts-view .ncpost-channelcontent-container .key-events-container #delete-event,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event #delete-event {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #C3C3C3;
    position: absolute;
    right: -2.5rem;
    border-radius: 50%;
    cursor: pointer;
}
.posts-view .ncpost-channelcontent-container .key-events-container #delete-event svg,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event #delete-event svg {
    fill: #fff !important;
}


/* ADDITION FOR SHAREABLE LINKS */
.ncpost-share-wrapper {
  margin-top: 0.75rem;
  display: flex;
  justify-content: flex-end;   
  align-items: flex-end;         
  gap: .5rem;
  font-size: 14px;
}

.ncpost-share { cursor: pointer; display: inline-flex; align-items: center; gap: .35rem; background: none; font: inherit; }
.ncpost-share:hover, 
.ncpost-share-icon {
  fill: #6E18E7;
}
.ncpost-share-feedback {
  opacity: 0; 
  transition: opacity .25s; 
  font-size: .8em; 
}
.ncpost-share-feedback.visible { opacity: 1; }
.ncpost-share-text {
  font-size: 13px;
}

.ncpost-share-text:hover {
  color: #6e18e7;
  text-decoration: underline;
  cursor: pointer;
}

/* === USER CONTRIBUTION: samlet lilla kort + talebobbel + lyst svar === */

/* Nulstil ældre baggrunde/indryk indeni kortet */
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment,
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0;
}

/* Ydre kort (læserens spørgsmål) */
.lc-feed-container .ncpost-user-contribution{
  position: relative;
  background: #6E18E7;
  color: #fff;
  border-radius: 24px;
  padding: 28px 24px 24px 64px; /* plads til talebobbel og strammere venstrekant */
}

/* Talebobbel – (mindre, din form, URL-encoded) */
.lc-feed-container .ncpost-user-contribution::before{
  content: "";
  position: absolute;
  left: 20px; top: 20px;
  width: 28px; height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23FFFFFF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 0 1-.923 1.785A5.969 5.969 0 0 0 6 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337Z'/%3E%3C/svg%3E");
  opacity: .95;
}

/* “Læserspørgsmål” - (under navnet) */
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment 
  .ncpost-comment-info .ncpost-comment-name::after{
  content: "Læserspørgsmål";
  display: block;            
  margin-top: 2px;
  font-weight: 700;
  font-style: italic;
  opacity: .55;
  color: #fff;
}

/* Tidsstempel på spørgsmålet (øverst højre) */
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment 
  .ncpost-comment-info .ncpost-comment-created{
  position: absolute;
  top: 16px; right: 20px;
  color: rgba(255,255,255,.85) !important;
  font-weight: 500;
}

/* Spørgsmålstekst – (rykket helt ud til venstre) */
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment p{
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.25;
  margin: 12px 0 18px 0;
}

/* Indre svar–*/
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies{
  padding-left: 0;
  margin-top: 16px;  
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply{
  background: #EFEFEF !important;
  color: #111;
  border-radius: 20px !important;
  padding: 18px !important;
  margin: 0; 
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info{
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 10px;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-created{
  color: #111 !important; opacity: .65 !important; font-weight: 500;
}

/* Aldrig “Læserspørgsmål” på replies */
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply 
  .ncpost-comment-info .ncpost-comment-name::after{
  content: none !important;
}

/* Responsivt: lidt strammere ikon/padding på mobil */
@media (max-width: 500px){
  .lc-feed-container .ncpost-user-contribution{ padding-left: 60px; }
  .lc-feed-container .ncpost-user-contribution::before{
    left: 18px; top: 18px; width: 24px; height: 24px; background-size: 24px 24px;
  }
}
/*End extension CSS 17995, Theme (TV2REG)*/


.nc-lc-extensions-css{ display: block }