/* tiart.nl — static overrides */
html, body { overflow-x: clip; margin: 0; padding: 0; }
.go-top, .scroll-top { display: none !important; }

/* Header fix: force desktop horizontal menu (Oxygen Pro Menu breakpoint bug) */
@media (min-width: 1024px) {
  .oxy-pro-menu-mobile-open-icon,
  .oxy-pro-menu-mobile-close-icon,
  .oxy-nav-menu-hamburger,
  .oxy-nav-menu-close { display: none !important; }
  .oxy-pro-menu,
  .oxy-nav-menu { display: flex !important; flex-direction: row !important; width: auto !important; height: auto !important; align-items: center !important; position: static !important; background: transparent !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  .oxy-pro-menu-list,
  .oxy-nav-menu ul,
  .oxy-pro-menu ul { display: flex !important; flex-direction: row !important; gap: 24px; padding: 0 !important; margin: 0 !important; list-style: none !important; align-items: center !important; }
  .oxy-pro-menu-list li,
  .oxy-nav-menu ul li,
  .oxy-pro-menu ul li { display: inline-flex !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
  .oxy-pro-menu-list li a,
  .oxy-nav-menu ul li a,
  .oxy-pro-menu ul li a { padding: 8px 10px !important; color: #ffffff !important; }
  .oxy-pro-menu-list li a:hover,
  .oxy-nav-menu ul li a:hover,
  .oxy-pro-menu ul li a:hover { color: #63b22f !important; }
  .oxy-pro-menu-list li::before { display: none !important; }
}

/* FAB WhatsApp disabled */
.ta-fab-wa { display: none !important; }

/* Mobile: hide language flags in footer (keep only in header menu) */
@media (max-width: 1023px) {
  #_pro-menu-8-6 .lang-item,
  #_pro-menu-8-6 .menu-item[class*="lang-item"] { display: none !important; }
  #_pro-menu-8-6 .oxy-pro-menu-list > li:has(.lang-switcher) { display: none !important; }
}

/* Readability — text on dark body background */
.atomic-iconblock-8-text,
.atomic-content-30-text,
#section-181-8 .ct-text-block,
#section-181-8 .ct-headline,
#section-30-8 .ct-text-block,
#section-144-8 .ct-text-block,
.ct-section:not([style*="background"]):not([class*="has-background"]) .ct-text-block,
.ct-section:not([style*="background"]):not([class*="has-background"]) h4.ct-headline {
    color: #e4e6eb !important;
}
.atomic-iconblock-8-title,
#section-181-8 h4,
#section-144-8 h4 {
    color: #ffffff !important;
}

/* Mobile basics */
@media (max-width: 768px) {
  body * { max-width: 100vw; }
  img, video, iframe { max-width: 100% !important; }
  /* Bottom padding so sticky WhatsApp/Bel/E-mail bar doesn't cover footer */
  body { padding-bottom: 80px !important; background: #1d1e2e !important; }
  html { background: #1d1e2e !important; }
  #div_block-49-6 { z-index: 999 !important; }
}

/* Hide stale Trustindex widget if present */
.ti-widget, .ti-widget-container { display: none !important; }

/* Custom Google-style reviews slider */
.tr-reviews {
  padding: 60px 20px;
  background: #f8f9fa;
  color: #202124;
}
.tr-container { max-width: 1200px; margin: 0 auto; }
.tr-header { text-align: center; margin-bottom: 36px; }
.tr-reviews h2 {
  font-size: clamp(26px, 3.4vw, 36px);
  color: #fff;
  margin: 0 0 16px;
  font-weight: 700;
}
.tr-reviews { background: #1d1e2e; }
.tr-summary { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; }
.tr-rating { display: inline-flex; align-items: center; gap: 10px; }
.tr-big { font-size: 40px; font-weight: 700; color: #fbbc04; line-height: 1; }
.tr-stars-big { display: inline-flex; gap: 2px; }
.tr-stars-big svg { width: 22px; height: 22px; }
.tr-count { color: #cfd2d8; font-size: 14px; }

/* Slider */
.tr-slider { position: relative; padding: 0 52px; }
.tr-track {
  display: flex; gap: 20px;
  overflow-x: hidden;
  overflow-y: visible;
  scroll-behavior: smooth;
  padding: 10px 4px;
  scroll-snap-type: x mandatory;
}
.tr-card {
  flex: 0 0 calc(33.33% - 14px);
  min-width: 280px;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 8px;
  padding: 20px 20px 22px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  transition: box-shadow .2s, transform .2s;
  scroll-snap-align: start;
  position: relative;
}
.tr-card:hover { box-shadow: 0 6px 16px rgba(0,0,0,0.12); transform: translateY(-2px); }
.tr-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.tr-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 600; font-size: 17px;
  flex-shrink: 0;
}
.tr-meta { flex: 1; min-width: 0; }
.tr-name { font-size: 15px; font-weight: 500; color: #202124; line-height: 1.3; }
.tr-source { font-size: 12px; color: #5f6368; }
.tr-g { flex-shrink: 0; }
.tr-stars { display: inline-flex; gap: 2px; margin-bottom: 10px; }
.tr-text {
  font-size: 14px; line-height: 1.55; color: #3c4043;
  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;
  overflow: hidden;
}

.tr-prev, .tr-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  background: #fff; border: 1px solid #dadce0;
  color: #5f6368; font-size: 28px; font-weight: 300; line-height: 1;
  cursor: pointer; z-index: 10;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.1);
  display: flex; align-items: center; justify-content: center;
  transition: box-shadow .15s, transform .15s, color .15s;
}
.tr-prev:hover, .tr-next:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.2), 0 4px 14px rgba(0,0,0,0.15);
  transform: translateY(-50%) scale(1.05);
  color: #202124;
}
.tr-prev { left: 0; }
.tr-next { right: 0; }

.tr-cta { text-align: center; margin-top: 28px; }
.tr-view-all {
  display: inline-flex; align-items: center;
  padding: 12px 24px;
  background: #fff;
  color: #202124;
  border: 1px solid #dadce0;
  border-radius: 24px;
  font-size: 14px; font-weight: 500;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s, background .15s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.tr-view-all:hover {
  background: #f8f9fa;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  transform: translateY(-1px);
  color: #202124;
}

@media (max-width: 900px) {
  .tr-card { flex-basis: calc(50% - 10px); }
}
@media (max-width: 600px) {
  .tr-reviews { padding: 40px 12px; }
  .tr-slider { padding: 0 40px; }
  .tr-card { flex-basis: 100%; min-width: 240px; }
  .tr-prev, .tr-next { width: 36px; height: 36px; font-size: 22px; }
}

/* Google-style review slider */
.ti-widget { position: relative; padding: 0 56px !important; }
.ti-widget .ti-widget-container { overflow: hidden !important; }
.ti-widget .ti-reviews-container-wrapper {
  display: flex !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 10px 0 20px 0 !important;
  width: 100% !important;
}
.ti-widget .ti-review-item {
  flex: 0 0 calc(33.33% - 14px) !important;
  min-width: 280px !important;
  max-width: none !important;
  box-sizing: border-box;
  background: #ffffff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  color: #202124 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  transition: box-shadow .2s;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  margin: 0 !important;
}
.ti-widget .ti-review-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
@media (max-width: 900px) {
  .ti-widget .ti-review-item { flex-basis: calc(50% - 10px) !important; }
}
@media (max-width: 600px) {
  .ti-widget { padding: 0 40px !important; }
  .ti-widget .ti-review-item { flex-basis: 100% !important; min-width: 240px !important; }
}

/* Review header: avatar + name + Google G */
.ti-widget .ti-review-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  order: -1;
}
.ti-widget .ti-profile-img img {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover;
}
.ti-widget .ti-name {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #202124 !important;
  line-height: 1.3;
}
/* Google G logo in corner */
.ti-widget .ti-review-item::after {
  content: "G";
  position: absolute;
  top: 16px; right: 16px;
  width: 22px; height: 22px;
  background: conic-gradient(from 0deg, #4285F4 0% 25%, #EA4335 25% 50%, #FBBC05 50% 75%, #34A853 75% 100%);
  border-radius: 50%;
  color: transparent;
  box-shadow: 0 0 0 2px #fff inset;
  display: flex; align-items: center; justify-content: center;
  font-family: Arial, sans-serif; font-weight: 700;
}
.ti-widget .ti-review-item { position: relative !important; }

/* Star rating — gold */
.ti-widget .ti-stars { display: inline-flex !important; gap: 2px; margin-bottom: 10px; }
.ti-widget .ti-star { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbc04'%3E%3Cpath d='M12 2l2.39 7.36H22l-6.18 4.5 2.39 7.36L12 16.72l-6.21 4.5 2.39-7.36L2 9.36h7.61z'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; display: inline-block !important; }
.ti-widget .ti-review-text {
  color: #3c4043 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ti-widget .ti-review-text::before { content: open-quote; font-size: 32px; color: #dadce0; line-height: 0; margin-right: 2px; vertical-align: -10px; font-family: Georgia, serif; }

/* Navigation arrows — Google Material style */
.ti-widget .ti-next,
.ti-widget .ti-prev {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 44px !important; height: 44px !important;
  background: #ffffff !important;
  color: #5f6368 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center; justify-content: center;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.1);
  z-index: 20;
  border: 1px solid #dadce0 !important;
  transition: box-shadow .15s, transform .15s;
}
.ti-widget .ti-next::before { content: "›"; font-size: 28px; line-height: 1; font-weight: 300; }
.ti-widget .ti-prev::before { content: "‹"; font-size: 28px; line-height: 1; font-weight: 300; }
.ti-widget .ti-next:hover,
.ti-widget .ti-prev:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.2), 0 4px 14px rgba(0,0,0,0.15); transform: translateY(-50%) scale(1.05); color: #202124 !important; }
.ti-widget .ti-next { right: 0px; }
.ti-widget .ti-prev { left: 0px; }

/* Hide read-more link */
.ti-widget .ti-read-more { display: none !important; }