/* =========================
   Theme/Elementor compat
   (begränsat till TD-sidor)
   ========================= */

/* Döljer tema-krom + sidrubrik/titel när TD kör i "app-läge". */
body.td-hide-theme-chrome header#site-header,
body.td-hide-theme-chrome .site-header,
body.td-hide-theme-chrome footer#site-footer,
body.td-hide-theme-chrome .site-footer,
body.td-hide-theme-chrome .elementor-location-header,
body.td-hide-theme-chrome .elementor-location-footer,
body.td-hide-theme-chrome .entry-header,
body.td-hide-theme-chrome .entry-title,
body.td-hide-theme-chrome h1.entry-title,
body.td-hide-theme-chrome .page-title,
body.td-hide-theme-chrome .elementor-page-title{
	display: none !important;
}

/* Stoppa Elementor-kolumnens ram + padding som kan ge "svart ram" runt TD. */
body.td-page .elementor-62472 .elementor-element.elementor-element-6eefefea > .elementor-element-populated{
	border-width: 0 !important;
	border-style: none !important;
}

/* Sänk H1-storleken på TD-sidor (tema/kit kan annars blåsa upp den). */
body.td-page .elementor-kit-59426 h1{
	font-size: 32px !important;
	line-height: 1.3em !important;
	margin-top: 5px !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;
}

/* 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;}
}


/* 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;}