/* 20260709015411 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* GoedSlapen.nl - Ignite thema CSS v1.0 - Teal #3A9EA8 */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Nunito:wght@300;400;500;600;700&display=swap');

/* CSS variabelen Ignite overschrijven */
:root {
  --color-accent: #3A9EA8 !important;
  --color-accent-darker: #2C8590 !important;
  --color-primary: #1F6B74 !important;
  --color-bg: #FAFAFA;
  --font-primary: 'Nunito', system-ui, sans-serif;
  --font-headings: 'Lora', Georgia, serif;
}

/* Typografie */
body { font-family: 'Nunito', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lora', Georgia, serif; color: #1F6B74; }

/* Header */
header.main-header { border-bottom: 1px solid #E5EDED; box-shadow: 0 1px 8px rgba(58,158,168,.07); }
.main-header__logo img { max-height: 52px; width: auto; }

/* Navigatie links */
.main-header__nav-grid a:hover { color: #3A9EA8 !important; }
.main-header__item--active a, .main-header__nav-item--active { color: #3A9EA8 !important; }

/* Primaire knoppen - teal */
.btn--primary { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; border-radius: 100px !important; }
.btn--primary:hover { background-color: #2C8590 !important; border-color: #2C8590 !important; }

/* Add-to-cart en product acties */
.btn.btn--primary, .btn.btn--lg.btn--primary,
.prod-card__action-button { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; border-radius: 100px !important; font-weight: 700 !important; }
.prod-card__action-button:hover { background-color: #2C8590 !important; }

/* Productkaarten */
.prod-card { transition: box-shadow .25s, transform .25s; border-radius: 6px; overflow: hidden; }
.prod-card:hover { box-shadow: 0 6px 24px rgba(58,158,168,.14) !important; transform: translateY(-2px); }
.prod-card__img-wrapper { border-radius: 6px 6px 0 0; }

/* Product tags / labels */
[class*="prod-card__label"], [class*="product-label"], .label--new { background-color: #3A9EA8 !important; border-radius: 100px !important; }
[class*="label--sale"] { border-radius: 100px !important; }

/* Prijs */
.prod-card__price [class*="price--discounted"], [class*="price--sale"] { color: #E05A45 !important; }

/* Zoekbalk */
input[type="search"]:focus, [class*="search"] input:focus { border-color: #3A9EA8 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(58,158,168,.12) !important; }

/* Tabs op productpagina */
[class*="tab"]:hover, [class*="tab--active"], [class*="tab--selected"] { color: #3A9EA8 !important; border-color: #3A9EA8 !important; }

/* Breadcrumbs */
[class*="breadcrumb"] a:hover { color: #3A9EA8 !important; }

/* Paginering */
[class*="pagination"] [class*="active"] a, [class*="pagination"] [class*="current"] { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; }
[class*="pagination"] a:hover { border-color: #3A9EA8 !important; color: #3A9EA8 !important; }

/* Carousel navigatie */
.carousel__navigation button:hover, [class*="carousel__btn"]:hover { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; }
.carousel__navigation--pagination [aria-selected="true"], .carousel__navigation--pagination .is-selected { background-color: #3A9EA8 !important; }

/* Focus ring */
*:focus-visible { outline-color: #3A9EA8 !important; }

/* Formulieren */
input:focus, textarea:focus, select:focus { border-color: #3A9EA8 !important; box-shadow: 0 0 0 3px rgba(58,158,168,.1) !important; outline: none !important; }

/* Footer */
footer { background-color: #1A2F38 !important; color: rgba(255,255,255,.6) !important; }
footer h1, footer h2, footer h3, footer h4 { color: rgba(255,255,255,.9) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
footer a { color: rgba(255,255,255,.5) !important; }
footer a:hover { color: rgba(255,255,255,.9) !important; }
footer p, footer span, footer li { color: rgba(255,255,255,.55) !important; }
footer input[type="email"] { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; color: rgba(255,255,255,.9) !important; border-radius: 6px; }
footer input[type="email"]::placeholder { color: rgba(255,255,255,.45) !important; }

/* Footer logo - wit maken */
footer img { filter: brightness(10) !important; }
footer .main-header__logo img, [class*="footer__logo"] img { max-height: 44px; }

/* Sociale knoppen footer */
.main-footer__social-list a { background-color: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 50% !important; }
.main-footer__social-list a:hover { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; }
.main-footer__social-list svg, .main-footer__social-list i { fill: rgba(255,255,255,.8) !important; color: rgba(255,255,255,.8) !important; }

/* Newsletter / subscribe knop */
[class*="newsletter"] .btn, [class*="subscribe"] .btn { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; border-radius: 100px !important; }

/* Wishlist hart */
[class*="wishlist"] svg { stroke: #3A9EA8 !important; }
[class*="wishlist--active"] svg, [class*="wishlist.active"] svg { fill: #3A9EA8 !important; }

/* Sterren reviews */
[class*="star"], [class*="rating"] svg { color: #F5A623 !important; fill: #F5A623 !important; }

/* Mobiel */
@media(max-width:768.98px) {
  .main-header__logo img { max-height: 42px; }
}
