/* ============================================
   KITCHERO — Zoho Desk Help Center CSS FINAL
   #0c0a09 bg | #34d399 accent | #e8e4e0 text
   Elegant Theme — Shopify Theme Support Portal
   ============================================ */

/* ── Body & global ── */
body, html {
  background-color: #0c0a09 !important;
  color: #e8e4e0 !important;
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
}

/* ── Header ── */
.Header__headerBg,
.Header__bgColor,
.Header__menuWrapper,
.Header__menuBox {
  background-color: #0c0a09 !important;
  border-bottom: 1px solid #1e1c1b !important;
}

.Header__logotxt {
  color: #ffffff !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.Header__nav .Header__menuList a,
.Header__nav .Header__menuList {
  color: #7a7570 !important;
  font-size: 12px !important;
  transition: color 0.15s !important;
}

.Header__nav .Header__menuList a:hover,
.Header__nav .Header__menuList:hover,
.Header__nav .Header__menuList.active a {
  color: #34d399 !important;
}

/* Hide Sign In from nav */
[id="portal_tabSignIn"],
[id="portal_tabSignOut"] {
  display: none !important;
}

/* ── Sticky header ── */
[class*="StickyHeader__"],
[class*="stickyHeader__"],
[class*="Header__stickyHeader"],
[class*="Header__stickyNav"] {
  background-color: #0c0a09 !important;
  border-bottom: 1px solid #1e1c1b !important;
}

[class*="StickyHeader__"] input,
[class*="StickyHeader__"] input::placeholder {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
}

[class*="StickyHeader__"] .commonStyle__zt3Link,
[class*="StickyHeader__"] a {
  color: #7a7570 !important;
}

/* ── Hero / search banner ── */
.Header__titleSearchWrapper {
  background-color: #0c0a09 !important;
  border-bottom: 1px solid #1a1816 !important;
  padding: 48px 28px 36px !important;
  text-align: center !important;
}

.Header__welcomeTitle {
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 34px !important;
}

.Header__welcomeDescription,
.Header__welcomeDescription p {
  color: #7a7570 !important;
  font-size: 13px !important;
}

/* ── Search box ── */
.Header__searchBox,
.Header__searchBox input {
  background-color: #141210 !important;
  border: 1px solid #2a2724 !important;
  border-radius: 2px !important;
  color: #e8e4e0 !important;
}

.Header__searchBox input::placeholder {
  color: #4a4744 !important;
}

.Header__searchBox input:focus {
  border-color: #34d399 !important;
  outline: none !important;
}

[class*="SearchBox__btn"],
[class*="SearchBox__searchIcon"],
[class*="searchBtn"],
[class*="SearchBox__"] button {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
}

/* ── Layout & main content ── */
.Layout__oneColumn,
.Layout__twoColumn,
.Layout__twoColumn2,
.Layout__twoColumnReverse,
[class*="Layout__"],
[class*="ModuleCont__"],
[class*="homeModule"],
[class*="HomeModule"] {
  background-color: #0c0a09 !important;
}

/* ── Category / tab cards ── */
[class*="ContentBox__box"],
[class*="ContentBox__boxInnerHome"],
[class*="ContentBox__"] {
  background-color: #0f0d0c !important;
  border: 1px solid #1a1816 !important;
  transition: background 0.15s !important;
}

[class*="ContentBox__"]:hover {
  background-color: #141210 !important;
  border-color: #2a2724 !important;
}

.ContentBox__boxInnerHome h3,
[class*="ContentBox__"] h3,
[class*="ContentBox__title"],
[class*="ContentBox__name"],
[class*="ContentBox__heading"] {
  color: #e8e4e0 !important;
}

[class*="ContentBox__"] p,
[class*="ContentBox__"] span:not([class*="Icon"]):not([class*="icon"]) {
  color: #7a7570 !important;
}

[class*="ContentBox__"] svg,
[class*="ContentBox__"] img {
  filter: brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(100deg) !important;
}

/* ── Links — force green, remove orange ── */
.commonStyle__zt3Link,
.themeLink,
[class*="themeLink"],
[class*="zt3Link"] {
  color: #34d399 !important;
}

.commonStyle__zt3Link:hover,
.themeLink:hover {
  color: #2abf87 !important;
}

/* ── Footer CTA ── */
[class*="Footer__"],
[class*="footer__"],
[class*="FooterModule__"],
[class*="ContactUs__"],
[class*="contactus__"] {
  background-color: #0c0a09 !important;
  border-top: 1px solid #1e1c1b !important;
}

.Footer__footerQus,
.Footer__footerDescription,
[class*="Footer__footerInfo"],
[class*="Footer__footerContent"],
[class*="Footer__footerContent"] * {
  color: #e8e4e0 !important;
}

.Footer__footerBtn,
.Footer__footerBtn button,
.Footer__footerBtn a {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
}

/* ── Breadcrumb ── */
[class*="BreadCrumb__"],
[class*="breadcrumb__"] {
  background-color: #0c0a09 !important;
}

[class*="BreadCrumb__"] a,
[class*="breadcrumb__"] a {
  color: #5a5552 !important;
}

[class*="BreadCrumb__"] a:hover {
  color: #34d399 !important;
}

/* ── Sign In / Auth page ── */
[class*="SignIn__"],
[class*="Login__"],
[class*="Auth__"],
[class*="signin__"] {
  background-color: #0f0d0c !important;
  border: 1px solid #1a1816 !important;
  border-radius: 2px !important;
}

[class*="SignIn__"] h2,
[class*="SignIn__"] h3,
[class*="SignIn__"] p,
[class*="SignIn__"] span,
[class*="Login__"] h2,
[class*="Login__"] p {
  color: #e8e4e0 !important;
}

[class*="SignIn__"] a,
[class*="Login__"] a {
  color: #34d399 !important;
}

/* ── Ticket form ── */
[class*="ticket-form"],
[class*="TicketForm__"],
[class*="NewTicket__"] {
  background-color: #0f0d0c !important;
}

[class*="FormElement__"] label,
[class*="FormElement__labelStyle"] {
  color: #7a7570 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.Input__formInput,
.Input__inputCommon,
[class*="Input__formInput"],
[class*="Input__inputCommon"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
  border: 1px solid #2a2724 !important;
  border-radius: 2px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.Input__formInput:focus {
  border-color: #34d399 !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #4a4744 !important;
}

/* ── Rich text editor ── */
[class*="RichText__"],
[class*="richText__"],
.ql-container,
.ql-editor {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
}

[class*="RichText__toolbar"],
.ql-toolbar {
  background-color: #1a1816 !important;
  border-color: #2a2724 !important;
}

/* ── Dropdown ── */
[class*="DropDown__listview"],
[class*="DropDown__list"],
div[id*="dropdown_list"] {
  background-color: #141210 !important;
  border: 1px solid #2a2724 !important;
}

[class*="DropDown__option"],
[class*="DropDown__normal"],
[class*="DropDown__optionWrap"] {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
}

[class*="DropDown__bccolor"],
[class*="DropDown__option"]:hover,
[class*="DropDown__normal"]:hover {
  background-color: #1e1c1b !important;
  color: #34d399 !important;
}

[class*="DropDown__optionWrap"] span,
[class*="DropDown__optionWrap"] * {
  color: #e8e4e0 !important;
}

/* ── Buttons ── */
.btn-primary,
input[type="submit"],
button[type="submit"],
[class*="zd-button-primary"],
[class*="submit-btn"] {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  border: none !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: #2abf87 !important;
}

/* Next button on sign in */
[class*="SignIn__"] button,
[class*="Login__"] button {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  border: none !important;
  border-radius: 2px !important;
}

/* ── Ticket status ── */
.status-open, .ticket-status-open { color: #34d399 !important; }
.status-pending, .ticket-status-pending { color: #f59e0b !important; }
.status-closed, .ticket-status-closed { color: #5a5552 !important; }

/* ── Article pages ── */
[class*="Article__title"],
[class*="article__title"],
.article-title {
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

[class*="Article__body"],
[class*="article__body"] {
  color: #b0aba6 !important;
  line-height: 1.8 !important;
}

[class*="Article__body"] code {
  background: #1a1816 !important;
  color: #34d399 !important;
  padding: 2px 6px !important;
  border-radius: 2px !important;
}

/* ── Alerts ── */
.alert-success { border-left: 3px solid #34d399 !important; background: #0a1f17 !important; color: #34d399 !important; }
.alert-error { border-left: 3px solid #e24b4a !important; background: #1f0a0a !important; color: #e24b4a !important; }
.alert-info { border-left: 3px solid #378add !important; background: #0a1220 !important; color: #378add !important; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0c0a09; }
::-webkit-scrollbar-thumb { background: #2a2724; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #34d399; }
.Header__defaultContent [class*="SignIn"],
.Header__defaultContent [class*="signIn"],
a[href*="signin"],
a[href*="sign-in"],
a[href*="login"][class*="Header__"],
li[class*="Header__menuList"]:last-of-type {
  display: none !important;
}
.UserContainer__logInMainContainer,
.UserContainer__innerContainer1,
.UserContainer__innerContainer2 {
  background-color: #0f0d0c !important;
  border: 1px solid #1a1816 !important;
  border-radius: 2px !important;
}

.UserContainer__logInMainContainer input {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
  border: 1px solid #2a2724 !important;
}

.UserContainer__logInMainContainer button {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  border: none !important;
  border-radius: 2px !important;
  .UserContainer__innerContainer1,
[class*="UserContainer__inner"] {
  background-color: #0f0d0c !important;
}

[class*="UserContainer__"] input[type="text"],
[class*="UserContainer__"] input[type="email"] {
  background-color: #141210 !important;
  color: #e8e4e0 !important;
  border-bottom: 1px solid #2a2724 !important;
}

[class*="StickyNav__"],
[class*="stickyNav__"],
.Header__banneralt {
  background-color: #0c0a09 !important;
  .commonStyle__zt3breadCrumbBg,
[class*="AppContainer__breadCrumbs"],
[class*="AppContainer__breadCrumbsBox"],
[class*="SearchContainer__searchBox"] {
  background-color: #0c0a09 !important;
  border-bottom: 1px solid #1e1c1b !important;
}

.BreadCrumbs__breadcrumbsView,
[class*="BreadCrumbs__"] {
  background-color: #0c0a09 !important;
}

[class*="BreadCrumbs__"] a,
[class*="BreadCrumbs__"] span {
  color: #5a5552 !important;
  [id="portal_tabCases"],
[class*="myArea"],
[class*="MyArea"] {
  display: none !important;
  .commonStyle__zt3breadCrumbBg,
[class*="zt3breadCrumbBg"] {
  background-color: #0c0a09 !important;
}

#breadCrumbsContainer,
[id="breadCrumbsContainer"] {
  background-color: #0c0a09 !important;
  [class*="SearchBox__searchBtn"],
[class*="SearchBox__iconContainer"],
[class*="SearchBox__icon"],
button[class*="search"],
[class*="searchIcon__"] {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  fill: #0c0a09 !important;
}
}
}
  
}
}
}
[class*="SearchBox__searchBtn"],
[class*="SearchBox__iconWrap"],
[class*="SearchBox__icon"],
[class*="searchIcon"],
.Header__searchBox button,
.Header__searchBox [type="submit"] {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
}

.commonStyle__zt3breadCrumbBg,
[class*="zt3breadCrumbBg"],
#breadCrumbsContainer,
[class*="AppContainer__breadCrumbs"],
[class*="AppContainer__container"] {
  background-color: #0c0a09 !important;
  border-bottom: 1px solid #1e1c1b !important;
}

[class*="UserContainer__"] button,
[class*="signin"] button,
[class*="SignIn__"] button {
  background-color: #34d399 !important;
  color: #0c0a09 !important;
  border: none !important;
  border-radius: 2px !important;
}

a[class*="zt3Link"],
a[class*="themeLink"],
.commonStyle__zt3Link {
  color: #34d399 !important;
}
.AppContainer__breadCrumbs.commonStyle__zt3breadCrumbBg {
  background-color: #0c0a09 !important;
}

#breadCrumbsContainer {
  background-color: #0c0a09 !important;
}

.SearchContainer__searchBox {
  background-color: #0c0a09 !important;
}

.AppContainer__breadCrumbsBox {
  background-color: #0c0a09 !important;
}
.ScrollSticky__type2,
[class*="ScrollSticky__"] {
  background-color: #0f0d0c !important;
  border: 1px solid #1e1c1b !important;
}

.TicketFormRightContainer__widgetRight,
[class*="TicketFormRightContainer__"] {
  background-color: #0f0d0c !important;
}
.KB_Editor,
#description.KB_Editor,
[class*="KB_Editor"],
[class*="TextEditor__editDraft"],
[class*="TextEditor__"] {
  background-color: #141210 !important;
  border: 1px solid #2a2724 !important;
}

.KB_Editor_menus,
[class*="KB_Editor_menus"] {
  background-color: #1a1816 !important;
  border-bottom: 1px solid #2a2724 !important;
}

.KB_Editor_menus button,
.KB_Editor_menus select,
[class*="KB_Editor_menus"] * {
  color: #e8e4e0 !important;
  background-color: transparent !important;
}
[class*="FormElement__"] label,
[class*="FormElement__labelStyle"],
[class*="FormElement__formLabel"] {
  color: #c8c4be !important;
}