/* Paygasus Brand Theme */
/* Palette: Off-white #F0EDE8 | Near-black #1A1A1A | Blue #2B7FFF | Warm text #7A6F5E */
/* IMPORT_GOOGLE_FONTS_MARKER */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Global font: IBM Plex Sans across the Help Center */
body, p, li, a, span, div, input, textarea, select, button, td, th, label, h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}


/* Portal title - ensure full name fits */
.Header__brandName {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 240px !important;
    letter-spacing: -0.01em !important;
}

.Header__brandLogo{
	margin-top: 13px;
}

/* Header brand area */
.Header__header {
    background-color: #F0EDE8 !important;
    border-bottom: 1px solid #DDD9D2 !important;
    box-shadow: none !important;
}

/* Remove background image overlay tint */
.Header__headerImg {
    display: none !important;
}

/* Search bar */
.Header__headerSearch input[type="text"],
.Header__headerSearch input[type="search"] {
    background: #ffffff !important;
    border: 1px solid #DDD9D2 !important;
    border-radius: 4px !important;
    color: #1A1A1A !important;
    font-size: 14px !important;
}

.Header__headerSearch input::placeholder {
    color: #7A6F5E !important;
}

/* Sign In link */
.Header__headerRow .signin-link,
.Header__headerRow a[href*="signin"] {
    color: #1A1A1A !important;
    font-weight: 500 !important;
}

/* Navigation tabs */
.Header__tabsList li a {
    color: #1A1A1A !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.Header__tabsList li a:hover {
    color: #2B7FFF !important;
}

/* Active tab underline */
.Header__tabsList li.active a,
.Header__tabsList li[class*="active"] a {
    color: #2B7FFF !important;
    border-bottom: 2px solid #2B7FFF !important;
}

/* Article list items */
.hc-article-list a,
.hc-list-item a {
    color: #1A1A1A !important;
    font-size: 15px !important;
}

.hc-article-list a:hover,
.hc-list-item a:hover {
    color: #2B7FFF !important;
}

/* Section headings */
.hc-section-title,
.hc-category-title {
    color: #1A1A1A !important;
    font-weight: 700 !important;
}

/* Body text */
body, p, li {
    color: #1A1A1A !important;
}

/* Sidebar */
.hc-sidebar {
    background-color: #F0EDE8 !important;
}

/* Buttons */
.btn-primary {
    background-color: #2B7FFF !important;
    border-color: #2B7FFF !important;
    border-radius: 4px !important;
}

.btn-primary:hover {
    background-color: #1A5FCC !important;
    border-color: #1A5FCC !important;
}

/* Follow button */
.hc-follow-btn {
    background-color: #2B7FFF !important;
    border-color: #2B7FFF !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* Make the form-shortcut + black (glyph only, not popover) */
.customAddShortcut > *:first-child,
.customAddShortcut > *:first-child * {
      color: #000000 !important;
      fill: #000000 !important;
}


/* Contact Support tab: underline via pseudo-element at nav-row bottom; text stays aligned with system tabs */
.Header__tabsList li.customContactTab a,
.Header__tabsList li.customContactTab a:hover,
.Header__tabsList li.customContactTab a:focus {
      text-decoration: none !important;
      border-bottom: none !important;
      box-shadow: none !important;
      background-image: none !important;
}

.Header__tabsList li.customContactTab {
      position: relative !important;
}

.Header__tabsList li.customContactTab::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      right: 0 !important;
     bottom: -18px !important;
              height: 3px !important;
      background: #2B7FFF !important;
      opacity: 0 !important;
}

.Header__tabsList li.customContactTab:hover::after,
.Header__tabsList li.customContactTab.active::after,
.Header__tabsList li.customContactTab[class*="active"]::after {
      opacity: 1 !important;
}

.Header__tabsList li.customContactTab:hover a,
.Header__tabsList li.customContactTab.active a,
.Header__tabsList li.customContactTab[class*="active"] a {
      color: #2B7FFF !important;
}

/* Kill the theme's native nav underline on the custom tab (we draw our own at the row bottom) */
.Header__tabsList li.customContactTab,
.Header__tabsList li.customContactTab:hover,
.Header__tabsList li.customContactTab.active,
.Header__tabsList li.customContactTab[class*="active"] {
      border-bottom: none !important;
      box-shadow: none !important;
}

.Header__formShort{display:none !important;}

.CustomizeFontSize__accessibility_settings{
	color: black !important;
}
#field_departmentId{
	display:none;
}
#activationForm{height:700px; !important;}
@media (max-width:768px){#activationForm{height:1700px !important;}}
.Header__formShort{display:none !important;}

/* Mobile: fit support form iframe so it doesn't scroll internally */
@media (max-width: 768px) {
  #paygasus-portal { height: 1700px !important; }
}


/* Desktop: extra height for validation error growth */
iframe[src*="portal.php"] { height: 780px !important; }
/* Mobile: fit support form iframe (id is stripped by Zoho, target by src) */
@media (max-width: 768px) {
  iframe[src*="portal.php"] { height: 1000px !important; }
}

/* Tablet/medium: two-column layout is shorter, avoid gap (placed after mobile rule so it wins in the 600-768 overlap) */
@media (min-width: 600px) and (max-width: 1024px) {
  iframe[src*="portal.php"] { height: 780px !important; }
}

/* Hide department filter dropdown in My Area ticket list */
.TicketListContainer__filter_department,
[data-id="deptFilter"] {
    display: none !important;
}


/* MOBILE_HEADER_TWEAKS_MARKER */
/* Mobile header: bigger logo + black search & sign-in icons */
@media (max-width: 768px) {
    /* Enlarge the logo */
    /* Logo: keep natural proportions, vertically centered */
    /* Logo: bounded width, correct aspect (no squeeze, no overflow) */
    .Header__brandLogo {
        margin-top: 0 !important;
        display: flex !important;
        align-items: center !important;
        max-width: 130px !important;
        flex-shrink: 0 !important;
    }
    .Header__brandLogoImg {
        height: auto !important;
        max-height: 32px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
    /* "Support Center" text on mobile */
    .Header__brandName {
        font-size: 12px !important;
        line-height: 1.2 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
    }
    /* Search icon to black */
    .Header__headerSearch .Icon__icon,
    .Header__headerSearch .Icon__icon path,
    .Search__searchIcon .Icon__icon,
    .Search__searchIcon .Icon__icon path {
        fill: #000000 !important;
        color: #000000 !important;
    }
    /* Sign-in icon to black */
    [class*="LogInDetailsContainer"] .Icon__icon,
    [class*="LogInDetailsContainer"] .Icon__icon path {
        fill: #000000 !important;
        color: #000000 !important;
    }
}


/* FOOTER_COLORS_MARKER */
/* Footer: dark background + muted text */
.Footer__footer {
    background-color: #14130F !important;
    color: #8A8880 !important;
}
.Footer__footer,
.Footer__footer p,
.Footer__footer span,
.Footer__footer a,
.Footer__footer div,
.Footer__footer .Footer__footerLink {
    color: #8A8880 !important;
}

/* FOOTER_FONT_MARKER */
/* Footer: monospace font for all; uppercase only the tagline */
.Footer__footer,
.Footer__footer p,
.Footer__footer span,
.Footer__footer a,
.Footer__footer div,
.Footer__footer .Footer__footerLink {
    font-family: 'PG Plex Mono', ui-monospace, Menlo, monospace !important;
}
.pg-footer-tagline {
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-weight: 500 !important;
}

.pg-footer-copy a:hover{
	color:#ECEAE3;
}
/* Footer layout: copyright left, tagline right */
.pg-footer-wrap {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
}
/* FOOTER_MOBILE_MARKER */
/* Footer: stack and center on mobile */
@media (max-width: 768px) {
    .pg-footer-wrap {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 6px !important;
    }
    .pg-footer-copy,
    .pg-footer-tagline {
        text-align: center !important;
        width: 100% !important;
    }
}
/* CUSTOM_LOGGEDIN_TAB_MARKER */
.customLoggedInTab { display: none !important; }
.portalContainer.signedIn .customLoggedInTab { display: inline-block !important; }
/* HOME_TAB_LOGGEDIN_MARKER */
#portal_tabHome { display: none !important; }
.portalContainer.signedIn #portal_tabHome { display: block !important; }
#custom_tabHome { display: none !important; }
/* HOME_IFRAME_LOGGEDIN_MARKER */
/* Support-portal iframe widgets: matched by source path so any portal link (portal-test, portal-ionna, etc.) is gated. Hidden when logged out, shown when signed in. */
.WidgetsContainer__lftWd:has(iframe[src*="paygasus.one/support-portal"]) { display: none !important; }
.portalContainer.signedIn .WidgetsContainer__lftWd:has(iframe[src*="paygasus.one/support-portal"]) { display: block !important; }
/* HOME_SIGNIN_PROMPT_MARKER */
/* Sign In button widget: show only when logged OUT, hide when signed in */
.WidgetsContainer__lftWd:has(#signinPrompt) { display: block !important; }
.portalContainer.signedIn .WidgetsContainer__lftWd:has(#signinPrompt) { display: none !important; }