/* 1312/1318: Delningsstatus i listor – ikoner + tydligare kopiera, samt konsekvent ikonknappsform */
.td-share-meta{display:flex;align-items:center;gap:8px;margin-top:6px;}
.td-share-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  border-radius:var(--td-radius-action);
  background:transparent;
  color:var(--td-primary);
  box-shadow:none;
}
.td-share-icon .dashicons{font-size:18px;line-height:1;}

/* Kopiera-länk i modalen: tydlig (orange kontrast) men inte skrika CTA.
   OBS: I listor använder vi td-icon-btn för kopiera-ikonen och ska inte få "pill"-styling. */
.td-share__copy{
  border:1px solid rgba(198,90,30,0.25);
  background:rgba(198,90,30,0.08);
  color:var(--td-primary);
  cursor:pointer;
  padding:6px 10px;
  border-radius:var(--td-radius-action);
}
.td-share__copy:hover{background:rgba(198,90,30,0.14);}
.td-share__copy.td-copied{background:rgba(0,128,0,0.14);border-color:rgba(0,128,0,0.25);}

/* 1318: Dela-ikonen i listor ska alltid synas och vara konsekvent (inte rund + inte hover-only via tema) */
.td-table .td-actions-cell .td-icon-btn{opacity:1 !important;visibility:visible !important;}
.td-table .td-actions-cell button.td-icon-btn{border-radius:var(--td-radius-action) !important;}

/* Säkerställ att ikonknapparna alltid har synliga ikoner (tema kan annars sätta vit text) */
.td-table .td-actions-cell .td-icon-btn{color:var(--td-primary) !important;}
.td-table .td-actions-cell .td-icon-btn--danger{color:#b32d2e !important;}

/* 1318: Ta bort-knappen (ikon) ska inte vara den enda med ram */
.td-icon-btn--danger{border:0 !important;box-shadow:none !important;}

/* Desktop: filterbar utan ram */
@media (min-width: 783px){
  .td-wrap .td-filterbar{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* Skapa ny anteckning: inga extra ramar och tightare layout */
.td-create-picker.td-card--flat{
  background: transparent !important;
  box-shadow: none !important;
}
.td-table--create .td-col-action{white-space:nowrap;}
.td-table--create .td-col-download{white-space:nowrap;}
@media (min-width: 783px){
  .td-table--create td.td-col-action a.button{margin-left:0 !important;}
}

/* Post-it cards on dashboard ("Viktigast just nu") */
.td-postits-grid .td-card{
  background:#fdf4dc !important;
  border:1px solid #efe7d6 !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.03) !important;
}

/* Compare picker: no big boxed frame */
.td-compare-picker{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.td-compare-picker .td-compare-form{
  border: 0 !important;
  box-shadow: none !important;
}

/* 1392: Compare-knapp ska inte vara sticky här; håll submit kompakt */
.td-compare-submit{margin:0 !important;}

/* 1391/1393/1383: Utvärdera – kort-innehåll */
.td-center{text-align:center;}
.td-eval-templates__intro{margin:0 0 10px !important;}
.td-eval-week__empty{margin:0 !important;}
.td-eval-pending__intro{margin:0 0 10px !important;}
.td-eval-pending__dog{margin:0 0 6px !important;}
.td-eval-pending__list{margin:0 0 12px !important;}
.td-eval-pending__empty{margin:0 !important;}


/* Post-its: varm men diskret ton (inte kritgul) + rundade hörn enligt designregel */
.td-postit,
.td-postits-grid .td-card{
  background:#fdf4dc !important;
  border-radius:16px !important;
}

.td-postit-section-title{
  font-weight: 800;
  margin-top: 10px;
  font-size: 12px;
}

/* Behåll luft, men låt td-core styra padding (slipper dubbel-!important). */

/* Se till att text/listor inte klistrar mot kanten */
.td-postit p,
.td-postit ul,
.td-postit ol,
.td-postit .td-card__body{
  margin-top: 0 !important;
}

.td-postit ul,
.td-postit ol{
  padding-left: 18px !important;
  margin: 8px 0 0 0 !important;
}

.td-postit li{
  margin: 6px 0 !important;
}

/* 2.0.14: 1099 – Momentavstämning (desktop): lås kolumnbredder för Nivå/Kommentar */
@media (min-width: 783px){
  .td-moment-table{
    table-layout: fixed !important;
  }
  .td-moment-table col.td-col-level{ width: 180px !important; }
  .td-moment-table col.td-col-comment{ width: 360px !important; }
}


/* 1071: Övningslista – styling (flyttad från inline <style>) */
.td-exercises-1071 .td-table, .td-exercises-1071 .td-table th, .td-exercises-1071 .td-table td{ border:none !important; }
.td-exercises-1071 .td-table{ border-collapse:separate; border-spacing:0 6px; }
.td-exercises-1071 .td-exercise-cell{ padding:6px 10px; border-radius:8px; background:transparent; }
.td-exercises-1071 .td-exercise-cell.is-complete{ background:#dff5df; }
.td-exercises-1071 .td-exercise-cell a{ text-decoration:none; }

/* 1117: Post-it info text should be clearly visible */
.td-postit-info{display:block;margin-top:0 !important;}

/* 1118/1156: Jämför – mobil ska inte använda horisontell scroll-tabell.
   Vi renderar cards i PHP (se 1156) och håller CSS minimalistisk här. */

/* =========================================================
   1099 – Kriterieplan: mobil-cards (edit + view)
   Återställer card-beteende som fungerade i 2.0.24.
   ========================================================= */
@media (max-width: 782px){

  /* Kriterieplan: stoppa sidscroll-wrapper från att tvinga tabell */
  .td-criteria-scroll{ overflow-x: visible; }

  /* Bryt tabell till cards */
  #td-criteria-table, #td-criteria-table thead, #td-criteria-table tbody,
  #td-criteria-table tr, #td-criteria-table th, #td-criteria-table td{
    display:block;
    width:100%;
  }
  #td-criteria-table thead{ display:none; }

  #td-criteria-table .td-crit-row{
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    padding:12px;
    margin-bottom:12px;
  }

  /* Klick / repetitioner: två fält per omgång */
  #td-criteria-table .td-crit-pair{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px;
  }
  #td-criteria-table .td-crit-field{display:block;min-width:0}
  #td-criteria-table .td-crit-field__label{display:block;font-size:12px;line-height:1.2;margin:0 0 4px}
  #td-criteria-table .td-crit-pair input{
    width:100%;
    max-width:100%;
  }

  /* Mobil: tabell-scroll på listor ska inte tvinga "tabell" om cards används */
  .td-table-scroll{ overflow-x: visible; }
}

/* =========================================================
   1080.4 / 1077 – Små badges
   Syfte: göra snabbpass tydliga i listor utan att ändra datamodell.
   ========================================================= */
.td-badge{display:inline-flex;align-items:center;font-size:12px;line-height:1;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.04);vertical-align:middle}
.td-badge--quickpass{font-weight:700}

/* =========================================================
   1145: Kurser (fd Övningar) – jämna kolumnbredder
   Nivå 1–3 och Övrigt ska vara lika breda.
   ========================================================= */
.td-table--courses{table-layout:fixed;width:100%}
.td-table--courses th:nth-child(1),
.td-table--courses td:nth-child(1){width:30%}
.td-table--courses th:nth-child(2),
.td-table--courses td:nth-child(2),
.td-table--courses th:nth-child(3),
.td-table--courses td:nth-child(3),
.td-table--courses th:nth-child(4),
.td-table--courses td:nth-child(4),
.td-table--courses th:nth-child(5),
.td-table--courses td:nth-child(5){width:17.5%}
.td-table--courses td{word-break:break-word; white-space: normal;}

/* 1161: Kurser-tabell: låt övningsnamn radbrytas (Astra/tema kan sätta nowrap på länkar) */
.td-table--courses td a{
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 1143: Övningar (unika kursdelar) – mindre luft, meta inline på desktop */
/* 1168: Mobil – tajtare rader och lite indrag så text inte ligger på kanten. */
.td-units-list{display:flex;flex-direction:column;gap:0}
/* td-card sätter padding/margin med !important – styr specifikt här */
.td-units-list__item.td-card{margin:0 !important;margin-bottom:0 !important;padding:10px 12px !important;border-radius:10px}
.td-units-list__row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px}
.td-units-list__title{line-height:1.25;font-weight:700;flex:1;min-width:0}

/* 2.2.62: td_view=units – säkerställ vänsterjustering på desktop */
@media (min-width: 768px){
  .td-units-list__row,
  .td-units-list__title{
    text-align:left !important;
  }
}

/* 1245: Desktop ska inte ha fetstil på övningsnamn i td_view=units,
   men mobilen ska fortsatt vara fet (default). */
@media (min-width: 768px){
  .td-units-list__title{font-weight:400}
}
.td-units-list__meta{font-size:12px;line-height:1.2;margin-top:2px;display:block;flex-basis:100%;margin-left:28px}

@media (min-width:769px){
  /* 1162: Desktop – tajtare lista (ta bort onödiga top/bottom-margins/padding från tema) */
  .td-units-list{gap:0}
  .td-units-list__item{margin:0 !important;padding:0 !important}
  /* td-card lägger på padding/margin med !important – nolla specifikt på just dessa items */
  .td-units-list__item.td-card{padding:0 !important;margin-bottom:0 !important;box-shadow:none !important}
  .td-units-list__row{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px}
  .td-units-list__title{flex:1;min-width:0;text-align:left}
  .td-units-list__meta{margin-left:auto;white-space:nowrap;text-align:right}
  .td-units-list__meta{white-space:nowrap}
}


/* 1163: Övningar – zebra-ränder för bättre läsbarhet */
.td-units-list__item--even{
  background: var(--td-bg-muted) !important;
}


/* 1247c: create list – even right edge + spacing between icons */
.td-create-picker .td-create-item-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.td-create-picker .td-create-item-title{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.td-create-picker .td-create-item-actions{display:grid;grid-auto-flow:column;grid-auto-columns:40px;gap:8px;justify-content:end;align-items:center;}
.td-create-picker .td-create-item-actions .td-icon-btn{
  margin:0 !important;
}

/* 1456: mall-lista – lås ikonkolumner (download + öppna) så att raderna linjerar */
.td-create-picker .td-create-item-actions{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-template-columns:40px 40px !important;
  justify-content:end !important;
  align-items:center !important;
  gap:10px !important;
  min-width:90px !important;
}
.td-create-picker .td-icon-btn--placeholder{
  visibility:hidden !important; /* håller kolumnen men visar inget */
  border-color:transparent !important;
  background:transparent !important;
}




/* 1253: startsida – behåll mellanrum mellan bildblock även när sidan visas inbäddad i TD-ramen */
body.td-page.td-hide-theme-chrome .entry-content figure,
body.td-page.td-hide-theme-chrome .entry-content .wp-block-image,
body.td-page.td-hide-theme-chrome .entry-content .elementor-widget-image{
  margin: 0 0 18px !important;
}
body.td-page.td-hide-theme-chrome .entry-content figure:last-child,
body.td-page.td-hide-theme-chrome .entry-content .wp-block-image:last-child,
body.td-page.td-hide-theme-chrome .entry-content .elementor-widget-image:last-child{
  margin-bottom: 0 !important;
}

/* 1262: startsida – desktop grid (3x3) med rimlig tile-storlek, även i inbäddat läge */
.td-start-tiles{
  display:grid;
  gap:16px;
  /* auto-fit gör att tiles aldrig blir "miniatyrer" */
  grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
  justify-content:start;
}
.td-start-tiles > a{ display:block; }
.td-start-tiles > a > img{
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit:cover;
  display:block;
}
@media (min-width: 1100px){
  .td-start-tiles{
    grid-template-columns: repeat(3, 300px);
  }
}




/* fallback om td-start-tiles saknas: använd bildmarginal i flat-cards på startsidan */
.td-card--flat td-start-tiles{}
.td-card--flat > a > img{ display:block; }
.td-card--flat > a + a{ display:block; margin-top:16px !important; }

/* 1273: Q&A – pyjamasränder i tabellen under Mina frågor */
.td-table--zebra tbody tr:nth-child(even){
  background: rgba(0,0,0,0.04);
}
.td-table--zebra tbody tr:hover{
  background: rgba(0,0,0,0.06);
}


/* 1273: Q&A – pyjamasränder i listan under Mina frågor (även när den inte renderas som tabell) */
.td-qa-items:not(.td-qa-items--cards) > *:nth-child(even),
.td-qa-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.04);
}
.td-qa-items:not(.td-qa-items--cards) > *:nth-child(even){
  padding: 8px 10px;
  border-radius: 8px;
}

/* 1273: Q&A – pyjamasränder (items är divar) */
.td-qa-items:not(.td-qa-items--cards) > div:nth-child(even){background: rgba(0,0,0,0.04);padding:8px 10px;border-radius:8px;}

/* 1333: Q&A – kortlayout (matcha Förbättringsförslag) */
.td-qa-items--cards{display:flex;flex-direction:column;gap:12px}
.td-card--qa{background:#fff !important}
.td-card--qa p{margin:8px 0 0}

/* 1333: Mina frågor – kortlayout (vit bakgrund, jämna kanter) */
.td-card.td-card--qa{
  background:#fff;
}

/* 1333: Mina frågor – pyjamasränder även i kortlayout */
.td-qa-items--cards .td-card.td-card--qa:nth-child(even){
  background: rgba(0,0,0,0.035) !important;
}

/* 1269: startsida – tiles i 3 kolumner med mellanrum (desktop), även inbäddat */
.td-card.td-card--flat.td-start-tiles-host{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  /* Elementor tenderar att sortera tiles i kolumner; för att få samma visuella ordning
     i inbäddat läge behöver vi fylla kolumner först (inte rader). */
  grid-auto-flow: column !important;
  grid-template-rows: repeat(3, auto) !important;
  gap: 16px !important;
  align-items: start;
}
.td-card.td-card--flat.td-start-tiles-host > a{
  display:block;
  margin:0 !important;
}
.td-card.td-card--flat.td-start-tiles-host > a > img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width: 782px){
  .td-card.td-card--flat.td-start-tiles-host{
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
  }
}


/* 1276: Mitt konto i ATVOF-ramen */
.td-account .woocommerce-MyAccount-navigation{ display:none !important; }
.td-account .woocommerce-MyAccount-content{ width:100% !important; float:none !important; }

/* 1277.1: startsida/dashboard – ta bort "ram" runt filterbaren (ska kännas mer som WP-native) */
.td-has-dashboard .td-filterbar{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* 1301: Hundfilter – ta bort "ful ram" och låt temat andas (mobilvänligt). */
.td-dogfilter{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  max-width: 260px;
  max-height: 92px;
  overflow: auto;
}



/* 2.6.5.9.8 – entries list title visibility + dashboard QA headings */
.td-entries-title--mobile{display:none !important;}
.td-entries-title--desktop{display:inline !important;}
@media (max-width:768px){
  .td-entries-title--desktop{display:none !important;}
  .td-entries-title--mobile{display:inline !important;}
}
.td-dash-card--qa .td-dash-title{margin:0 0 10px !important;font-size:1.1rem !important;line-height:1.3 !important;font-weight:700 !important;}


/* 2.6.5.9.9 – menu edge alignment + entries mobile title */
@media (max-width:768px){
  .td-topbar{
    grid-template-columns:40px minmax(0,1fr) 44px !important;
    padding-right:0 !important;
  }
  .td-topbar__slot--right{
    min-width:44px !important;
    width:44px !important;
    margin-right:-10px !important;
    padding-right:0 !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    overflow:visible !important;
  }
  .td-topbar__btn--menu{
    position:relative !important;
    right:-10px !important;
    transform:translateX(10px) !important;
    margin-right:0 !important;
  }
  .td-entries-title--desktop{display:none !important;}
  .td-entries-title--mobile{display:block !important;}
}

/* 2.7.0.9 – normalize edit/weekly editor spacing without inline margins */
.td-edit-section-card{margin:10px 0;}
.td-edit-section-card--lg{margin:12px 0;}
.td-edit-section-card--xl{margin:10px 0;}
.td-edit-section-card--padded{margin:12px 0;padding:14px 16px;}
.td-edit-section-card--flush{margin:0;}

.td-weekplan-editor__block{margin:0 0 10px 0;}
.td-weekplan-editor__block--suggestions{margin:10px 0 0 0;}
.td-weekplan-editor__list{margin:6px 0 0 18px;}
.td-weekplan-editor__list--suggested{margin:8px 0 0 18px;}
.td-weekplan-editor__list--passes{margin:0;padding-left:18px;}
.td-weekplan-editor__actions{margin:10px 0 0;}
.td-weekplan-editor__hint{margin:2px 0 0 0;}
.td-weekplan-editor__filters{margin:10px 0 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;}
.td-weekplan-editor__filter{display:flex;flex-direction:column;gap:2px;}
.td-weekplan-editor__filter-label{font-size:12px;}
.td-weekplan-editor__title--sub{margin:0 0 8px 0;}
.td-weekplan-editor__muted{margin:0;}
.td-ac-item__link{color:inherit;text-decoration:underline;}

/* 2.7.0.10 – final edit/view spacing + unit links */
.td-prefill-actions{margin:10px 0 0;}
.td-prefill-block{margin:12px 0;}
.td-weekplan-unit-link{text-decoration:underline;}
@media (max-width:768px){
  body.td-page .td-nav{margin:16px 0 8px !important;}
  body.td-page .td-main,
  body.td-page .td-content,
  body.td-page .td-content--help-single,
  body.td-page .td-content--courseware,
  body.td-page .td-main__body{margin-top:0 !important;}
  body.td-page .td-main__body > .td-card:first-child,
  body.td-page .td-content > .td-card:first-child,
  body.td-page .td-content--help-single > .td-card:first-child,
  body.td-page .td-content--courseware > .td-card:first-child{margin-top:8px !important;}
  body.td-page .td-content,
  body.td-page .td-content--help-single,
  body.td-page .td-content--courseware,
  body.td-page .td-main,
  body.td-page .td-nav{width:100% !important;max-width:none !important;box-sizing:border-box !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
  body.td-page .td-main--edit .td-main__body > .td-card > .td-edit-section-card,
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-inline-section,
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap{margin:12px 0 !important;}
  body.td-page .td-card--courseware.td-wpcw-shell{margin:8px 16px 16px !important;}
}

/* 2.7.0.11 – targeted edit/help/courseware spacing fixes */
body.td-page .td-main--edit .td-nav{
  margin-bottom:12px !important;
}
body.td-page .td-main--edit .td-main__body > .td-card:first-child{
  margin-top:0 !important;
}
body.td-page .td-main--edit .td-main__body > .td-card{
  margin-bottom:12px !important;
}
body.td-page .td-main--edit .td-main__body > .td-card:last-child{
  margin-bottom:0 !important;
}
body.td-page .td-main--edit .td-main__body > .td-card > form > label,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-inline-section,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
body.td-page .td-main--edit .td-main__body > .td-card > .td-edit-section-card{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  max-width:none !important;
}
body.td-page .td-main--edit .td-weekplan-editor__title,
body.td-page .td-main--edit .td-weekplan-add-wrap label,
body.td-page .td-main--edit .td-weekplan-editor__filter,
body.td-page .td-main--edit .td-weekplan-editor__hint,
body.td-page .td-main--edit .td-prefill-block,
body.td-page .td-main--edit .td-prefill-actions{
  margin-left:0 !important;
}
body.td-page .td-content--help-single,
body.td-page .td-content--courseware,
body.td-page .td-card--help-single,
body.td-page .td-card--courseware.td-wpcw-shell{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-page .td-card--help-single,
body.td-page .td-card--courseware.td-wpcw-shell{
  margin-left:0 !important;
  margin-right:0 !important;
}



/* 2.7.0.12 – regression fix for edit widths, selected exercise removal and help/courseware shell */
body.td-page .td-main--edit .td-main__body > .td-card > form > label,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-exercises-editor,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-page .td-main--edit .td-main__body > .td-card > form > label > input[type="text"],
body.td-page .td-main--edit .td-main__body > .td-card > form > label > input[type="date"],
body.td-page .td-main--edit .td-main__body > .td-card > form > label > select,
body.td-page .td-main--edit .td-main__body > .td-card > form > label > textarea,
body.td-page .td-main--edit .td-grid > label,
body.td-page .td-main--edit .td-grid > label > input,
body.td-page .td-main--edit .td-grid > label > select,
body.td-page .td-main--edit .td-grid > label > textarea{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-page .td-main--edit .td-card > form > .td-edit-section-card:first-of-type,
body.td-page .td-main--edit .td-card > form > label:first-of-type{
  margin-top:0 !important;
}
.td-wrap--help-single .td-content--help-single,
body.td-page .td-content--help-single,
.td-wrap--help-single .td-content--courseware,
body.td-page .td-content--courseware{
  padding-left:0 !important;
  padding-right:0 !important;
}
.td-wrap--help-single .td-card--help-single,
body.td-page .td-card--help-single,
body.td-page .td-card--courseware.td-wpcw-shell{
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (min-width:783px){
  body.td-page .td-nav--desktop,
  .td-wrap .td-nav--desktop,
  .td-wrap--help-single .td-nav--desktop{
    background:#f5f4f0 !important;
    border:1px solid rgba(0,0,0,.08) !important;
  }
  body.td-page .td-topbar,
  .td-wrap .td-topbar,
  .td-wrap--help-single .td-topbar{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.td-page .td-topbar__slot,
  .td-wrap .td-topbar__slot,
  .td-wrap--help-single .td-topbar__slot{
    min-width:40px !important;
  }
  body.td-page .td-topbar__slot--left,
  .td-wrap .td-topbar__slot--left,
  .td-wrap--help-single .td-topbar__slot--left{
    justify-content:flex-start !important;
  }
  body.td-page .td-topbar__slot--right,
  .td-wrap .td-topbar__slot--right,
  .td-wrap--help-single .td-topbar__slot--right{
    justify-content:flex-end !important;
    justify-self:end !important;
  }
}