/* OnSite brand for Fider - matches onsite.no */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

body[data-theme="light"] { --primary-color: #314442; --primary-color-dark: #1f2d2b; --primary-color-light: #e6f4cc; }
body[data-theme="dark"]  { --primary-color: #afdf51; --primary-color-dark: #c8ec85; --primary-color-light: #2c3a1a; }

body, button, input, textarea, select { font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif; }

/* Dark green header */
#c-header { background-color: #314442 !important; border-bottom: none; }
.c-header__brand .text-header,
.c-header__nav-link,
.c-header__actions .c-themeswitcher,
.c-header__actions .c-dropdown__handle { color: #ffffff !important; }
.c-header__nav-link { opacity: 0.75; }
.c-header__nav-link:hover,
.c-header__nav-link--active { opacity: 1; border-color: #afdf51 !important; }
.c-header__brand .text-header { font-weight: 600; letter-spacing: -0.01em; }

/* Lime highlight in welcome header */
.p-home__welcome-title { letter-spacing: -0.02em; }
.header-emphasis { color: inherit !important; background: linear-gradient(transparent 58%, #afdf51 58%, #afdf51 92%, transparent 92%); padding: 0 0.1em; }

/* Pill buttons like onsite.no */
.c-button { border-radius: 999px; }
.c-button--primary { background-color: #afdf51 !important; border-color: #afdf51 !important; color: #000000 !important; }
.c-button--primary:hover { background-color: #9fd03d !important; border-color: #9fd03d !important; }
.p-home__add-idea-btn { border-radius: 16px; }

/* --- Simple idea form --- */
/* Norwegian heading */
.c-share-feedback__content > h1.text-large { font-size: 0; }
.c-share-feedback__content > h1.text-large::after { content: "Del en idé"; font-size: 26px; }
/* Title first, then optional description */
.c-share-feedback-form .c-form { display: flex; flex-direction: column; }
.c-share-feedback-form .c-form > .c-form-field { order: -1; margin-bottom: 1.5rem !important; }
.c-share-feedback-form .c-form > .c-form-field > label { display: block; margin-bottom: 0.4rem; }
.c-share-feedback-form .c-form > .c-form-field > label { font-size: 0; }
.c-share-feedback-form .c-form > .c-form-field > label::after { content: "Hva gjelder det? (kort tittel, minst 10 tegn)"; font-size: 15px; font-weight: 600; }
.c-share-feedback-form .c-form > .c-form-field input::placeholder { color: transparent; }
.c-share-feedback-form .c-form > .mb-4::before { content: "Fortell gjerne litt mer (valgfritt)"; display: block; font-size: 15px; font-weight: 600; margin-bottom: 0.5rem; }
/* Plain text box, no formatting toolbar */
.c-share-feedback-form .c-editor-toolbar { display: none; }
.c-share-feedback-form .tiptap.ProseMirror { min-height: 110px; }
.c-share-feedback-form .tiptap p.is-empty:first-child::before { content: "Hva ønsker du, og hvorfor?" !important; color: #9a9496; float: left; height: 0; pointer-events: none; }
/* Norwegian submit button */
.c-share-feedback-signin .c-button--primary { font-size: 0; padding: 0.75rem 2rem; }
.c-share-feedback-signin .c-button--primary::after { content: "Send inn idé"; font-size: 15px; font-weight: 600; }

/* Post page: brand line instead of blue */
.p-show-post__actions { border-top-color: #afdf51 !important; border-top-width: 3px !important; }
.p-show-post__discussion-count, .text-link { color: var(--primary-color) !important; }/* Fider hides the submit button until the title has 10+ characters - explain it */
.c-share-feedback .c-share-feedback__content.mb-4:last-child::after { content: "Skriv en tittel på minst 10 tegn, så dukker «Send inn idé»-knappen opp."; display: block; margin-top: 1rem; padding: 0.75rem 1rem; border-radius: 12px; background: #eef7dc; color: #314442; font-size: 14px; }