/* 2.0.5 UI polish: less "kansli", more compact */
.td-wrap{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Legacy containers become lighter cards (less padding/radius) */
.td-box{background: var(--td-bg) !important;border: 1px solid rgba(0,0,0,0.06) !important;box-shadow: var(--td-shadow-sm) !important;border-radius: var(--td-radius-md) !important;padding: var(--td-space-4) !important;}

/* Post-it-styling styrs längre ner (ATVOF-tokens). */

/* Tables: reduce heavy lines and padding */
.td-table th,
.td-table td,
.td-items th,
.td-items td{
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 8px 10px !important;
}

/* Mobile: render table rows as compact cards */
@media (max-width: 767px){
  .td-table,
  .td-items{
    border-collapse: separate !important;
    border-spacing: 0 var(--td-space-2) !important;
  }
  .td-table thead,
  .td-items thead{
    display:none !important;
  }
  .td-table tr,
  .td-items tr{
    display:block !important;
    background: var(--td-bg) !important;
    box-shadow: var(--td-shadow-sm) !important;
    border-radius: var(--td-radius-sm) !important;
    padding: var(--td-space-2) var(--td-space-3) !important;
  }
  .td-table td,
  .td-items td{
    display:block !important;
    border-bottom: none !important;
    padding: 4px 0 !important;
  }
}

/* Buttons: only inside TD-sidor (body.td-page) styr vi radius. Undvik att påverka övriga Elementor/tema. */
body.td-page .td-wrap .button,
body.td-page .td-wrap button,
body.td-page .td-wrap input[type=submit]{
  border-radius: var(--td-radius-action, 16px) !important;
}

/* If td-page wrapper exists, avoid nested panels */
.td-page{
  background: transparent !important;
  padding: 0 !important;
}

/* Ensure theme doesn't re-add borders to cards */
.td-card{border:none !important;}



/* 2.0.8: mindre ramar + zebra-rader på tabeller */
.td-table{
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}
.td-table thead th{
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  background: transparent !important;
}
.td-table tbody td{
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.td-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.035) !important;
}

/* Mobile: ingen ful ytterram runt tabeller */
@media (max-width: 782px){
  .td-table thead{display:none;}
  .td-table, .td-table tbody, .td-table tr, .td-table td{display:block;width:100%;}
  .td-table tr{
    background: var(--td-bg) !important;
    box-shadow: var(--td-shadow-sm) !important;
    border-radius: var(--td-radius-md) !important;
    margin: 0 0 var(--td-space-3) 0 !important;
    padding: var(--td-space-3) !important;
  }
  .td-table tbody td{
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 6px 0 !important;
  }
  .td-table tbody td:last-child{border-bottom:0 !important;}

  /* 1077.2: När tabellen renderas som cards på mobil ska actions alltid ligga snyggt och konsekvent. */
  .td-table td.td-actions-cell{
    display:flex !important;
    justify-content:flex-end;
    gap:8px;
    padding-top:10px !important;
    border-bottom:0 !important;
  }
  .td-table td.td-actions-cell .td-icon-btn{margin:0 !important;}

  /* Badges: lite luft så titel inte klibbar mot pillen. */
  .td-table .td-badge{margin:0 6px 6px 0;}
}

/* 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;
    padding: 0 !important;
  }
}

/* Skapa ny anteckning: inga extra ramar och tightare layout */
.td-create-picker.td-card--flat{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !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;
  padding: 0 !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;
}

/* 1165: TD-sidor – dölj sidfot (men behåll sidans header/headerbild) */
body.td-page.td-hide-theme-chrome footer#colophon,
body.td-page.td-hide-theme-chrome footer.site-footer,
body.td-page.td-hide-theme-chrome .site-footer,
body.td-page.td-hide-theme-chrome .elementor-location-footer{
  display:none !important;
}

/* 1199: Elementor-sticky kan lämna en "spacer" som ger tom yta när headern döljs */
body.td-page.td-hide-theme-chrome .elementor-sticky__spacer,
body.td-page.td-hide-theme-chrome .elementor-header-sticky__spacer,
body.td-page.td-hide-theme-chrome .elementor-location-header + .elementor-sticky__spacer{
  display:none !important;
  height:0 !important;
}

/* 1199: Nolla temats top-padding/margins när vi kör app-läge */
body.td-page.td-hide-theme-chrome #page,
body.td-page.td-hide-theme-chrome .site,
body.td-page.td-hide-theme-chrome .site-content,
body.td-page.td-hide-theme-chrome #content,
body.td-page.td-hide-theme-chrome .content-area,
body.td-page.td-hide-theme-chrome .elementor-page,
body.td-page.td-hide-theme-chrome .elementor-page .site-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* 1288: Ta bort temats "ram"/kort runt innehållet i app-läge (mobil + desktop) */
body.td-page.td-hide-theme-chrome .ast-container,
body.td-page.td-hide-theme-chrome .ast-container-fluid,
body.td-page.td-hide-theme-chrome .ast-separate-container .ast-article-post,
body.td-page.td-hide-theme-chrome .ast-separate-container .ast-article-single,
body.td-page.td-hide-theme-chrome .ast-separate-container .ast-article-single + .ast-single-related-posts-container,
body.td-page.td-hide-theme-chrome .ast-separate-container .ast-author-box,
body.td-page.td-hide-theme-chrome .ast-separate-container .comments-area,
body.td-page.td-hide-theme-chrome .ast-page-builder-template .site-content,
body.td-page.td-hide-theme-chrome .site-content,
body.td-page.td-hide-theme-chrome .content-area,
body.td-page.td-hide-theme-chrome .site-main{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.td-page.td-hide-theme-chrome .ast-container,
body.td-page.td-hide-theme-chrome .ast-container-fluid,
body.td-page.td-hide-theme-chrome .site-content,
body.td-page.td-hide-theme-chrome .site-main{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 1288: Astras "separate container" lägger ofta en grå bakgrund + centrerat kort.
   I TD-appen vill vi ha edge-to-edge utan ram. */
body.td-page.td-hide-theme-chrome.ast-separate-container,
body.td-page.td-hide-theme-chrome.ast-separate-container #page,
body.td-page.td-hide-theme-chrome.ast-separate-container .site-content{
  background: transparent !important;
}

body.td-page.td-hide-theme-chrome .ast-container,
body.td-page.td-hide-theme-chrome .ast-container-fluid{
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.td-page.td-hide-theme-chrome.ast-separate-container .site-content > .ast-container,
body.td-page.td-hide-theme-chrome.ast-separate-container .site-content .ast-container,
body.td-page.td-hide-theme-chrome.ast-separate-container .site-content{
  padding: 0 16px !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.td-page.td-hide-theme-chrome.ast-separate-container .ast-article-single,
body.td-page.td-hide-theme-chrome.ast-separate-container .ast-article-post,
body.td-page.td-hide-theme-chrome.ast-separate-container .ast-article-single .entry-content{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 1199: Elementor Pro kan wrap:a footer i data-elementor-type */
body.td-page.td-hide-theme-chrome [data-elementor-type="footer"]{
  display:none !important;
}

body.td-page.td-hide-theme-chrome .entry-header,
body.td-page.td-hide-theme-chrome .entry-title,
body.td-page.td-hide-theme-chrome .ast-page-title-bar{
  display:none !important;
}

/* App/Help/Share – dölj sajtens chrome när td-hide-theme-chrome finns */
body.td-hide-theme-chrome footer#colophon,
body.td-hide-theme-chrome footer.site-footer,
body.td-hide-theme-chrome .site-footer,
body.td-hide-theme-chrome .elementor-location-footer,
body.td-hide-theme-chrome [data-elementor-type="footer"]{
  display:none !important;
}

/* Help/Share – dölj sidrubrik/banner så innehållet känns som en "app"-vy */
body.single-td_help.td-hide-theme-chrome .entry-header,
body.single-td_help.td-hide-theme-chrome .entry-title,
body.single-td_help.td-hide-theme-chrome .ast-page-title-bar,
body.td-share-single.td-hide-theme-chrome .entry-header,
body.td-share-single.td-hide-theme-chrome .entry-title,
body.td-share-single.td-hide-theme-chrome .ast-page-title-bar{
  display:none !important;
}

/* 1302: Hjälp – visa primära actions även om td-page-regler normalt döljer dem */
body.single-td_help #td-nav .td-actions--primary{
  display:flex !important;
}

/* 1302: Hjälp – meny fallback när temat kringgår the_content.
   Ligger i wp_body_open och måste därför själv få rimlig bredd/placering. */
body.single-td_help .td-help-bodyopen-menu{
  position: relative;
  z-index: 50;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;
}

/* 1199/1203: När vi kör "app-läge" ska även sidobar/widgets bort (Astra/Elementor) */
body.td-page.td-hide-theme-chrome #secondary,
body.td-page.td-hide-theme-chrome .sidebar,
body.td-page.td-hide-theme-chrome .sidebar-main,
body.td-page.td-hide-theme-chrome .widget-area,
body.td-page.td-hide-theme-chrome .ast-sidebar-wrapper{
  display:none !important;
}

/* 1199: Desktop – om någon wizard-navigering råkar injiceras ska den aldrig synas */
@media (min-width: 783px){
  body.td-view-edit .td-wizard-nav,
  body.td-view-form .td-wizard-nav,
  body.td-view-edit .td-weekplan-mode-toggle,
  body.td-view-form .td-weekplan-mode-toggle{
    display:none !important;
  }
}


/* 1156: Jämför (mobil) – rendera som kort per fråga/moment (ingen horisontell scroll) */
.td-compare-cards{ display:none; }
.td-compare-controls{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.td-filterbar.td-compare-controls{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }

@media (max-width: 782px){
  .td-compare-cards{ display:block; }

  .td-compare-card{ padding: 12px; }
  .td-compare-card__title{ font-weight: 700; margin-bottom: 10px; }
  .td-compare-card__row{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding: 10px;
    border-top: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
  }
  .td-compare-card__row:first-child{ border-top: 0; }
  .td-compare-card__row:nth-child(even){ background: var(--td-bg-muted); }
  .td-compare-card__date{
    min-width: 92px;
    font-size: 12px;
    line-height: 1.2;
    opacity: 0.75;
  }
  .td-compare-card__answer{
    flex:1;
    font-size: 14px;
    line-height: 1.35;
  }
  .td-compare-card__date a{ text-decoration:none; }
}

/* 1189: Startsidan – säkerställ att temat inte "capitalizar" KPI-texten */
.td-dash-kpis .td-muted{ text-transform: none !important; }

/* 1196: Mobil – dölj WP adminbar så appen får full höjd */
@media (max-width: 782px){
  #wpadminbar{ display:none !important; }
  html{ margin-top: 0 !important; }
  body.admin-bar{ margin-top: 0 !important; }
}

/* 1199: Veckoplanering – redigeringsläge på desktop ska se ut som appen (stabil container + luft). */
@media (min-width: 783px){
  body.td-page.td-view-edit .td-wrap{
    max-width: 920px;
    margin: 0 auto;
    padding: 16px 12px !important;
  }
  body.td-page.td-view-edit .td-card{
    box-shadow: var(--td-shadow-sm) !important;
    border-radius: var(--td-radius-lg) !important;
    background: var(--td-bg) !important;
  }
}


/* 1202/1204: WP Courseware course_unit i TD-app
   - behåll sajtens header
   - ge luft/padding i själva innehållet
   - dölj "Relaterade"-sektionen (tema) */
body.td-wpcw-unit .td-wrap.td-wpcw-unit{padding:12px;}
body.td-wpcw-unit .td-wpcw-unit__content{padding:12px 14px;}
body.td-wpcw-unit .ast-related-posts,
body.td-wpcw-unit .related,
body.td-wpcw-unit .astra-related-posts,
body.td-wpcw-unit .ast-related,
body.td-wpcw-unit .ast-related-posts-container{display:none !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;
  padding: 0 !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;
  padding: 0 !important;
  max-width: 260px;
  max-height: 92px;
  overflow: auto;
}


/* =========================================================
   Träningsdagbok – UI-polish för att matcha ATVOF-mockup
   Fokus: luft, mjuka ytor, zebra istället för hårda linjer,
   post-it som lugn markering, 16px radius på action-knappar.
   ========================================================= */

/* Root + design tokens */
.traningsdagbok,
.td-page{
  --td-text: #1F1F1F;
  --td-text-muted: #6B6B6B;
  --td-bg: #F6F4F1;
  --td-surface: #FFFFFF;
  --td-surface-soft: #EFE9E3;
  --td-border: #DDD6CF;
  --td-accent: #C65A1E;
  --td-accent-hover: #A94D19;
  --td-zebra: #F2EEE9;
  --td-radius-cta:5px;
  --td-radius-action:5px;
  --td-card-pad: 24px;
  --td-card-pad-mobile: 16px;
  color: var(--td-text);
  box-sizing: border-box;
  overflow-x: hidden; /* fångar breddspill utan att skapa ”ful remsa” */
}

.traningsdagbok *,
.td-page *{
  box-sizing: border-box;
}

/* Container: symmetrisk luft + maxbredd */
.traningsdagbok .td-wrap,
.td-page .td-wrap{
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 768px){
  .traningsdagbok .td-wrap,
  .td-page .td-wrap{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Kort/paneler: konsekvent padding */
.traningsdagbok .td-card,
.traningsdagbok .td-panel,
.traningsdagbok .td-box,
.traningsdagbok .td-section,
.traningsdagbok .td-widget,
.td-page .td-card,
.td-page .td-panel,
.td-page .td-box,
.td-page .td-section,
.td-page .td-widget{
  background: var(--td-surface);
  border-radius: var(--td-radius-cta);
  padding: var(--td-card-pad);
}

@media (max-width: 768px){
  .traningsdagbok .td-card,
  .traningsdagbok .td-panel,
  .traningsdagbok .td-box,
  .traningsdagbok .td-section,
  .traningsdagbok .td-widget,
  .td-page .td-card,
  .td-page .td-panel,
  .td-page .td-box,
  .td-page .td-section,
  .td-page .td-widget{
    padding: var(--td-card-pad-mobile);
  }
}

/* Post-it: ”Viktigast just nu” */
.traningsdagbok .td-postit,
.traningsdagbok .td-important-now,
.traningsdagbok .td-highlight-note,
.td-page .td-postit,
.td-page .td-important-now,
.td-page .td-highlight-note{
  background: #fefaf1;
  border: 1px solid #efe7d6;
  border-radius: var(--td-radius-action);
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Tabeller/listor: zebra-ränder, minimalt med borders */
.traningsdagbok table,
.td-page table{
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.traningsdagbok table th,
.traningsdagbok table td,
.td-page table th,
.td-page table td{
  padding: 12px 14px;
  vertical-align: middle;
  border: 0 !important;
}

.traningsdagbok table tbody tr:nth-child(even),
.td-page table tbody tr:nth-child(even){
  background-color: var(--td-zebra);
}

.traningsdagbok table tbody tr,
.td-page table tbody tr{
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.04);
}

/* Filterbar / formulär: ingen ram */
.td-wrap .td-filterbar,
.td-wrap form.td-form{
  border: 0 !important;
}

/* Inputs: mjukare */
.traningsdagbok input[type="text"],
.traningsdagbok input[type="search"],
.traningsdagbok select,
.traningsdagbok textarea,
.td-page input[type="text"],
.td-page input[type="search"],
.td-page select,
.td-page textarea{
  border-radius: 12px;
  border: 1px solid var(--td-border);
  background: var(--td-surface);
  padding: 10px 12px;
}

.traningsdagbok input[type="text"]:focus,
.traningsdagbok input[type="search"]:focus,
.traningsdagbok select:focus,
.traningsdagbok textarea:focus,
.td-page input[type="text"]:focus,
.td-page input[type="search"]:focus,
.td-page select:focus,
.td-page textarea:focus{
  outline: 2px solid rgba(198,90,30,0.25);
  outline-offset: 2px;
}

/* Knappar i TD: 16px radie (globala CTA hanteras via tema/CTA-regel) */
.traningsdagbok button,
.traningsdagbok .button,
.traningsdagbok a.button,
.traningsdagbok .elementor-button,
.td-page button,
.td-page .button,
.td-page a.button,
.td-page .elementor-button{
  border-radius: var(--td-radius-action) !important;
}

/* Bilder/tabeller ska aldrig spilla ut */
.traningsdagbok img,
.traningsdagbok table,
.td-page img,
.td-page table{
  max-width: 100%;
}


/* =========================================================
   WooCommerce – ATVOF cleanup (sitewide)
   ========================================================= */

/* Stoppa “Title Case” / text-transform: capitalize */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6,
.woocommerce .product_title,
.woocommerce .woocommerce-products-header__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2{
  text-transform: none;
}

.traningsdagbok .woocommerce a.button,
.traningsdagbok .woocommerce button.button,
.traningsdagbok .woocommerce input.button,
.traningsdagbok .woocommerce button.single_add_to_cart_button,
.traningsdagbok .woocommerce a.checkout-button,
.td-page .woocommerce a.button,
.td-page .woocommerce button.button,
.td-page .woocommerce input.button,
.td-page .woocommerce button.single_add_to_cart_button,
.td-page .woocommerce a.checkout-button{
  text-transform: none;
}

/* Produktsidan: Tabs */
.woocommerce div.product .woocommerce-tabs{
  background: transparent;
  border: 0;
  margin-top: 24px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin: 0 0 16px 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border: 0;
  background: transparent;
  margin: 0 8px 0 0;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display: inline-block;
  padding: 10px 14px;
  border-radius: 16px;
  color: #1F1F1F;
  background: #EFE9E3;
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

.woocommerce div.product .woocommerce-tabs .panel{
  background: #FFFFFF;
  border-radius: 24px;
  padding: 24px;
  border: 1px solid #DDD6CF;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3{
  margin-top: 0;
  margin-bottom: 12px;
  text-transform: none;
}

/* Woo-knappar (ATVOF-stil) – endast i TD-skal */
.traningsdagbok .woocommerce a.button,
.traningsdagbok .woocommerce button.button,
.traningsdagbok .woocommerce input.button,
.traningsdagbok .woocommerce #respond input#submit,
.traningsdagbok .woocommerce a.add_to_cart_button,
.traningsdagbok .woocommerce button.single_add_to_cart_button,
.traningsdagbok .woocommerce a.checkout-button,
.td-page .woocommerce a.button,
.td-page .woocommerce button.button,
.td-page .woocommerce input.button,
.td-page .woocommerce #respond input#submit,
.td-page .woocommerce a.add_to_cart_button,
.td-page .woocommerce button.single_add_to_cart_button,
.td-page .woocommerce a.checkout-button{
  border-radius: var(--td-radius-action);
  padding: 14px 28px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.3px;
  background: #C65A1E;
  color: #FFFFFF;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

.traningsdagbok .woocommerce a.button:hover,
.traningsdagbok .woocommerce button.button:hover,
.traningsdagbok .woocommerce input.button:hover,
.traningsdagbok .woocommerce #respond input#submit:hover,
.traningsdagbok .woocommerce a.add_to_cart_button:hover,
.traningsdagbok .woocommerce button.single_add_to_cart_button:hover,
.traningsdagbok .woocommerce a.checkout-button:hover,
.td-page .woocommerce a.button:hover,
.td-page .woocommerce button.button:hover,
.td-page .woocommerce input.button:hover,
.td-page .woocommerce #respond input#submit:hover,
.td-page .woocommerce a.add_to_cart_button:hover,
.td-page .woocommerce button.single_add_to_cart_button:hover,
.td-page .woocommerce a.checkout-button:hover{
  background: #A94D19;
  color: #FFFFFF;
}

.traningsdagbok .woocommerce a.button.alt,
.traningsdagbok .woocommerce button.button.alt,
.traningsdagbok .woocommerce input.button.alt,
.td-page .woocommerce a.button.alt,
.td-page .woocommerce button.button.alt,
.td-page .woocommerce input.button.alt{
  background: transparent;
  color: #C65A1E;
  border: 2px solid #C65A1E;
}

.traningsdagbok .woocommerce a.button.alt:hover,
.traningsdagbok .woocommerce button.button.alt:hover,
.traningsdagbok .woocommerce input.button.alt:hover,
.td-page .woocommerce a.button.alt:hover,
.td-page .woocommerce button.button.alt:hover,
.td-page .woocommerce input.button.alt:hover{
  background: #C65A1E;
  color: #FFFFFF;
}

.woocommerce .product_meta,
.woocommerce div.product form.cart{
  border: 0;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: #1F1F1F;
}


/* =========================================================
   Träningsdagbok – ATVOF-mockup (styrande overrides)
   Lämnas sist i filen för att vinna över tidigare regler.
   ========================================================= */

/* Root-variabler enligt mockup */
.traningsdagbok.td-page,
.traningsdagbok{
  --td-text: #1F1F1F;
  --td-text-muted: #6B6B6B;

  --td-bg: #F6F4F1;
  --td-surface: #FFFFFF;
  --td-surface-soft: #EFE9E3;
  --td-border: #DDD6CF;

  --td-accent: #C65A1E;
  --td-accent-hover: #A94D19;

  --td-zebra: #F2EEE9;

  --td-radius-cta:5px;
  --td-radius-action:5px;
  --td-card-pad: 24px;
  --td-card-pad-mobile: 16px;
}

/* Ta bort "död yta" och gör symmetrisk container */
.traningsdagbok.td-page{overflow-x:hidden;box-sizing:border-box;}
.traningsdagbok.td-page *{box-sizing:border-box;}

.traningsdagbok.td-page .td-container{
  max-width:1140px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

@media (max-width:768px){
  .traningsdagbok.td-page .td-container{padding-left:16px;padding-right:16px;}
}

.td-plan-this-week{margin:0 0 16px;}
/* Planera: undvik td-section-padding som gör inner-korten smalare än rubrikerna */
.td-plan-this-week{background:transparent !important;padding:0 !important;border-radius:0 !important;}

/* Kort/paneler: konsekvent luft */
.traningsdagbok.td-page .td-card,
.traningsdagbok.td-page .td-panel,
.traningsdagbok.td-page .td-box,
.traningsdagbok.td-page .td-section,
.traningsdagbok.td-page .td-widget{
  background: var(--td-surface);
  border-radius: var(--td-radius-cta);
  padding: var(--td-card-pad);
}

@media (max-width:768px){
  .traningsdagbok.td-page .td-card,
  .traningsdagbok.td-page .td-panel,
  .traningsdagbok.td-page .td-box,
  .traningsdagbok.td-page .td-section,
  .traningsdagbok.td-page .td-widget{padding: var(--td-card-pad-mobile);}  
}

/* Post-it (Viktigast just nu) */
.traningsdagbok.td-page .td-postit,
.traningsdagbok.td-page .td-important-now,
.traningsdagbok.td-page .td-highlight-note{
  background:#FFF6CC !important;
  border:1px solid #E6D8A8 !important;
  color:#1F1F1F;
  border-radius: var(--td-radius-action) !important;
  padding: var(--td-card-pad);
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

@media (max-width:768px){
  .traningsdagbok.td-page .td-postit,
  .traningsdagbok.td-page .td-important-now,
  .traningsdagbok.td-page .td-highlight-note{padding: var(--td-card-pad-mobile);}  
}

/* Tabeller: zebra istället för hårda linjer */
.traningsdagbok.td-page table,
.traningsdagbok.td-page table th,
.traningsdagbok.td-page table td{border:0 !important;}

.traningsdagbok.td-page table{border-collapse:separate;border-spacing:0;width:100%;}
.traningsdagbok.td-page table th,
.traningsdagbok.td-page table td{padding:12px 14px;vertical-align:middle;}
.traningsdagbok.td-page table tbody tr:nth-child(even){background-color:var(--td-zebra);}
.traningsdagbok.td-page table tbody tr{box-shadow: inset 0 -1px 0 rgba(0,0,0,0.04);}

/* Inputs */
.traningsdagbok.td-page input[type="text"],
.traningsdagbok.td-page input[type="search"],
.traningsdagbok.td-page select,
.traningsdagbok.td-page textarea{
  border-radius:12px;
  border:1px solid var(--td-border);
  background:var(--td-surface);
  padding:10px 12px;
}

.traningsdagbok.td-page input[type="text"]:focus,
.traningsdagbok.td-page input[type="search"]:focus,
.traningsdagbok.td-page select:focus,
.traningsdagbok.td-page textarea:focus{
  outline:2px solid rgba(198,90,30,0.25);
  outline-offset:2px;
}

/* Action-knappar i TD ska vara 16px */
.traningsdagbok.td-page button,
.traningsdagbok.td-page .button,
.traningsdagbok.td-page a.button,
.traningsdagbok.td-page .elementor-button,
.traningsdagbok.td-page .td-action-button,
.traningsdagbok.td-page .td-icon-button{border-radius:var(--td-radius-action) !important;}

/* Fix: grå "ram" (filter/form-paneler) – ska inte ha border */
.traningsdagbok.td-page .td-wrap .td-filterbar,
.traningsdagbok.td-page .td-wrap form.td-form{
  border:0 !important;
}

/* Fix: breddspill som skapar ojämna kanter */
.traningsdagbok.td-page img,
.traningsdagbok.td-page table{max-width:100%;}


/* 1333/1351: Förbättringsförslag – pyjamasränder som i listvy (varannan rad = egen bakgrund) */
.td-suggestions-cards{display:block;margin-top:12px;}
.td-suggestions-cards .td-card--suggestion{margin:0 !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;padding:12px 14px !important;}
.td-suggestions-cards .td-card--suggestion:nth-child(even){background:rgba(0,0,0,0.04) !important;}
.td-suggestions-cards .td-card--suggestion:first-child{border-top-left-radius:10px !important;border-top-right-radius:10px !important;}
.td-suggestions-cards .td-card--suggestion:last-child{border-bottom-left-radius:10px !important;border-bottom-right-radius:10px !important;}

/* 1343: Q&A – pyjamasränder för "Mina frågor" (samma beteende som förbättringsförslag). */
.td-qa-cards{display:block;margin-top:12px;}
.td-qa-cards .td-card--qa{margin:0 !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;padding:12px 14px !important;}
.td-qa-cards .td-card--qa:nth-child(even){background:rgba(0,0,0,0.04) !important;}
.td-qa-cards .td-card--qa:first-child{border-top-left-radius:10px !important;border-top-right-radius:10px !important;}
.td-qa-cards .td-card--qa:last-child{border-bottom-left-radius:10px !important;border-bottom-right-radius:10px !important;}
.td-card--suggestion .td-card__meta{margin-top:6px;font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.td-card--suggestion .td-card__sep{opacity:.6;margin:0 4px;}
.td-card--suggestion .td-card__desc{margin-top:10px;white-space:pre-wrap;}

/* 1336: Delningsstatus-ikoner i listvy – gör status + kopiera identiska (ingen ram/bakgrund) */
.td-share-meta .td-icon-btn{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:auto !important;
  min-height:auto !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
}
.td-share-meta .dashicons{font-size:18px;line-height:1;}

/* Enhetlig sidrubrik/struktur (vyer) */
.td-main { display: block; }
.td-main__header { margin: 16px 0 12px; }
.td-main__title { margin: 0; font-size: 22px; line-height: 1.2; }
.td-main__body { display: block; }


/* 1457: jämna ut vertikala avstånd mellan kort på Träna/Utvärdera/Planera */
.td-train-v1 .td-card,
.td-eval-v1 .td-card,
.td-plan-v1 .td-card{
  margin-top:10px !important;
  margin-bottom:10px !important;
}



/* Planera: kort ska linjera med rubriker (inga extra sidopaddings på wrappers) */
.td-plan-v1 .td-section{padding-left:0 !important;padding-right:0 !important;}
.td-plan-v1 .td-card{width:100% !important;max-width:none !important;box-sizing:border-box;}

/* Spacing: standardisera avstånd mellan toppkort på Träna/Utvärdera/Planera */
.td-plan-v1 > .td-card,
.td-train-v1 > .td-card,
.td-eval-v1 > .td-card{margin-top:16px !important;margin-bottom:16px !important;}


/* Planera: sektion-stack utan extra indrag och med jämna mellanrum */
.td-plan-section{margin:16px 0 !important;padding:0 !important;}
.td-plan-v1 .td-plan-this-week{margin:0 !important;padding:0 !important;}
.td-plan-v1 .td-plan-this-week > .td-card{margin:16px 0 !important;}

.td-plan-v1 .td-section--plan{margin:0 !important;padding:0 !important;max-width:none !important;}

/* Mallar: se till att dashicons inte blir nedärvt osynligt */
.td-create-item-actions .td-icon-btn{color:var(--td-primary) !important;}



.td-create-item-actions{
  display:grid !important;
  grid-template-columns: 40px 40px !important;
  gap:8px !important;
  justify-content:end !important;
  align-items:center !important;
}




/* Mallar: radlayout (titel + actions) – ersätter td-row (flex) för stabilt grid */
.td-create-picker .td-create-item-row{
  display:grid !important;
  grid-template-columns: 1fr 96px !important;
  align-items:center !important;
  gap:12px !important;
}

/* Mallar: actions i två fasta kolumner (pdf + skapa) */
.td-create-picker .td-create-item-actions{
  display:grid !important;
  grid-template-columns: 44px 44px !important;
  gap:8px !important;
  justify-content:end !important;
  align-items:center !important;
}

/* Ikonknappar: samma storlek och centrerad ikon */
.td-create-picker .td-icon-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  line-height:1 !important;
}




/* Mallar (desktop): om td-row (flex) ändå ligger kvar, tvinga grid med högre specificitet */
.td-create-picker .td-row.td-create-item-row{
  display:grid !important;
  grid-template-columns: 1fr 96px !important;
  align-items:center !important;
  gap:12px !important;
}



/* Mallar: tvinga actions till högerkant även om row blir flex av tema */
.td-create-picker .td-create-item-row{justify-content:space-between !important;}