/* ==========================================================================
   GoTrusted UI — ontwerpbasis (3.14.0)
   Eén lettertype, één actiekleur, één knopvorm en één bedrijfskaart voor de
   hele site. Laadt sitebreed na style.css. De knopregels gebruiken bewust
   `html body` + !important: modules zetten hun eigen inline CSS later in de
   pagina, en dit bestand is de enige bron voor de actiekleur.
   Zie gotrusted-previews/design-2026/ (designvoorstel, goedgekeurd 1-10-2026).
   ========================================================================== */

/* ---------- Inter, zelf gehost (SIL OFL, zie fonts/Inter-OFL.txt) ---------- */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("fonts/inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- tokens ---------- */
:root{
  --gt-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --tp-font:var(--gt-font);
  --gt-navy:#0d3150;
  --gt-green:#00b67a;          /* merkgroen: sterren, accenten, logo */
  --gt-action:#006f4d;         /* knoppen en links — wit erop 6,2:1 */
  --gt-action-hover:#005a3f;
  --gt-action-soft:#eefaf4;
  --gt-ink:#16222c;
  --gt-muted:#5b6b78;
  --gt-line:#dce7e2;
  --gt-line-2:#e9f0ed;
  --gt-radius-btn:10px;
  --gt-radius-card:16px;
}

/* ---------- basis ---------- */
body{
  font-family:var(--gt-font);
  font-weight:400;              /* Twenty Twenty-Five zet 300: te dun */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body button,body input,body select,body textarea{font-family:inherit}

/* ---------- één primaire knop ---------- */
html body :is(
  .gt-cta,
  .gt-dir-btn,
  .gt-dir-search-btn,
  .gt-home-search button,
  .gt-blog-search button,
  .gt-widget-btn,
  .gt-blog-btn,
  .comment-form .wp-block-button__link,
  .gt-profile .btn.primary,
  .gt-profile .gt-claim button,
  #gt-cp .btn.primary,
  .gt-revpage .btn-primary,
  .gt-addpage .btn-primary,
  .gt-loket .btn.primary,
  .gt-scanpage .btn-primary,
  .gt-uitleg .button:not(.ghost):not(.secondary):not(.dark),
  .gt-uitleg .hero-claim button,
  .gt-contact-form .button,
  .gt-my-login button,
  .gt-my-prefs button,
  .gtx-btn--primary,
  .gtv-btn--primary,
  .gtd-highlight__cta,
  .gtwc-form button
){
  background:var(--gt-action)!important;
  border-color:var(--gt-action)!important;
  color:#fff!important;
  border-radius:var(--gt-radius-btn)!important;
  box-shadow:none!important;
}
html body :is(
  .gt-cta,
  .gt-dir-btn,
  .gt-dir-search-btn,
  .gt-home-search button,
  .gt-blog-search button,
  .gt-widget-btn,
  .gt-blog-btn,
  .comment-form .wp-block-button__link,
  .gt-profile .btn.primary,
  .gt-profile .gt-claim button,
  #gt-cp .btn.primary,
  .gt-revpage .btn-primary,
  .gt-addpage .btn-primary,
  .gt-loket .btn.primary,
  .gt-scanpage .btn-primary,
  .gt-uitleg .button:not(.ghost):not(.secondary):not(.dark),
  .gt-uitleg .hero-claim button,
  .gt-contact-form .button,
  .gt-my-login button,
  .gt-my-prefs button,
  .gtx-btn--primary,
  .gtv-btn--primary,
  .gtd-highlight__cta,
  .gtwc-form button
):hover{
  background:var(--gt-action-hover)!important;
  border-color:var(--gt-action-hover)!important;
  color:#fff!important;
}
/* Wisselknop op de homepage (consument/bedrijf) blijft een pil, in actiekleur. */
html body .gt-home6 .aud-switch button[aria-selected="true"]{background:var(--gt-action)!important;color:#fff!important;box-shadow:none!important}

/* Tweede knop op lichte FAQ- en contacthero: secundair (wit, rand), zodat er
   één duidelijke hoofdactie is. Op de donkere partnerhero blijft hij transparant. */
html body:is(.gt-faqpage-page,.gt-contactpage-page) .gt-uitleg .button.ghost{
  background:#fff!important;
  border:1px solid var(--gt-line)!important;
  color:var(--gt-navy)!important;
  border-radius:var(--gt-radius-btn)!important;
  box-shadow:none!important;
}
html body:is(.gt-faqpage-page,.gt-contactpage-page) .gt-uitleg .button.ghost:hover{border-color:var(--gt-green)!important;color:var(--gt-action)!important}

/* ---------- één bedrijfskaart (overzicht, categorie, zoeken, home) ---------- */
.gt-ccard{position:relative}
/* De hele kaart is klikbaar via de bedrijfsnaam; de bewaarknop blijft erboven. */
.gt-ccard .gt-ccard-name::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0}
.gt-ccard .gt-ccard-save{position:relative;z-index:1}
.gt-ccard .gt-ccard-name{font-size:17px;font-weight:700;line-height:1.3;color:var(--gt-navy)!important}
.gt-ccard .gt-ccard-cat{font-size:13px;color:var(--gt-muted)}
.gt-ccard .gt-ccard-logo{width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid var(--gt-line)}
.gt-ccard .gt-ccard-logo img{width:80%;height:80%}
.gt-ccard .gt-ccard-logo.is-small img{width:auto;height:auto;max-width:32px;max-height:32px} /* favicons niet opblazen */
.gt-ccard .gt-ccard-initial{color:var(--gt-action)}
.gt-ccard .gt-ccard-badges{margin:14px 0 16px}
.gt-ccard .gt-ccard-foot{padding-top:12px;border-top:1px solid var(--gt-line-2)}
html body .gt-ccard .gt-ccard-btn{
  flex:1 1 auto;
  padding:0!important;
  border:0!important;
  background:none!important;
  text-align:left;
  font-size:15px;
  font-weight:600;
  color:var(--gt-action)!important;
}
html body .gt-ccard:hover .gt-ccard-btn{text-decoration:underline;text-underline-offset:3px}
.gt-ccard .gt-ccard-save{width:36px;height:36px}
.gt-ccard:focus-within{border-color:#b5e8d0}