@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Slab:wght@400;600;700&display=swap');

/* === MULTIPRESS HELPCENTER — Dataline brandkit 2026 === */
/* Primary: Digital Blue #0000FF (RGB/digitaal) */
/* Accent: Neon Pink #FF178A */
/* Body: Roboto | Headings: Roboto Slab */

html, body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

/* Verberg bedrijfsnaam naast logo */
.Header__name {
  display: none !important;
}

/* Witte navbar */
.Header__navbar,
.Header__homeNavbarFixed .Header__navbar {
  background-color: #ffffff !important;
}

/* Nav tekst blauw op witte achtergrond */
.Header__tabsTab,
.LoginDetail__signin,
.LoginDetail__signup {
  color: #0000FF !important;
  opacity: 1 !important;
}

.Header__tabsTab:hover,
.Header__tabsTab.Header__active,
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active,
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover {
  border-bottom: 2px solid #0000FF !important;
  color: #0000FF !important;
  opacity: 1 !important;
}

/* Nav uppercase + gewicht */
.Header__tabsTab, .LoginDetail__signin, .LoginDetail__signup, .LocalePopup__localeText {
  font-size: 13px;
  text-transform: uppercase;
  line-height: unset;
  border-bottom-width: 2px;
  font-weight: 500;
}

/* Verberg Zoho footer standaard inhoud */
.Footer__footerCopyrigt .Footer__container2 > span:first-child,
.Footer__footerLink {
  display: none !important;
}

/* === BRAND COLOR: Digital Blue === */
.SearchContainer__searchIcon,
.AppContainer__backToTop,
.Button__footerBtn:hover,
.LoginDetail__profileBtn {
  background: #0000FF;
}

.SearchContainer__downArrow {
  border-top-color: #0000FF;
}

.commonStyle__zt3BrandFill {
  fill: #0000FF;
  color: #0000FF;
}

.globalfixednav .globalSignin:hover,
.globalfixednav .globalSignup:hover,
.globalfixednav .LoginDetail__signin:hover,
.globalfixednav .LoginDetail__signup:hover {
  border-bottom-color: #0000FF;
  color: #0000FF;
}

.globalfixednav .aPlusIcon:hover,
.Signin__userLink,
.Link__link2,
.Icon__hoverbrand:hover,
.Icon__brand,
.Comment__cmtUsrNme,
.TabFilter__tab:hover,
.ThreadedComment__commentContent a,
.FileUpload__userLink,
.AvatarText__avatarText,
.TopicDetailRightContainer__commentCount > span,
.TopicDetailRightContainer__followerCount > span,
.TopicDetailRightContainer__viewCount > span,
.Button__primaryBorder,
.Button__warningBorder,
.TopicPreview__txtPrimary,
.Pill__pillText,
.NoContent__contentDescription a,
.NoContent__title,
.TopicDetailLeftContainer__creatorName,
.ThreadedComment__userNameType2,
.TopicPreview__creatorName,
.globalfixednav .CustomizeContainer__aPlus:hover,
.ForgetPasswordContainer__userLink,
.Captcha__captchaText,
.communityDetail .description a,
.articleDetail .description a,
.FilterTabs__activeFilter,
.ForumTabs__activeFilter,
.LoginDetail__userMail .commonStyle__zt3Brand,
.TopicListRightContainer__countValue,
.commonStyle__zt3Brand {
  color: #0000FF !important;
}

.AvatarText__avatarText {
  background: #fff;
}

.FileUpload__attachPin,
.AvatarText__avatarText,
.Button__primaryBorder,
.Button__warningBorder,
.Pill__pill {
  border-color: #0000FF;
}

.ErrorPage__errorTitle {
  color: #0000FF !important;
}

.TicketFilterPopup__active,
.TicketFilterPopup__filterValue:hover {
  color: #0000FF !important;
}

/* === Headings in Roboto Slab Bold === */
h1, h2, h3, .Header__searchTitle {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}

/* === Sub-headings in Roboto Bold === */
h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/* === Zoekbalk styling === */
.Header__searchBox input,
.SearchContainer__searchInput {
  border-radius: 0 !important;
  border: 2px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.15);
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.Header__searchBox input::placeholder,
.SearchContainer__searchInput::placeholder {
  color: rgba(255,255,255,0.7);
}

.Header__searchBox input:focus,
.SearchContainer__searchInput:focus {
  border-color: #ffffff;
  background: rgba(255,255,255,0.25);
  outline: none;
}

/* === Footer === */
.Footer__footerCopyrigt {
  background-color: #252525;
  padding: 28px 0 20px 0;
  font-family: 'Roboto', sans-serif;
}

.footer-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-phones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.footer-phone-icon {
  color: rgba(255,255,255,0.45);
  display: flex;
  align-items: center;
  padding-right: 16px;
  border-right: 1px solid rgba(255,255,255,0.12);
  margin-right: 4px;
}

.footer-phone-item {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none !important;
  padding: 5px 16px;
  border-right: 1px solid rgba(255,255,255,0.12);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.2s;
}

.footer-phone-item:last-child {
  border-right: none;
}

.footer-phone-item:hover {
  color: #ffffff !important;
}

.footer-country {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: rgba(255,255,255,0.45) !important;
  letter-spacing: 0.08em;
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 14px;
}

.footer-powered {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 11px;
  color: rgba(255,255,255,0.3) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .footer-phone-icon {
    display: none;
  }
  .footer-phone-item {
    border-right: none;
    padding: 4px 8px;
  }
}