/* 1196: Dölj adminbar på mobil (frontend) */
@media (max-width: 782px){
  #wpadminbar{display:none !important;}
  html{margin-top:0 !important;}
  body.admin-bar{margin-top:0 !important;}
}


/* 1247 FINAL: right-aligned icon column with spacing */
.td-template-row{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  align-items:center;
  gap:8px;
  padding:4px 0;
}
.td-template-actions{
  display:flex !important;
  justify-content:flex-end !important;
  min-width:84px;
  gap:10px;
}
.td-template-actions a,
.td-template-actions button{
  background:none !important;
  border:0 !important;
  padding:2px !important;
}
.td-template-actions .label{display:none !important;}


/* 1302: Hjälp – sökform (luft mellan fält och knappar). */
.td-help-search-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;}

.td-help-search-field{flex:1;min-width:220px;max-width:520px;}

.td-help-search-actions .td-help-search-btn{margin-top:10px !important;}


/* =========================================================
   ATVOF – UI polish (frontend)
   Fokus: luft, mjuka ytor, zebra istället för hårda linjer,
   post-it som lugn markering, 16px radius på action-knappar.
   Samt fix för "grå ram" runt filterbar/form.
   ========================================================= */

/* ---- Färg- och formvariabler (begränsat till TD-sidor) ---- */
body.td-page{
  --td-text:#1F1F1F;
  --td-muted:#6B6B6B;

  /* Sidan (beige), kort (vitt) */
  --td-page-bg:#F6F4F1;
  --td-bg:#FFFFFF;
  --td-surface-soft:#EFE9E3;
  --td-border:#DDD6CF;

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

  --td-zebra:#F2EEE9;

  /* CTA i ATVOF-designen ska vara mjukt rundad men inte "pill" på mobil. */
  --td-radius-cta:5px;
  --td-radius-action:5px;
}

/* ---- Grund: sida + container ---- */
body.td-page{color:var(--td-text);background:var(--td-page-bg);}

/* Login-sidan: dölj WooCommerce "visa lösenord"-knappen (blir annars en extra pill-knapp på mobil). */
body.td-login-page .woocommerce .password-input .show-password-input{display:none !important;}

.traningsdagbok.td-page{width:100%;}
.traningsdagbok.td-page .td-container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
@media (max-width:768px){
  .traningsdagbok.td-page .td-container{padding:0 16px;}
}

.traningsdagbok.td-page .td-wrap{width:100%;box-sizing:border-box;}

/* ---- Rubrikrytm ---- */
.td-wrap h1,.td-wrap h2,.td-wrap h3,.td-wrap h4{color:var(--td-text);margin-top:0;}
.td-wrap h2,.td-wrap h3{margin-bottom:12px;}
.td-wrap p{margin:0 0 1.2em 0;}

/* ---- Knappar: designregel CTA=24px, mindre actions=16px ---- */
.traningsdagbok.td-page .td-wrap button,
.traningsdagbok.td-page .td-wrap .button,
.traningsdagbok.td-page .td-wrap a.button{
  border-radius:var(--td-radius-action) !important;
}

.traningsdagbok.td-page .td-wrap button.button-primary,
.traningsdagbok.td-page .td-wrap .button.button-primary,
.traningsdagbok.td-page .td-wrap a.button.button-primary,
.traningsdagbok.td-page .td-wrap button.wp-element-button,
.traningsdagbok.td-page .td-wrap a.wp-element-button{
  border-radius:var(--td-radius-cta) !important;
}

/* ---- Post-it / viktig information ---- */
.traningsdagbok.td-page .td-wrap .td-postit{
  background:#fdf4dc !important;
  border:1px solid #efe7d6 !important;
  border-radius:5px !important;
}

/* ---- Tabeller/listor: bort med hårda linjer, använd zebra ---- */
.td-wrap table{border-collapse:separate;border-spacing:0;width:100%;}
.td-wrap table th,.td-wrap table td{padding:12px 14px;vertical-align:middle;}
.td-wrap table,.td-wrap table th,.td-wrap table td{border:0 !important;}
.td-wrap table tbody tr:nth-child(even){background-color:var(--td-zebra);}
.td-wrap table tbody tr{box-shadow:inset 0 -1px 0 rgba(0,0,0,0.04);}

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

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

/* ---- Länkar ---- */
.td-wrap a{color:var(--td-primary);text-decoration:none;}
.td-wrap a:hover{color:var(--td-primary-hover);text-decoration:underline;text-underline-offset:2px;}

/* ---- Små metadata ---- */
.td-wrap .td-muted,
.td-wrap .meta,
.td-wrap small{color:var(--td-muted);}

/* ---- Avstånd mellan block ---- */
.td-wrap .td-card + .td-card{margin-top:16px;}

.td-wrap *{box-sizing:border-box;}
body.td-page{overflow-x:hidden;}
.td-wrap img,.td-wrap table{max-width:100%;}

/* ---- Fix: den grå ramen runt filterbar/form ska bort helt ---- */
.td-wrap .td-filterbar,
.td-wrap form.td-form{
  border:0 !important;
  box-shadow:none !important;
}

/* =========================================================
   1317.A – Visuellt: slå ihop topbar och första kortet (samma bakgrund)
   ========================================================= */

/* Topbar i td-core har glas/blur. Här vill vi ha samma yta som kortet under. */
.td-wrap .td-topbar{
  background: var(--td-bg) !important;
  backdrop-filter: none !important;
}

/* =========================================================
   TD Sharing – modal
   ========================================================= */

.td-share-modal{position:fixed;inset:0;z-index:99999;display:none;}
.td-share-modal[aria-hidden="false"]{display:block;}
.td-share-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45);}
.td-share-modal__dialog{position:relative;max-width:560px;margin:8vh auto 0;}
@media (max-width:768px){.td-share-modal__dialog{margin:6vh 16px 0;}}
.td-share-modal__panel{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,0.25);}
.td-share-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.td-share-modal__title{font-weight:700;}
.td-share-modal__close{border:0;background:transparent;cursor:pointer;padding:6px;border-radius:12px;}
.td-share-modal__close:hover{background:rgba(0,0,0,0.06);}
.td-share-modal__body .td-share-actions{margin:0;}

.td-share-status{display:flex;align-items:center;gap:8px;margin-top:6px;}
.td-share-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,0.06);}
/* OBS: td-share-copy används i listor som ikonknapp (td-icon-btn). Modalens kopiera-knapp stylas via .td-share__copy. */

/* 1318: Kopiera-/ta-bort-knappar i delningsrutan ska synas tydligt även på vit bakgrund */
.td-share__copy.button{
  background:rgba(198,90,30,0.08);
  border:1px solid rgba(198,90,30,0.25);
  box-shadow:none;
  color:var(--td-primary);
}
.td-share__copy.button:hover{background:rgba(198,90,30,0.14);}
.td-share__remove.button{background:rgba(179,45,46,0.08);border:0;box-shadow:none;color:#b32d2e;}
.td-share__remove.button:hover{background:rgba(179,45,46,0.12);}

/* =========================================================
   Kalender (My Calendar) – enklare visuell polish
   ========================================================= */

.td-calendar #my-calendar,
.td-calendar .mc-main{
  font-size:14px;
}

.td-calendar table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
}

.td-calendar table th,
.td-calendar table td{
  border:0 !important;
  padding:10px 10px;
}

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

.td-calendar .mc-main caption,
.td-calendar .mc-main h2,
.td-calendar .mc-main h3{
  margin:0 0 10px;
}

.td-calendar .mc-main .mc_date,
.td-calendar .mc-main .mc-time{
  color:var(--td-muted);
}

.td-calendar a{
  color:var(--td-primary);
}


/* 1364: Träna v1 – sektioner */
.td-train-v1 .td-train-section{margin-bottom:12px;}
.td-train-list{display:flex;flex-direction:column;gap:8px;}
.td-train-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.td-train-row__meta{min-width:0;flex:1;}
.td-train-row__meta a{text-decoration:none;}
.td-train-row__meta a:hover{text-decoration:underline;}
.td-train-row__actions{flex:0 0 auto;display:flex;align-items:center;gap:8px;}

/* Träna: footer under "Senaste pass" (CTA längst ner). */
.td-train-recent__footer{margin-top:10px;}

@media (max-width: 480px){
  .td-train-row{flex-direction:column;align-items:stretch;}
  .td-train-row__actions{justify-content:flex-start;}
}


/* 1365: Utvärdera v1 (veckohistorik + jämför) */
.td-week-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.td-week-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  text-decoration:none;
  font-size:13px;
  line-height:1.2;
}
.td-week-chip.is-active{
  border-color: rgba(0,0,0,.35);
  font-weight:600;
}
.td-compare-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
@media (max-width: 480px){
  .td-compare-grid{ grid-template-columns: 1fr; }
}
.td-compare-result__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.td-compare-num{
  font-size:28px;
  font-weight:700;
  line-height:1.1;
}
.td-compact-list{
  list-style:none;
  padding:0;
  margin:0;
}
.td-compact-list__item{
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.08);
}
.td-compact-list__item:first-child{ border-top:0; padding-top:0; }

/* 1367: Dashboard/Hem – ny ordning (utan knappvägg). */
.td-dash-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}

/* 1368: Desktop – fast primärnav (Hem | Planera | Träna | Utvärdera | Kurser). */
@media (min-width: 783px){
  .td-nav--desktop{
    position: sticky;
    top: 0;
    z-index: 40;
    background: var(--td-bg);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    padding: 8px 10px;
    margin: 0 0 12px 0;
  }
  .td-desktop-primary{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .td-desktop-primary__link{
    text-decoration:none;
    padding:8px 10px;
    border-radius: 12px;
    border: 1px solid transparent;
    line-height:1.2;
  }
  .td-desktop-primary__link:hover{
    background: rgba(0,0,0,.04);
  }
  .td-desktop-primary__link.is-active{
    border-color: rgba(0,0,0,.18);
    background: rgba(0,0,0,.03);
    font-weight: 600;
  }
}

/* 1373: Kalender (My Calendar) – enkel polish så det inte ser ut som 2007. */
.td-calendar .mc-main,
.td-calendar #mc-main{
  margin-top: 10px;
}
.td-calendar table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.td-calendar table th,
.td-calendar table td{
  border: 1px solid rgba(0,0,0,.08);
  padding: 10px;
  vertical-align: top;
}
.td-calendar table th{
  background: rgba(0,0,0,.03);
  font-weight: 600;
}
.td-calendar .mc-nav,
.td-calendar .mc-time,
.td-calendar .mc-date{
  font-size: 0.95em;
}
.td-calendar .mc-main a{
  text-decoration: none;
}
.td-calendar .mc-main a:hover{
  text-decoration: underline;
}
.td-calendar .mc-main .mc-event{
  margin: 6px 0;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
}

/* Dölj Jetpack relaterade inlägg */
#jp-relatedposts{display:none!important}



/* Delat inlägg: visa delningsstatus */
.td-share-scope-badge{
  margin-top:6px;
  font-size:14px;
  opacity:0.8;
  display:flex;
  align-items:center;
  gap:6px;
}


/* Entry single: never show theme previous/next navigation */
body.td-entry-single .post-navigation,
body.td-entry-single .ast-single-post-navigation,
body.td-entry-single nav.navigation.post-navigation{
  display:none !important;
}

/* =========================================================
   TD "app" mode: hide theme chrome + normalize layout
   ========================================================= */

/* App-läge: dölj sidfoten men låt sidans header (inkl. headerbild) vara synlig. */
body.td-hide-theme-chrome footer,
body.td-hide-theme-chrome #colophon,
body.td-hide-theme-chrome .site-footer,
body.td-hide-theme-chrome .ast-footer-wrap,
body.td-hide-theme-chrome .ast-primary-footer-wrap{
  display:none !important;
}

body.td-hide-theme-chrome aside,
body.td-hide-theme-chrome .sidebar-main,
body.td-hide-theme-chrome .ast-sidebar-wrapper,
body.td-hide-theme-chrome .widget-area{
  display:none !important;
}

/* Extra safety: some themes add navigation outside td-wrap */
body.td-hide-theme-chrome .post-navigation,
body.td-hide-theme-chrome nav.navigation.post-navigation{
  display:none !important;
}

/* I TD app-läge styr vi enbart vår egen wrapper (td-wrap) och slutar slåss med temat.
   Det gör layouten deterministisk även när Astra/Elementor ändrar wrapper-struktur. */
body.td-hide-theme-chrome .td-wrap{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* Mobil: lite snävare sidpadding så det inte känns "ramigt". */
@media (max-width: 768px){
  body.td-hide-theme-chrome .td-wrap{
    padding-left: 12px;
    padding-right: 12px;
  }
}

body.td-hide-theme-chrome a{
  text-decoration: none !important;
}


/* 2.5.80.68: Neutralisera Elementor column padding inne i TD app-shell */
body.td-page .td-container .elementor-widget-wrap.elementor-element-populated {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* 2.5.80.76: TD-wrap ska inte centreras/nedskalats av max-width i app-läge (mobil) */
body.td-page.td-hide-theme-chrome .td-container.td-wrap,
body.td-page.td-hide-theme-chrome .td-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}