/* BitBite Theme für Fider - Exakter Header Match */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@400;500;600;700&display=swap');

html body, html body * {
  font-family: 'Google Sans Flex', sans-serif !important;
}

/* === HEADER === */
#c-header#c-header {
  position: relative !important;
  background: white !important;
}

/* Shadow entfernen */
#c-header#c-header .c-menu,
#c-header#c-header .c-menu.shadow {
  --tw-shadow: none !important;
  box-shadow: none !important;
}

/* === LOGO - Text verstecken, SVG als Hintergrund === */
.text-header {
  display: block !important;
  position: relative !important;
  text-indent: -9999px !important;
  width: 24px !important;
  height: 39px !important;
  background-size: contain !important;
}

/* === AUSLAUFENDE DIVIDER LINE === */
#c-header::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 1200px !important;
  height: 1px !important;
  background: linear-gradient(
    to right,
    transparent 0%,
    #e5e5e5 10%,
    #e5e5e5 90%,
    transparent 100%
  ) !important;
}

/* === BUTTONS === */
button[type="submit"] {
  background: linear-gradient(45deg, #F7931A, #DB5F00) !important;
  border: none !important;
  border-radius: 20px !important;
  color: white !important;
}

/* === HIDE POWERED BY === */
.c-powered {
  display: none !important;
}

/* === INPUTS === */
input, textarea {
  border-radius: 8px !important;
}

input:focus, textarea:focus {
  border-color: #F7931A !important;
  box-shadow: 0 0 0 3px rgba(247, 147, 26, 0.15) !important;
}

/* === LINKS === */
a:not([href="/"]) {
  color: #222222 !important;
}

/* === BACKGROUND === */
body {
  background-color: #ffffff !important;
}

/* === BOXEN MIT 32px BORDER RADIUS === */
.p-home__welcome-col,
.p-home__welcome-col > div,
#p-home > div {
  border-radius: 32px !important;
}
/* === BEIDE BOXEN STYLING === */
/* Linke Box - Wrapper ohne Padding */
.p-home__welcome-col {
  padding: 0 !important;
  border-radius: 32px !important;
}

/* Linke Box - Inner Content */
.p-home__welcome-col > .p-4 {
  padding: 32px !important;
  border-radius: 32px !important;
}

/* Rechte Box */
.p-home__posts-col {
  padding: 32px !important;
  border-radius: 32px !important;
}
/* === FILTER & SORT BUTTONS - Pill Shape === */
.c-dropdown__handle > div,
.c-dropdown__handle div.h-10 {
  border-radius: 20px !important;
  border: 1px solid #e5e5e5 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #333 !important;
  background: white !important;
  padding: 8px 16px !important;
}

/* Dark Button Style (wie "Sign in") */
.c-button--primary,
button[type="submit"].c-button--primary {
  background: #222222 !important;
  color: white !important;
  border-radius: 20px !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
}

/* Secondary Button (wie "View Demo") */
.c-button--secondary,
.c-button--default {
  background: white !important;
  color: #333 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 20px !important;
  padding: 10px 20px !important;
}

/* Orange Submit Button (für Feedback Input) */
button[type="submit"].c-input,
.c-input[type="submit"] {
  background: linear-gradient(45deg, #F7931A, #DB5F00) !important;
  border: none !important;
  border-radius: 20px !important;
  color: white !important;
}

.c-markdown, .tiptap {
    overflow-wrap: break-word;
    word-break: break-word;
    margin-bottom: 16px !important;
}
.c-vote-counter__button,
.c-vote-counter__button--voted {
  color: #000000 !important;
  border-radius: 999px !important;
  border: none !important;
  background: #f5f5f5 !important;
}
/* === HEADLINES Font Weight === */
.text-title,
a.text-title {
  font-weight: 550 !important;
}
/* === DROPDOWN STYLING === */
.c-dropdown__list {
  border-radius: 32px !important;
  padding: 16px !important;
  border: 1px solid #e5e5e5 !important;
  overflow: hidden !important;
}

/* Items innerhalb des Dropdowns */
.c-dropdown__listitem {
  border-radius: 12px !important;
  padding: 12px 16px !important;
}

/* Hover-State für Items */
.c-dropdown__listitem:hover {
  background: #f5f5f5 !important;
}

/* Divider im Dropdown */
.c-dropdown__divider {
  margin: 8px 0 !important;
  border-color: #e5e5e5 !important;
}
/* === Erste Headline in Welcome Box === */
.p-home__welcome-col .c-markdown p:first-child {
  font-weight: 550 !important;
}
/* === Strong Tags in Welcome Box auch 550 === */
.p-home__welcome-col .c-markdown strong {
  font-weight: 550 !important;
}

/* === Write a ticket Button - Centered & 550 === */
.p-home__welcome-col button.c-button.c-input {
  text-align: center !important;
  justify-content: center !important;
  font-weight: 550 !important;
}
/* === DIVIDER LINES === */
.border-4.border-blue-500,
hr,
.c-dropdown__divider {
  border-width: 0.5px !important;
  border-color: #dbdbdb !important;
}