/**
 * ARV-tema för Verktygsväskan (/toolbox)
 * Gör verktyget tillhörigt företags-UI (färger, shell, rail-offset).
 */

body.company-arv-rail.toolbox-page,
body.toolbox-page.company-page {
  /* HDH / company tokens */
  --primary: var(--arv-forest, #16231E);
  --primary-light: var(--arv-forest-hover, #1B2A24);
  --secondary: var(--arv-muted, #5C6560);
  --primary-gradient: linear-gradient(135deg, #16231E 0%, #1B2A24 100%);
  --bg-primary: var(--arv-offwhite-card, #FBFaf7);
  --bg-secondary: var(--arv-offwhite, #F2EFE9);
  --bg-tertiary: #EAE6DF;
  --text-primary: var(--arv-soft-black, #0F1112);
  --text-secondary: var(--arv-muted, #5C6560);
  --text-muted: #8A928C;
  --border-color: var(--arv-silver-border, rgba(199, 204, 209, 0.65));
  --company-cta: var(--arv-forest, #16231E);
  --company-cta-hover: var(--arv-forest-hover, #1B2A24);
  --company-cta-text: #F2EFE9;

  /* Verktygsväskan Lit tokens (ärvs in i shadow DOM) */
  --color-primary: #16231E;
  --color-primary-hover: #1B2A24;
  --color-primary-active: #0F1112;
  --color-primary-light: #E8EDE9;
  --color-success: #2F6B4F;
  --color-success-light: #E8EDE9;
  --color-warning: #B45309;
  --color-danger: #B42318;
  --color-info: #5C6560;
  --color-white: #FBFaf7;
  --color-gray-50: #F2EFE9;
  --color-gray-100: #EAE6DF;
  --color-gray-200: rgba(199, 204, 209, 0.65);
  --color-gray-300: #C7CCD1;
  --color-gray-400: #8A928C;
  --color-gray-500: #5C6560;
  --color-gray-600: #5C6560;
  --color-gray-700: #0F1112;
  --color-gray-800: #0F1112;
  --color-gray-900: #0F1112;
  --color-black: #0F1112;

  /* CalculatorTheme aliases */
  --primary-gradient-start: #16231E;
  --primary-gradient-end: #1B2A24;
  --primary-color: #16231E;
  --primary-hover: #1B2A24;
  --primary-light: #E8EDE9;
  --success: #2F6B4F;
  --warning: #B45309;
  --error: #B42318;
  --info: #5C6560;
  --gray-50: #F2EFE9;
  --gray-100: #EAE6DF;
  --gray-200: rgba(199, 204, 209, 0.65);
  --gray-300: #C7CCD1;
  --gray-400: #8A928C;
  --gray-500: #5C6560;
  --gray-600: #5C6560;
  --gray-700: #0F1112;
  --gray-800: #0F1112;
  --gray-900: #0F1112;

  background: var(--arv-offwhite, #F2EFE9) !important;
  background-color: var(--arv-offwhite, #F2EFE9) !important;
  color: var(--arv-soft-black, #0F1112);
}

/* Desktop med rail: app-shell fyller ytan till höger om menyn */
@media (min-width: 1025px) {
  body.company-arv-rail.toolbox-page #header-placeholder,
  body.company-arv-rail.toolbox-page .header-modern {
    display: none !important;
  }

  /*
   * Verktygsväskans calculator-sidebar är position:fixed; left:0 i shadow DOM.
   * CSS-variabler ärvs in i shadow — offset så den ligger bredvid ARV-railen, inte under.
   */
  body.company-arv-rail.toolbox-page {
    --hdh-calc-sidebar-left: var(--arv-rail-w, 16.5rem);
    --hdh-calc-sidebar-top: 0px;
    /* Header döljs av rail — ingen extra toppad i app-shell */
    --header-height: 0px;
    --header-height-scrolled: 0px;
  }

  /* Rail + verktygs-sidebar: båda tar plats från vänster */
  body.company-arv-rail.toolbox-page.has-sidebar {
    padding-left: calc(var(--arv-rail-w, 16.5rem) + 280px) !important;
  }

  body.company-arv-rail.toolbox-page app-shell,
  body.company-arv-rail.toolbox-page .calculator-container,
  body.company-arv-rail.toolbox-page #projectInfoContainer {
    box-sizing: border-box;
  }

  /* Lite luft mot railen — undvik “kant-i-kant” mot sidmenyn */
  body.company-arv-rail.toolbox-page app-shell {
    display: block;
    min-height: 100vh;
    padding-top: 0;
  }
}

/* Primära knappar i light DOM kring verktyget */
body.toolbox-page .btn-primary,
body.toolbox-page button.btn-primary,
body.toolbox-page .primary-btn,
body.toolbox-page .cta-button {
  background: var(--arv-forest, #16231E) !important;
  border-color: var(--arv-forest, #16231E) !important;
  color: #F2EFE9 !important;
}

body.toolbox-page .btn-primary:hover,
body.toolbox-page button.btn-primary:hover {
  background: var(--arv-forest-hover, #1B2A24) !important;
}

/* Light-DOM CTA / FAB */
body.toolbox-page .project-info-fab,
body.toolbox-page .calculator-fab,
body.toolbox-page [class*="fab-primary"] {
  background: var(--arv-forest, #16231E) !important;
  border-color: var(--arv-forest, #16231E) !important;
}

/* Theme-color meta känsla */
body.toolbox-page {
  color-scheme: light;
}

body.toolbox-page.dark-mode {
  color-scheme: dark;
  background: #121614 !important;
  --bg-primary: #1A201C;
  --bg-secondary: #121614;
  --bg-tertiary: #243028;
  --text-primary: #F2EFE9;
  --text-secondary: #C7CCD1;
  --primary: #C7CCD1;
  --primary-light: #E8EBEE;
  --company-cta: #E8EBEE;
  --company-cta-text: #0F1112;
  --color-primary: #C7CCD1;
  --color-primary-hover: #E8EBEE;
  --color-primary-light: #243028;
  --color-gray-50: #1A201C;
  --color-gray-100: #243028;
}