.rt-ui[data-rt-vej="1"]{
  --rt-gold:#9a7e10;
  --rt-bg:#070708;
  --rt-card:#0f0f12;
  --rt-card2:#0b0b0e;
  --rt-text:#ffffff;
  --rt-muted:rgba(255,255,255,.65);

  --rt-border: rgba(154,126,16,.35);
  --rt-border-strong: rgba(154,126,16,.55);
  --rt-line: rgba(154,126,16,.16);
  --rt-headbg: rgba(154,126,16,.10);
  --rt-hover: rgba(154,126,16,.06);
  --rt-glow: rgba(154,126,16,.14);

  color:var(--rt-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Frontend spacing (modal/overlay): ingen ekstra margin (undgå at påvirke andre RT-plugins/portal) */
.rt-ui[data-rt-vej="1"]:not(.rt-admin){
  margin-top: 0;
  margin-bottom: 0;
}

.rt-ui[data-rt-vej="1"] *{ box-sizing:border-box; }

/* Admin wrapper: giv den et mørkt "panel" så WP's hvide baggrund ikke dominerer */
.rt-ui[data-rt-vej="1"].rt-admin{
  background: var(--rt-bg);
  border-radius: 18px;
  border: 1px solid rgba(154,126,16,.25);
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  padding: 18px;
}

.rt-ui[data-rt-vej="1"] .rt-shell{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}

.rt-ui[data-rt-vej="1"] .rt-card{
  border-radius: 18px;
  border: 1px solid var(--rt-border);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
  background:
    radial-gradient(120% 120% at 50% 20%, rgba(154,126,16,.14), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
}

.rt-ui[data-rt-vej="1"] .rt-header{
  padding: 16px;
  margin-bottom: 14px;
}

.rt-ui[data-rt-vej="1"] .rt-header-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.rt-ui[data-rt-vej="1"] .rt-header-actions{ display:flex; gap:10px; flex-wrap: wrap; }

.rt-ui[data-rt-vej="1"] .rt-title{
  color: var(--rt-gold);
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.2;
}

.rt-ui[data-rt-vej="1"] .rt-subtitle{
  color: var(--rt-muted);
  margin-top: 6px;
  font-size: 13px;
}

.rt-ui[data-rt-vej="1"] .rt-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius: 999px;
  border: 1px solid rgba(154,126,16,.45);
  background: rgba(154,126,16,.06);
  color: var(--rt-gold);
  font-weight: 900;
  font-size: 12px;
  padding: 6px 10px;
  white-space: nowrap;
}

.rt-ui[data-rt-vej="1"] .rt-pill-muted{
  border-color: rgba(154,126,16,.30);
  color: rgba(255,255,255,.75);
}

.rt-ui[data-rt-vej="1"] .rt-controls{
  margin-top: 14px;
  border-radius: 14px;
  border: 1px solid var(--rt-border);
  background: linear-gradient(180deg, rgba(154,126,16,.15), rgba(0,0,0,0));
  padding: 14px;
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.rt-ui[data-rt-vej="1"] .rt-field{
  min-width: 260px;
  flex: 1 1 260px;
}

.rt-ui[data-rt-vej="1"] .rt-label{
  display:block;
  color: var(--rt-gold);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 7px;
  letter-spacing: .2px;
}

.rt-ui[data-rt-vej="1"] .rt-input,
.rt-ui[data-rt-vej="1"] .rt-select{
  width: 100%;
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(154,126,16,.5) !important;
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
}

.rt-ui[data-rt-vej="1"] .rt-select{
  color: var(--rt-gold) !important;
}

.rt-ui[data-rt-vej="1"] .rt-input::placeholder{
  color: rgba(255,255,255,.5);
}

.rt-ui[data-rt-vej="1"] .rt-input:focus,
.rt-ui[data-rt-vej="1"] .rt-select:focus{
  border-color: var(--rt-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(154,126,16,.12);
}

.rt-ui[data-rt-vej="1"] .rt-muted{ color: var(--rt-muted); }

.rt-ui[data-rt-vej="1"] .rt-search-hint{
  margin-top: 7px;
  font-size: 12px;
}

.rt-ui[data-rt-vej="1"] .rt-list{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.rt-ui[data-rt-vej="1"] .rt-paragraf{ padding: 14px 14px 12px; }

.rt-ui[data-rt-vej="1"] .rt-paragraf-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}

/* Når vi bruger <details>/<summary> til fold-ud, skal summary ligne en normal header */
.rt-ui[data-rt-vej="1"] summary.rt-paragraf-head{
  list-style: none;
  cursor: pointer;
}
.rt-ui[data-rt-vej="1"] summary.rt-paragraf-head::-webkit-details-marker{ display:none; }

.rt-ui[data-rt-vej="1"] .rt-paragraf-left{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.rt-ui[data-rt-vej="1"] .rt-paragraf-right{ display:flex; align-items:center; gap:10px; flex-wrap: wrap; }

.rt-ui[data-rt-vej="1"] .rt-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(154,126,16,.45);
  background: rgba(154,126,16,.06);
  color: var(--rt-gold);
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  white-space: nowrap;
}

.rt-ui[data-rt-vej="1"] .rt-paragraf-title{
  font-weight: 900;
  color: #fff;
  letter-spacing: .2px;
}

.rt-ui[data-rt-vej="1"] .rt-paragraf-meta{
  margin-top: 8px;
  color: var(--rt-muted);
  font-size: 12px;
}

.rt-ui[data-rt-vej="1"] .rt-paragraf:target{
  outline: 2px solid rgba(154,126,16,.55);
  outline-offset: 2px;
}

.rt-ui[data-rt-vej="1"] .rt-btn{
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 900;
  text-decoration: none;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  cursor: pointer;
  user-select:none;
  border: none;
  line-height: 1;
}

.rt-ui[data-rt-vej="1"] .rt-btn-primary{
  background: var(--rt-gold);
  color: #000;
}

.rt-ui[data-rt-vej="1"] .rt-btn-primary:hover{
  filter: brightness(.95);
  box-shadow: 0 0 0 3px rgba(154,126,16,.12);
}

.rt-ui[data-rt-vej="1"] .rt-btn-outline{
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(154,126,16,.55);
}

.rt-ui[data-rt-vej="1"] .rt-btn-outline:hover{
  background: rgba(154,126,16,.06);
}

.rt-ui[data-rt-vej="1"] .rt-copylink{
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 12px;
}

.rt-ui[data-rt-vej="1"] .rt-toggle{ padding: 9px 12px; }

.rt-ui[data-rt-vej="1"] .rt-chevron{
  display:inline-block;
  transform: translateY(-1px);
  transition: transform .18s ease;
}

.rt-ui[data-rt-vej="1"] .rt-toggle[aria-expanded="true"] .rt-chevron{ transform: rotate(180deg); }

/* <details open> fallback (hvis aria-expanded ikke bruges) */
.rt-ui[data-rt-vej="1"] details[open] .rt-toggle .rt-chevron{ transform: rotate(180deg); }

.rt-ui[data-rt-vej="1"] .rt-show-when-open{ display:none; }
.rt-ui[data-rt-vej="1"] details[open] .rt-show-when-open{ display:inline; }
.rt-ui[data-rt-vej="1"] details[open] .rt-show-when-closed{ display:none; }

.rt-ui[data-rt-vej="1"] .rt-paragraf-body{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(154,126,16,.22);
}

.rt-ui[data-rt-vej="1"] .rt-change-note{
  border: 1px solid rgba(154,126,16,.22);
  background: rgba(154,126,16,.06);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 12px;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  line-height: 1.5;
}

.rt-ui[data-rt-vej="1"] .rt-change-note-label{
  color: var(--rt-gold);
  font-weight: 900;
  margin-right: 6px;
}

.rt-ui[data-rt-vej="1"] .rt-content{
  color: rgba(255,255,255,.92);
  font-size: 14px;
  line-height: 1.6;
}

.rt-ui[data-rt-vej="1"] .rt-content p{ margin: 0 0 10px; }
.rt-ui[data-rt-vej="1"] .rt-content h1,
.rt-ui[data-rt-vej="1"] .rt-content h2,
.rt-ui[data-rt-vej="1"] .rt-content h3{
  color: var(--rt-gold);
  margin: 14px 0 8px;
  font-weight: 900;
}

.rt-ui[data-rt-vej="1"] code{
  background: rgba(154,126,16,.10);
  border: 1px solid rgba(154,126,16,.22);
  padding: 2px 6px;
  border-radius: 8px;
  color: rgba(255,255,255,.9);
}

/* TOC */
.rt-ui[data-rt-vej="1"] .rt-toc-list{
  display:flex;
  flex-direction:column;
  gap: 8px;
  padding-top: 2px;
}

.rt-ui[data-rt-vej="1"] .rt-toc-link{
  color: rgba(255,255,255,.88);
  text-decoration: none;
  border: 1px solid rgba(154,126,16,.22);
  background: rgba(154,126,16,.06);
  padding: 8px 10px;
  border-radius: 12px;
}

.rt-ui[data-rt-vej="1"] .rt-toc-link:hover{ background: rgba(154,126,16,.10); }

/* Admin layout */
.rt-ui[data-rt-vej="1"].rt-admin .rt-grid{
  display:grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 14px;
  align-items:start;
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-section{ padding: 16px; }

.rt-ui[data-rt-vej="1"].rt-admin .rt-section-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(154,126,16,.16);
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-section-title{
  color: var(--rt-gold);
  font-weight: 900;
  letter-spacing: .35px;
  text-transform: uppercase;
  font-size: 14px;
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-shortcode-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-sc-item{
  border: 1px solid rgba(154,126,16,.22);
  background: rgba(154,126,16,.06);
  border-radius: 14px;
  padding: 12px;
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-sc-label{
  color: rgba(255,255,255,.8);
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 8px;
}

.rt-ui[data-rt-vej="1"] .rt-codebox{
  width: 100%;
  text-align:left;
  border-radius: 12px;
  border: 1px solid rgba(154,126,16,.45);
  background: #000;
  color: var(--rt-gold);
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  cursor: pointer;
}

.rt-ui[data-rt-vej="1"] .rt-codebox:hover{ background: rgba(154,126,16,.06); }

.rt-ui[data-rt-vej="1"].rt-admin .rt-quick{ display:flex; flex-wrap: wrap; gap:10px; }

.rt-ui[data-rt-vej="1"] .rt-copy{
  border-radius: 12px;
  border: 1px solid rgba(154,126,16,.55);
  background: transparent;
  color: rgba(255,255,255,.92);
  padding: 10px 12px;
  font-weight: 900;
  cursor: pointer;
}

.rt-ui[data-rt-vej="1"] .rt-copy:hover{ background: rgba(154,126,16,.06); }

/* Admin table */
.rt-ui[data-rt-vej="1"].rt-admin .rt-table-wrap{
  border-radius: 12px;
  overflow:hidden;
  border: 1px solid rgba(154,126,16,.22);
}

.rt-ui[data-rt-vej="1"].rt-admin .rt-table{ width:100%; border-collapse: collapse; }

.rt-ui[data-rt-vej="1"].rt-admin thead th{
  background: rgba(154,126,16,.10);
  color: var(--rt-gold);
  font-size: 12px;
  font-weight: 900;
  text-align:left;
  padding: 12px 12px;
}

.rt-ui[data-rt-vej="1"].rt-admin tbody td{
  padding: 12px 12px;
  border-top: 1px solid rgba(154,126,16,.16);
  font-size: 13px;
  color: rgba(255,255,255,.92);
  vertical-align: middle;
}

.rt-ui[data-rt-vej="1"].rt-admin tbody tr:hover{ background: rgba(154,126,16,.06); }

/* Toast */
.rt-ui[data-rt-vej="1"] .rt-toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  background: rgba(0,0,0,.92);
  border: 1px solid rgba(154,126,16,.45);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
  color: rgba(255,255,255,.92);
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 900;
}

@media (max-width: 980px){
  .rt-ui[data-rt-vej="1"].rt-admin .rt-grid{ grid-template-columns: 1fr; }
  .rt-ui[data-rt-vej="1"].rt-admin{ padding: 14px; }
}

@media (max-width: 640px){
  .rt-ui[data-rt-vej="1"] .rt-title{ font-size: 18px; }
  .rt-ui[data-rt-vej="1"] .rt-paragraf-title{ font-size: 14px; }
  .rt-ui[data-rt-vej="1"].rt-admin .rt-shortcode-grid{ grid-template-columns: 1fr; }
}


/* Admin wrapper: mørk baggrund for bedre kontrast (stadig 100% scoped) */
.rt-ui[data-rt-vej="1"].rt-admin{
  background: var(--rt-bg);
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(154,126,16,.22);
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
}

.rt-ui[data-rt-vej="1"] .rt-grid-2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 720px){
  .rt-ui[data-rt-vej="1"] .rt-grid-2{ grid-template-columns: 1fr; }
}

.rt-ui[data-rt-vej="1"] .rt-codeblock .rt-code-title{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3px;
  color: var(--rt-gold);
  margin-bottom: 6px;
  text-transform: uppercase;
}

.rt-ui[data-rt-vej="1"] .rt-tablewrap{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(154,126,16,.22);
}

.rt-ui[data-rt-vej="1"] .rt-table{
  width:100%;
  border-collapse: collapse;
}

.rt-ui[data-rt-vej="1"] .rt-table thead th{
  background: rgba(154,126,16,.10);
  color: var(--rt-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .25px;
  padding: 10px 12px;
  text-align: left;
}

.rt-ui[data-rt-vej="1"] .rt-table tbody td{
  padding: 10px 12px;
  border-top: 1px solid rgba(154,126,16,.16);
  font-size: 13px;
  color: var(--rt-text);
  vertical-align: top;
}

.rt-ui[data-rt-vej="1"] .rt-code-inline{
  display:inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(154,126,16,.06);
  border: 1px solid rgba(154,126,16,.35);
  color: var(--rt-text);
}

.rt-ui[data-rt-vej="1"] .rt-copy-inline{
  margin-left: 8px;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
}

.rt-ui[data-rt-vej="1"] .rt-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.rt-ui[data-rt-vej="1"] .rt-btn-danger{
  border-color: rgba(154,126,16,.55);
  opacity: .92;
}
.rt-ui[data-rt-vej="1"] .rt-btn-danger:hover{
  opacity: 1;
}

/* --- Indsættelser (moduler) --- */
.rt-ui[data-rt-vej="1"] .rt-ins{
  padding: 12px 12px;
  border: 1px solid rgba(154,126,16,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  margin-bottom: 12px;
}
.rt-ui[data-rt-vej="1"] .rt-ins-title{
  color: var(--rt-gold);
  font-weight: 900;
  margin-bottom: 8px;
  letter-spacing: .2px;
}
.rt-ui[data-rt-vej="1"] .rt-ins-desc{
  color: var(--rt-text);
  opacity: .9;
  margin-top: 10px;
}
.rt-ui[data-rt-vej="1"] .rt-linkbtn,
.rt-ui[data-rt-vej="1"] .rt-filebtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(154,126,16,.55);
  background: rgba(154,126,16,.10);
  color: var(--rt-text);
  text-decoration: none;
  font-weight: 800;
}
.rt-ui[data-rt-vej="1"] .rt-linkbtn:hover,
.rt-ui[data-rt-vej="1"] .rt-filebtn:hover{
  background: rgba(154,126,16,.16);
  color: var(--rt-text);
}

/* Admin: sortable liste */
.rt-ui[data-rt-vej="1"] .rt-ins-sortable{
  list-style: none;
  padding: 0;
  margin: 0;
}
.rt-ui[data-rt-vej="1"] .rt-ins-item{
  display:flex;
  gap: 12px;
  align-items: center;
  padding: 12px 12px;
  border: 1px solid rgba(154,126,16,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  margin-bottom: 10px;
}
.rt-ui[data-rt-vej="1"] .rt-ins-handle{
  cursor: grab;
  user-select: none;
  font-size: 18px;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(154,126,16,.16);
  background: rgba(154,126,16,.06);
  color: var(--rt-gold);
}

/* Sektion-sortering (tabeller) */
.rt-ui[data-rt-vej="1"] .rt-sec-handle{
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(154,126,16,.16);
  background: rgba(154,126,16,.06);
  color: var(--rt-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.rt-ui[data-rt-vej="1"] tr.rt-sec-item.rt-dragging{
  opacity: .55;
}

/* jQuery UI Sortable helper/placeholder for <tr> */
.rt-ui[data-rt-vej="1"] tr.ui-sortable-helper{
  display: table;
  width: 100%;
  box-shadow: 0 14px 40px rgba(0,0,0,.55);
  opacity: .96;
}
.rt-ui[data-rt-vej="1"] tr.ui-sortable-helper td{
  background: rgba(154,126,16,.08);
}
.rt-ui[data-rt-vej="1"] tr.rt-sec-placeholder td{
  height: 54px;
  background: rgba(154,126,16,.04);
  border-top: 1px dashed rgba(154,126,16,.45);
  border-bottom: 1px dashed rgba(154,126,16,.45);
}
.rt-ui[data-rt-vej="1"] .rt-ins-main{
  flex: 1 1 auto;
}
.rt-ui[data-rt-vej="1"] .rt-ins-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.rt-ui[data-rt-vej="1"] .rt-ins-placeholder{
  border: 1px dashed rgba(154,126,16,.45);
  border-radius: 14px;
  height: 54px;
  background: rgba(154,126,16,.04);
  margin-bottom: 10px;
}

/* TinyMCE i vores kort */
.rt-ui[data-rt-vej="1"] .wp-editor-wrap{
  border-radius: 14px;
  overflow: hidden;
}

/* Hjælp: gør top-knappen (Info) lettere at klikke på i adminportalen */
.rtv-portal-info-btn{
  cursor: pointer !important;
  pointer-events: auto !important;
}
.rtv-portal-info-label,
.rtv-portal-modal-title{
  position: relative;
  display: inline-block;
  visibility: hidden; /* behold pladsen, men skjul original tekst */
}

.rtv-portal-info-label::after,
.rtv-portal-modal-title::after{
  content: attr(data-rtv-label);
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-transform: uppercase;
}