/* ═══════════════════════════════════════════════════
   TeeTime Golf Pass — Zoho Desk Help Center CSS
   
   Brand Colors:
     Navy    #023047  (primary background, headings)
     Green   #3AAF56  (logo accent, icons)
     Orange  #FA8500  (CTA buttons ONLY)
     Teal    #039CBB  (links, accents)
     Lt Blue #D9F2FF  (light backgrounds, hover)
     White   #FFFFFF
   
   Fonts: League Spartan (headings), Open Sans (body)
   
   Selectors verified against live DOM — March 2026
   ═══════════════════════════════════════════════════ */

/* ── Load Brand Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

/* ── Override Zoho CSS Variables ── */
portal,
.portalContainer {
  --color-brand: #FFFFFF;
  --color-brand1: #039CBB;
  --color-hoverblue1: #023047;
  --color-color16: rgba(255,255,255,0.6);
}

/* ── Base Typography ── */
body,
portal,
.portalContainer {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ── All Headings ── */
h1, h2, h3, h4, h5, h6,
.AppContainer__welcomeHeading,
.TitleContainer__title,
.TitleContainer__title > a {
  font-family: 'League Spartan', sans-serif !important;
  color: #023047 !important;
}

/* ── Header Area ── */
#headerContainer,
.Header__header,
.Header__homeContent,
.Header__homeNavbarFixed {
  background-color: #023047 !important;
}

/* Header background overlay — make it solid navy */
.Header__bgColor {
  background-color: #023047 !important;
  opacity: 1 !important;
}

/* Header search area background */
.Header__searchSubCont,
.Header__homeNavbarFixed,
.Header__searchLink,
#searchContainer {
  background-color: #023047 !important;
}

/* "Help Center" title text */
.Header__titleDescription,
.Header__titleSearchWrapper h1,
.Header__titleSearchWrapper h2 {
  font-family: 'League Spartan', sans-serif !important;
  color: #FFFFFF !important;
}

/* ── Search Bar ── */
.SearchBox__searchpart,
.SearchBox__searchpart input,
#autoSearchContainer {
  background-color: rgba(255,255,255,0.12) !important;
  border: 2px solid rgba(255,255,255,0.25) !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1rem !important;
}

.SearchBox__searchpart input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

.SearchBox__searchpart input:focus,
#autoSearchContainer:focus {
  border-color: #FA8500 !important;
  background-color: rgba(255,255,255,0.18) !important;
  outline: none !important;
}

/* ── KB Tab Button ── */
.Button__tagPrimary {
  background: #3AAF56 !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-family: 'League Spartan', sans-serif !important;
  font-weight: 700 !important;
  transition: background 0.2s !important;
}

.Button__tagPrimary:hover {
  background: #2f9a4a !important;
}

.Button__tagSecondary {
  color: #023047 !important;
  border-color: #023047 !important;
  border-radius: 8px !important;
  font-family: 'League Spartan', sans-serif !important;
  font-weight: 600 !important;
}

.Button__tagSecondary:hover {
  background: #D9F2FF !important;
}

/* ── Breadcrumbs ── */
#breadCrumbsContainer,
.Header__breadcrumbs {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 0.8125rem !important;
}

.Header__breadcrumbs a {
  color: #039CBB !important;
}

.Header__breadcrumbs a:hover {
  color: #023047 !important;
}

/* ── Main Content Area ── */
#layoutContainer,
.Layout__oneColumn {
  background: #f8fafb !important;
}

/* ── Category Cards ── */
.TitleContainer__container {
  background: #FFFFFF !important;
  border: 1px solid #e8edf2 !important;
  border-radius: 12px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.TitleContainer__container:hover {
  border-color: #039CBB !important;
  box-shadow: 0 4px 16px rgba(3, 156, 187, 0.1) !important;
}

/* Category title */
.TitleContainer__title {
  font-family: 'League Spartan', sans-serif !important;
  font-weight: 700 !important;
  color: #023047 !important;
}

.TitleContainer__title > a,
.TitleContainer__title .Link__link {
  color: #023047 !important;
}

.TitleContainer__title > a:hover,
.TitleContainer__title .Link__link:hover {
  color: #039CBB !important;
}

/* Category description */
.TitleContainer__body {
  font-family: 'Open Sans', sans-serif !important;
  color: #555 !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

/* Category icon */
.TitleContainer__headerIcon {
  color: #3AAF56 !important;
}

/* Card link */
.TitleContainer__boxLink:hover {
  text-decoration: none !important;
}

/* ── Article List (inside categories) ── */
.ArticleListContainer__wrapper {
  background: #FFFFFF !important;
}

.ModuleItem__moduleListItem {
  border-bottom: 1px solid #eef2f6 !important;
  transition: background 0.15s !important;
}

.ModuleItem__moduleListItem:hover {
  background: #D9F2FF !important;
}

.ModuleItem__artList .Link__link,
.ModuleItem__artList a {
  font-family: 'Open Sans', sans-serif !important;
  color: #023047 !important;
  font-weight: 500 !important;
}

.ModuleItem__artList .Link__link:hover,
.ModuleItem__artList a:hover {
  color: #039CBB !important;
}

/* ── All Links ── */
.Link__link,
.commonStyle__link {
  color: #039CBB !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.Link__link:hover,
.commonStyle__link:hover {
  color: #023047 !important;
}

/* ── Submit a Ticket link ── */
span.colour {
  color: #FA8500 !important;
}

span.colour a,
a span.colour {
  color: #FA8500 !important;
}

/* ── Footer ── */
.Footer__footer {
  background-color: #023047 !important;
  color: rgba(255,255,255,0.65) !important;
  border-top: none !important;
  font-family: 'Open Sans', sans-serif !important;
  padding: 1rem 0 !important;
}

.Footer__footerLink,
.Footer__footer a {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.2s !important;
}

.Footer__footerLink:hover,
.Footer__footer a:hover {
  color: #FA8500 !important;
}

/* ── Widget Containers ── */
.WidgetsContainer__widgetCont {
  font-family: 'Open Sans', sans-serif !important;
}

/* ── Article Content Pages ── */
.articleList,
.portalContainer.articleList {
  font-family: 'Open Sans', sans-serif !important;
}

.ArticleListContainer__boxView h2,
.ArticleListContainer__boxView h3 {
  font-family: 'League Spartan', sans-serif !important;
  color: #023047 !important;
}

/* ── Selection Color ── */
::selection {
  background: #D9F2FF;
  color: #023047;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f0f4f8; }
::-webkit-scrollbar-thumb { background: #b0c4d8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #023047; }

/* ── Fix: Popular Articles dark background ── */
.ArticlesContainer__articleList,
.ArticlesContainer__articleList .ModuleItem__moduleListItem,
.ModuleItem__moduleListItem,
.ModuleItem__moduleIn {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.ModuleItem__moduleListItem:hover {
  background: #D9F2FF !important;
}

/* Ensure article text is visible */
.ModuleItem__artList,
.ModuleItem__artList a,
.ModuleItem__moduleIn a,
.ModuleItem__moduleIn .Link__link {
  color: #023047 !important;
}

.ModuleItem__artList a:hover,
.ModuleItem__moduleIn a:hover {
  color: #039CBB !important;
}

/* ── Fix: Get Your Pass button in nav ── */
.Header__nav li:last-child a[href*="golf-pass"] {
  background: #FA8500 !important;
  color: #fff !important;
  padding: 7px 18px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  font-family: 'League Spartan', sans-serif !important;
  display: inline-block !important;
}

.Header__nav li:last-child a[href*="golf-pass"]:hover {
  background: #e07800 !important;
}

/* ── Fix: Submit a ticket as button ── */
span.colour,
span.colour a,
a span.colour {
  background: #FA8500 !important;
  color: #fff !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-family: 'League Spartan', sans-serif !important;
  font-size: 14px !important;
  display: inline-block !important;
}

span.colour:hover,
span.colour a:hover {
  background: #e07800 !important;
}

/* ── Footer Layout Fix ── */
.Footer__footer {
  background-color: #023047 !important;
  color: rgba(255,255,255,0.6) !important;
  font-family: 'Open Sans', Helvetica, sans-serif !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

.Footer__footer table {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

.Footer__footer td {
  vertical-align: top !important;
  padding: 0 16px 24px 0 !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

.Footer__footer a {
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  display: block !important;
}

.Footer__footer a:hover {
  color: #FA8500 !important;
}

.Footer__footer img {
  height: 32px !important;
  display: block !important;
  margin-bottom: 16px !important;
}

.Footer__footer span {
  display: block !important;
}

/* ── Footer column headings ── */
.Footer__footer td > span:first-child {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-bottom: 8px !important;
  font-family: 'League Spartan', sans-serif !important;
}

/* ── Footer bottom row: keep links inline ── */
.Footer__footer table:last-child td {
  padding: 16px 32px !important;
}

.Footer__footer table:last-child a {
  display: inline !important;
}

/* ── Reduce gap above footer ── */
#layoutContainer,
.Layout__oneColumn {
  min-height: auto !important;
}

.Footer__footer {
  padding: 40px 0 0 !important;
}
/* ── Fix: Article titles navy, not teal ── */
.ArticleListContainer__wrapper .Link__link,
.ArticleListContainer__wrapper a,
.ArticlesContainer__articleList .Link__link,
.ArticlesContainer__articleList a {
  color: #023047 !important;
}

.ArticleListContainer__wrapper .Link__link:hover,
.ArticleListContainer__wrapper a:hover,
.ArticlesContainer__articleList .Link__link:hover,
.ArticlesContainer__articleList a:hover {
  color: #039CBB !important;
}

/* ── Ticket Form Styling (real selectors) ── */
.TicketFormLeftContainer__wrapper,
.TicketFormLeftContainer__part {
  background: #FFFFFF !important;
}

.TicketFormLeftContainer__sectionName {
  font-family: 'League Spartan', sans-serif !important;
  color: #023047 !important;
  font-weight: 700 !important;
}

.Form__label {
  font-weight: 600 !important;
  color: #023047 !important;
  font-family: 'Open Sans', sans-serif !important;
}

.Input__formInput,
.Form__input input,
.Form__input textarea,
.Form__input select {
  border: 1.5px solid #d1d5db !important;
  border-radius: 8px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
}

.Input__formInput:focus,
.Form__input input:focus,
.Form__input textarea:focus {
  border-color: #039CBB !important;
  box-shadow: 0 0 0 3px rgba(3,156,187,0.12) !important;
  outline: none !important;
}

/* ── Submit a Ticket page title ── */
.Header__defaultContent h1,
.Header__defaultContent h2,
.Header__defaultContent .Header__welcomeTitle {
  font-family: 'League Spartan', sans-serif !important;
  color: #FFFFFF !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
}

/* ── Fix: Mobile category cards white ── */
.TitleContainer__container,
.TitleContainer__gridView,
.TitleContainer__flexColumn,
.ModuleCategoryContainer__gridView,
.ModuleCategoryContainer__hometabs,
[class*="TitleContainer"],
[class*="ModuleCategory"] {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.TitleContainer__body,
.TitleContainer__content {
  color: #555 !important;
}

.TitleContainer__content a,
.TitleContainer__content .Link__link {
  color: #023047 !important;
}
/* ── Nuclear fix: All content areas white ── */
.Layout__twoColumn,
.Layout__oneColumn,
.Layout__layout1,
.Layout__layout2,
#layoutContainer,
[data-id="column1"],
[data-id="column2"],
[data-id="articleList"],
[data-id="ticketForm"],
[class*="ArticleList"],
[class*="TicketForm"],
[class*="Article__"],
[class*="articleBody"],
[class*="article_"],
.portalContainer.articleList,
.portalContainer.ticketForm,
.portalContainer.article,
.AppContainer__homeWidget,
div[role="main"] {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

/* Ensure all body text is dark */
div[role="main"] p,
div[role="main"] span,
div[role="main"] li,
div[role="main"] div {
  color: #1a1a1a !important;
}

/* But keep header text white */
#headerContainer *,
.Header__header *,
.Header__homeContent * {
  color: #FFFFFF !important;
}

/* And keep footer text as-is */
.Footer__footer * {
  color: rgba(255,255,255,0.6) !important;
}

.Footer__footer td > span:first-child {
  color: #fff !important;
}

/* ── Fix: Add Ticket button in header ── */
#plusBtn,
.Header__cdstretchynav,
.Header__panelbtns a,
.Header__panelbtns button,
.Header__containerUl a {
  background: #FA8500 !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* ── Fix: Prevent horizontal scroll on articles ── */
.Layout__twoColumn,
.Layout__layout1,
[data-id="column1"],
.ArticleListContainer__wrapper,
[class*="Article__"] {
  overflow-x: hidden !important;
}

.Layout__layout1 img,
[data-id="column1"] img {
  max-width: 100% !important;
  height: auto !important;
}

/* ── Fix: Add Ticket button match Submit a Ticket style ── */
#plusBtn,
#plusBtn a,
.Header__cdstretchynav,
.Header__cdstretchynav a,
.Header__containerUl a,
.Header__containerUl li a {
  background: #FA8500 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'League Spartan', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

#plusBtn:hover a,
.Header__containerUl a:hover {
  background: #e07800 !important;
}

/* Remove the white border/outline on the container */
.Header__panelbtns,
.Header__cdstretchynav,
#plusBtn {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* But keep the inner link orange */
#plusBtn a,
.Header__containerUl a {
  background: #FA8500 !important;
}
/* ── Fix: Prevent horizontal scroll on articles ── */
.Layout__twoColumn,
.Layout__layout1,
[data-id="column1"],
.ArticleListContainer__wrapper,
[class*="Article__"] {
  overflow-x: hidden !important;
}

.Layout__layout1 img,
[data-id="column1"] img {
  max-width: 100% !important;
  height: auto !important;
}