/* 20260709081918 - 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 v2.0 */
@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');

/* Kernvariabelen */
:root {
  --color-accent: #3A9EA8 !important;
  --color-accent-darker: #2C8590 !important;
  --color-primary: #1F6B74 !important;
}

/* 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; }

/* Message bar - teal */
.main-header__top-section { background-color: #3A9EA8 !important; color: #fff !important; }
.main-header__top-section a, .main-header__top-section span { color: rgba(255,255,255,.9) !important; }

/* Header */
header.main-header { border-bottom: 1px solid #E5EDED; box-shadow: 0 1px 8px rgba(58,158,168,.07); background: #fff !important; }
.main-header__logo img { max-height: 52px; width: auto; }
.main-header__inner { background: #fff !important; }

/* Navigatie */
.main-header__nav-item a:hover, .main-header__nav-item--active a { color: #3A9EA8 !important; }
.main-header__sub-nav { border-top: 3px solid #3A9EA8 !important; }
.main-header__sub-nav a:hover { color: #3A9EA8 !important; }

/* Knoppen */
.btn--primary { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; border-radius: 100px !important; font-family: 'Nunito', sans-serif; font-weight: 700 !important; }
.btn--primary:hover { background-color: #2C8590 !important; border-color: #2C8590 !important; }
.btn--secondary { border-color: #3A9EA8 !important; color: #3A9EA8 !important; border-radius: 100px !important; }
.btn--secondary:hover { background-color: #3A9EA8 !important; color: #fff !important; }

/* HERO SLIDESHOW - achtergrondafbeeldingen */
.hero-slideshow { min-height: 520px !important; }
.hero-slideshow__banner.bg-contrast-lower { min-height: 520px !important; }

/* Slide 1 - slaapkamer sfeer */
.hero-slideshow__item:nth-child(1) .hero-slideshow__banner,
.hero-slideshow__banner:first-child {
  background-image: linear-gradient(rgba(26,47,56,.45), rgba(26,47,56,.45)), url('https://cdn.webshopapp.com/shops/12318/files/404968738/p1060044.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #1A2F38 !important;
}

/* Slide 2 - andere afbeelding */
.hero-slideshow__item:nth-child(2) .hero-slideshow__banner {
  background-image: linear-gradient(rgba(31,107,116,.45), rgba(31,107,116,.45)), url('https://cdn.webshopapp.com/shops/12318/files/404968723/p1060080.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #1F6B74 !important;
}

/* Slide 3 - teal gradient fallback */
.hero-slideshow__item:nth-child(3) .hero-slideshow__banner {
  background-image: linear-gradient(135deg, rgba(26,47,56,.8), rgba(44,133,144,.7)), url('https://cdn.webshopapp.com/shops/12318/files/404968738/p1060044.jpg') !important;
  background-size: cover !important;
  background-position: center right !important;
  background-color: #2C8590 !important;
}

/* Hero tekst wit op donkere achtergrond */
.hero-slideshow__banner h1, .hero-slideshow__banner h2,
.hero-slideshow__banner .headline-banner__title { color: #fff !important; font-family: 'Lora', serif !important; font-weight: 500 !important; }
.hero-slideshow__banner p, .hero-slideshow__banner .headline-banner__label { color: rgba(255,255,255,.85) !important; }
.hero-slideshow__banner .btn { background: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; border-radius: 100px !important; }

/* Hero slideshow navigatie pijlen */
.hero-slideshow .carousel__control-btn { background: rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.3) !important; }
.hero-slideshow .carousel__control-btn:hover { background: #3A9EA8 !important; }

/* Promo banners */
.banner-card.bg-contrast-lower {
  background-image: linear-gradient(rgba(26,47,56,.5), rgba(26,47,56,.5)), url('https://cdn.webshopapp.com/shops/12318/files/364067958/parijs.png') !important;
  background-size: cover !important;
  background-position: center !important;
  min-height: 300px !important;
}
.banner-card:last-child.bg-contrast-lower {
  background-image: linear-gradient(rgba(31,107,116,.5), rgba(31,107,116,.5)), url('https://cdn.webshopapp.com/shops/12318/files/364067956/oslo.png') !important;
}
.banner-card h2, .banner-card h3, .banner-card .banner-card__title { color: #fff !important; font-family: 'Lora', serif !important; }
.banner-card .btn { border-radius: 100px !important; }

/* Tekstblok na slideshow */
.padding-top-xl.padding-bottom-lg h2 { color: #1F6B74 !important; font-family: 'Lora', serif !important; }
.padding-top-xl.padding-bottom-lg p { color: #555F5F !important; }

/* Productkaarten */
.prod-card { border-radius: 6px !important; overflow: hidden !important; transition: box-shadow .25s, transform .25s !important; background: #fff; border: 1px solid #E5EDED; }
.prod-card:hover { box-shadow: 0 6px 24px rgba(58,158,168,.14) !important; transform: translateY(-2px) !important; }
.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; }
.prod-card__title { font-family: 'Lora', serif !important; color: #2A3333 !important; }
.prod-card__wishlist:hover svg { stroke: #3A9EA8 !important; }

/* Productcarrousel titel */
.padding-y-lg > h2, section.padding-y-lg h2 { color: #1F6B74 !important; font-family: 'Lora', serif !important; }

/* Hero onderin */
section.hero.bg-contrast-lower {
  background-image: linear-gradient(rgba(26,47,56,.65), rgba(26,47,56,.65)), url('https://cdn.webshopapp.com/shops/12318/files/404968723/p1060080.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #1A2F38 !important;
}
section.hero h2, section.hero h3, section.hero p { color: #fff !important; }
section.hero .btn--primary { background: #3A9EA8 !important; }

/* Paginering */
[class*="pagination"] [class*="active"] a, [class*="pagination"] [class*="current"] { background: #3A9EA8 !important; border-color: #3A9EA8 !important; color: #fff !important; }
[class*="pagination"] a:hover { border-color: #3A9EA8 !important; color: #3A9EA8 !important; }

/* Populaire merken */
.padding-y-xl h2 { color: #1F6B74 !important; font-family: 'Lora', serif !important; }

/* Blog preview */
.blog-preview h2 { color: #1F6B74 !important; font-family: 'Lora', serif !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; }
[class*="footer__logo"] img, footer [class*="logo"] img { max-height: 44px; filter: brightness(10) !important; }

/* 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 { fill: rgba(255,255,255,.8) !important; color: rgba(255,255,255,.8) !important; }
.main-footer__social-list path { fill: rgba(255,255,255,.8) !important; }

/* Newsletter */
[class*="newsletter"] .btn, [class*="subscribe"] .btn, footer .btn { background-color: #3A9EA8 !important; border-color: #3A9EA8 !important; border-radius: 100px !important; }

/* Focus */
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; }

/* Breadcrumbs */
[class*="breadcrumb"] a:hover { color: #3A9EA8 !important; }

/* Tabs */
[class*="tab--active"], [class*="tab--selected"], [class*="tab"]:hover { color: #3A9EA8 !important; border-color: #3A9EA8 !important; }

/* Sterren */
[class*="star"] svg,[class*="rating"] svg { color: #F5A623 !important; fill: #F5A623 !important; }

/* Wishlist */
[class*="wishlist--active"] svg [class*="wishlist-active"] svg { fill: #3A9EA8 !important; }

/* Mobiel */
@media(max-width:768.98px) {
  .main-header__logo img { max-height: 42px; }
  .hero-slideshow { min-height: 360px !important; }
  .hero-slideshow__banner { min-height: 360px !important; }
}

/* === EXTRA FIXES === */

/* Verklein de grote SEO-tekstsectie */
.padding-top-xl.padding-bottom-lg {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
  max-height: 500px;
  overflow: hidden;
}
.padding-top-xl.padding-bottom-lg h2 {
  font-size: clamp(22px, 2.5vw, 32px) !important;
  margin-bottom: 1rem !important;
}
.padding-top-xl.padding-bottom-lg p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #555F5F !important;
  max-width: 800px;
  margin: 0 auto 0.75rem !important;
}

/* Productcarrousel lege staat verbergen */
.carousel__empty-state, [class*="empty-state"] { display: none !important; }

/* Categorieën sectie - visueel verbeteren */
.padding-y-lg .category-card, [class*="category-card"] {
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform .25s, box-shadow .25s !important;
}
.padding-y-lg .category-card:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(58,158,168,.15) !important; }
[class*="category-card"] h3, [class*="category-card"] h2 { font-family: 'Lora', serif !important; }

/* Aanbevolen categorieën - bg kleur als fallback */
[class*="featured-categories"] { background: #F4FAFB !important; padding: 3rem 0 !important; }

/* Populaire merken logo's grijs maken */
.padding-y-xl img { filter: grayscale(30%) !important; opacity: .85 !important; transition: filter .2s, opacity .2s !important; }
.padding-y-xl img:hover { filter: none !important; opacity: 1 !important; }

/* Blog preview kaarten */
.blog-preview .blog-card { border-radius: 8px !important; overflow: hidden !important; }
.blog-preview h3, .blog-preview .blog-card__title { font-family: 'Lora', serif !important; color: #1F6B74 !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: #3A9EA8; border-radius: 10px; }

/* Aanmelden / inloggen link rechts topbar */
.main-header__top-section .main-header__nav-list a { color: rgba(255,255,255,.85) !important; }

/* Winkelwagen icon */
[class*="nav__cart"], [class*="header__cart"] .icon { color: #1F6B74 !important; }
[class*="nav__wishlist"] .icon { color: #1F6B74 !important; }

/* Verbeter hero slideshow tekst layout */
[class*="headline-banner"], [class*="hero-slideshow__content"] {
  padding: 3rem 2rem !important;
}
[class*="headline-banner__title"], .hero-slideshow__banner h1, .hero-slideshow__banner h2 {
  font-size: clamp(28px, 4vw, 54px) !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.3) !important;
}
[class*="headline-banner__label"] {
  font-size: 14px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
  opacity: .85 !important;
}

