/*
  Kodusisustaja minimal brand layer.
  Add brand tokens/overrides here; layout remains in the parent theme.
*/

@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100; font-display: swap; src: url("fonts/Outfit/Outfit-Thin.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/Outfit/Outfit-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/Outfit/Outfit-Light.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/Outfit/Outfit-Regular.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/Outfit/Outfit-Medium.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Outfit/Outfit-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/Outfit/Outfit-Bold.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/Outfit/Outfit-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 900; font-display: swap; src: url("fonts/Outfit/Outfit-Black.woff2") format("woff2"); }

:root {
  /* Example tokens — update as the visual identity is defined. */
  --color-bg: #ffffff;
  --color-fg: #1d1a1b;
  --color-surface: #fdfbfe;
  --color-focus: #ffc500;
  --highlight-bg: #ffc500;
  --badge-info: #52c7ea;
  --btn-primary-bg: #1d1a1b;
  --btn-primary-hover: #2a2627;
  --font-sans: "Outfit", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

body.brand-kodusisustaja {
  background-color: var(--color-bg);
  color: var(--color-fg);
  letter-spacing: 0.02em;
}

body.brand-kodusisustaja .bp-header-brand {
  background: var(--highlight-bg);
  padding: clamp(12px, 0.8vw + 10px, 20px) clamp(16px, 1.2vw + 12px, 28px);
  display: inline-flex;
  align-items: center;
  align-self: stretch;
}

body.brand-kodusisustaja .bp-header-top {
  padding: 0;
  align-items: stretch;
}

body.brand-kodusisustaja #bp-mega-desktop.bp-header-cats {
  background: var(--color-fg);
  color: var(--highlight-bg);
}
body.brand-kodusisustaja .bp-header-cat-btn,
body.brand-kodusisustaja .bp-header-cat-link,
body.brand-kodusisustaja .bp-header-cat-icon {
  color: var(--highlight-bg);
}
body.brand-kodusisustaja #bp-mega-panel,
body.brand-kodusisustaja #bp-mega-panel .bp-mega-panel {
  color: var(--color-fg);
}
body.brand-kodusisustaja #bp-mega-panel a {
  color: var(--color-fg);
}

body.brand-kodusisustaja .bp-header-darkmode {
  display: none;
}

body.brand-kodusisustaja .bp-header-menu > li > a {
  text-transform: uppercase;
}

body.brand-kodusisustaja .bp-header-menu,
body.brand-kodusisustaja .bp-header-cat-btn {
  font-weight: 700;
}

body.brand-kodusisustaja .bp-header-actions {
  padding-inline: clamp(16px, 1.429vw + 11.429px, 32px);
  padding-block: 0;
}

body.brand-kodusisustaja .site-footer {
  background: var(--color-fg);
}