/* =============================================================================
   IBOCARE.NL - huisstijl bovenop de thinkstore-opmaak (style.css)
   Kleuren overgenomen van de oude ibocare.nl:
     navy   #2a3167  menubalk, knoppen, USP-balk
     blauw  #0e8fde  knop Aanbiedingen
     oranje #e96631  streepje onder koppen, accenten
     rood   #dd0e1c  kortingsprijzen
     footer #3a4754
   ============================================================================= */
:root{
  --ibo-navy:#2a3167;--ibo-navy-dark:#1d2352;--ibo-blue:#0e8fde;--ibo-orange:#e96631;--ibo-red:#dd0e1c;
  --ibo-bg:#f4f4f4;--ibo-head:#f8f8f8;--ibo-foot:#3a4754;
  /* de thinkstore-variabelen omzetten naar ibocare */
  --ts-red:var(--ibo-navy);--ts-red-dark:var(--ibo-navy-dark);--ts-black:#1f2433;--ts-text:#1f2433;
}
body{background:var(--ibo-bg)}
a:hover{color:var(--ibo-blue)}

/* ---------- topbalk (wit) ---------- */
nav#top.ibo-top{background:#fff!important;min-height:34px;border-bottom:1px solid #ececec}
nav#top.ibo-top .container{display:flex;align-items:center;justify-content:space-between;min-height:34px}
.ibo-top-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
nav#top.ibo-top .ibo-top-links a{color:#333!important;font-size:12.5px!important;font-weight:500!important}
nav#top.ibo-top .ibo-top-links a:hover{color:var(--ibo-blue)!important}
.ibo-top-links i{color:#555;margin-right:4px;font-size:12px}
nav#top.ibo-top .ibo-top-lang a,nav#top.ibo-top .ibo-top-lang .btn{color:#333!important}

/* ---------- kop (lichtgrijs) ---------- */
header{background:var(--ibo-head);padding:14px 0 12px;border-bottom:0}
header #logo{display:flex;align-items:center;min-height:72px}
header #logo img{height:auto!important;width:auto!important;max-width:100%!important;max-height:72px!important;object-fit:contain}
@media (max-width:767px){header #logo{min-height:0}header #logo img{max-height:46px!important}}
@media (max-width:575px){header #logo img{max-height:40px!important}}
header #logo h1 a{color:var(--ibo-navy);font-weight:800}
header .input-group .form-control{border-radius:0!important;border:1px solid #d9d9d9;background:#fff;height:42px}
header .input-group .btn{height:42px!important;min-width:46px;border-radius:0!important;background:var(--ibo-navy)!important;border-color:var(--ibo-navy)!important}
#cart .btn,#cart .btn-dark{background:var(--ibo-navy)!important;border-color:var(--ibo-navy)!important;border-radius:0!important;height:42px}
#cart .btn:hover,#cart .btn-dark:hover{background:var(--ibo-blue)!important;border-color:var(--ibo-blue)!important}
header ul.list-inline a{color:#444}
header ul.list-inline i{color:#555}

/* ---------- menubalk (navy, volle breedte) ---------- */
.ibo-menubar{background:var(--ibo-navy);width:100%}
.ibo-menubar nav#menu.navbar,.ibo-menubar nav#menu.navbar.bg-primary{background:transparent!important;border:0!important;margin:0;min-height:45px}
.ibo-menubar nav#menu .navbar-nav>li>a,.ibo-menubar nav#menu .nav-link{color:#fff!important;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.2px;padding:13px 13px!important;border-bottom:0!important}
.ibo-menubar nav#menu .navbar-nav>li>a:hover,.ibo-menubar nav#menu .nav-link:hover,.ibo-menubar nav#menu .nav-item.show>.nav-link{color:#fff!important;background:rgba(255,255,255,.12)!important}
.ibo-menubar nav#menu .dropdown-menu{border-top:3px solid var(--ibo-orange)}
.ibo-menubar nav#menu .dropdown-menu .dropdown-item{color:#1f2433!important;text-transform:none}
.ibo-menubar nav#menu .dropdown-menu .dropdown-item:hover{color:var(--ibo-blue)!important}
.ibo-menubar #category{color:#fff}
@media (min-width:992px){.ibo-menubar nav#menu .navbar-nav{margin-left:-13px;margin-right:auto;justify-content:flex-start}}
.ibo-menubar .navbar-toggler,.ibo-menubar .navbar-toggler i{color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.ibo-offers{display:inline-flex;align-items:center;gap:8px;background:var(--ibo-blue);color:#fff!important;font-size:14px;font-weight:600;padding:0 16px;height:45px;white-space:nowrap}
.ibo-offers:hover{background:#0b7cc2;color:#fff!important}
@media (max-width:991px){.ibo-offers{height:40px;margin:6px 0 10px}}

/* ---------- homepage: slider, dan USP-balk, dan de rest ---------- */
#common-home{padding-top:20px}
#common-home #content{display:flex;flex-direction:column}
#common-home #content>*{order:3}
#common-home #content>.carousel:first-of-type,#common-home #content>div[id^="carousel"]:first-of-type{order:1}
#common-home #content>.ibo-usp{order:2}
.ibo-usp{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;color:#fff;padding:14px 0;margin:20px 0 10px;z-index:0}
.ibo-usp::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--ibo-navy);z-index:-1}
.ibo-usp-item{display:flex;align-items:center;gap:14px;min-height:56px}
.ibo-usp-icon{flex:0 0 52px;height:52px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.ibo-usp strong{display:block;font-size:14px;font-weight:700;line-height:1.3}
.ibo-usp small{display:block;font-size:12px;opacity:.9;line-height:1.35}
@media (max-width:991px){.ibo-usp{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.ibo-usp{grid-template-columns:1fr;gap:10px}.ibo-usp-icon{flex-basis:42px;height:42px;font-size:16px}}
body{overflow-x:hidden}

/* ---------- koppen: oranje streepje ---------- */
#content h1::after,#content h2:not(.price)::after,#content h3::after{background:var(--ibo-orange)!important}
#content h3{font-size:20px;font-weight:700}

/* ---------- productkaarten ---------- */
.product-thumb{background:#fff;border:1px solid #e9e9e9;border-radius:0}
.product-thumb .price,#content .product-thumb .price-new,#product .price,#product h2.price,#content #product h2,#content li h2,#content .price-new{color:#111!important}
/* kortingsprijs (er staat een doorgestreepte oude prijs naast) in rood */
#content .price:has(.price-old) .price-new,#content h2:has(.price-old) .price-new,#content li:has(.price-old) .price-new{color:var(--ibo-red)!important}
.product-thumb .button button:first-child,#button-cart{background:var(--ibo-navy)!important;border-radius:0}
.product-thumb .button button:first-child:hover,#button-cart:hover{background:var(--ibo-blue)!important}

/* gekozen optie op de productpagina */
#product .form-check-input:checked+.form-check-label{background:#eef0f8}

/* ---------- footer ---------- */
footer{background:var(--ibo-foot);color:#d5dae0}
footer h5{color:#fff}
footer a{color:#d5dae0}
footer a:hover{color:#fff}
footer p,footer .ts-foot-copy{color:#b9c1ca}

/* ---------- extra iconen (uit Font Awesome 6.7.1 Free, CC BY 4.0) ---------- */
.fa-box-open,.fa-award,.fa-truck-fast,.fa-arrows-rotate,.fa-house,.fa-circle-question,.fa-mobile-screen{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--fa) center/contain no-repeat;mask:var(--fa) center/contain no-repeat}
.fa-box-open{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M59 42Q64 33 75 33L320 64L565 33Q576 33 581 42L623 126Q629 140 623 153Q618 166 603 171L440 217Q417 222 403 203L320 64L237 203Q223 222 200 217L37 171Q22 166 17 153Q11 140 17 126L59 42ZM321 128 376 219 321 128 376 219Q388 238 407 246Q427 254 449 248L576 212V379Q576 395 566 408Q556 421 540 425L335 476Q320 480 304 476L100 425Q84 421 74 408Q64 395 64 379V212L192 248Q213 254 233 246Q252 238 264 219L319 128H321Z'/%3E%3C/svg%3E")}
.fa-award{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M174 6Q192 -5 210 6L228 17Q237 23 248 23L269 21Q291 21 301 40L311 59Q316 68 325 73L345 83Q363 93 363 115L361 136Q361 147 367 156L379 174Q390 192 379 210L367 228Q361 237 361 248L363 269Q363 291 344 301L325 311Q316 316 311 325L301 345Q291 363 270 363L248 361Q237 361 228 367L210 379Q192 390 174 379L156 367Q147 361 136 361L115 363Q93 363 83 344L73 325Q68 316 59 311L40 301Q21 291 21 270L23 248Q23 237 17 228L6 210Q-5 192 6 174L17 156Q23 147 23 136L21 115Q21 93 40 83L59 73Q68 68 73 59L83 40Q93 21 115 21L136 23Q147 23 156 17L174 6ZM272 192Q271 147 232 123Q192 101 152 123Q113 147 112 192Q113 237 152 261Q192 283 232 261Q271 237 272 192ZM1 442 44 339 1 442 44 339Q45 339 45 340L54 359Q75 395 116 395L138 393Q138 393 138 394L156 405Q164 410 172 413L135 502Q131 511 121 512Q112 513 107 505L74 456L18 464Q9 465 3 458Q-2 450 1 442ZM249 502 212 413 249 502 212 413Q220 410 228 405L246 394Q246 393 246 393L268 395Q309 395 330 359L339 340Q339 339 340 339L383 442Q386 450 381 458Q375 465 366 464L310 456L277 505Q272 512 263 512Q253 511 249 502Z'/%3E%3C/svg%3E")}
.fa-truck-fast{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M112 0Q92 1 78 14Q65 28 64 48V96H16Q1 97 0 112Q1 127 16 128H64H272Q287 129 288 144Q287 159 272 160H64H48Q33 161 32 176Q33 191 48 192H64H240Q255 193 256 208Q255 223 240 224H64H16Q1 225 0 240Q1 255 16 256H64H208Q223 257 224 272Q223 287 208 288H64V416Q65 457 92 484Q119 511 160 512Q201 511 228 484Q255 457 256 416H384Q385 457 412 484Q439 511 480 512Q521 511 548 484Q575 457 576 416H608Q622 416 631 407Q640 398 640 384Q640 370 631 361Q622 352 608 352V288V256V237Q608 211 589 192L512 115Q493 96 467 96H416V48Q415 28 402 14Q388 1 368 0H112ZM544 237V256V237V256H416V160H467L544 237ZM160 368Q187 369 202 392Q214 416 202 440Q187 463 160 464Q133 463 118 440Q106 416 118 392Q133 369 160 368ZM432 416Q433 389 456 374Q480 362 504 374Q527 389 528 416Q527 443 504 458Q480 470 456 458Q433 443 432 416Z'/%3E%3C/svg%3E")}
.fa-arrows-rotate{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M105 203Q117 169 143 143Q192 96 256 96Q320 96 369 143L386 160H352Q338 160 329 169Q320 178 320 192Q320 206 329 215Q338 224 352 224H464Q464 224 464 224Q464 224 464 224Q478 224 487 215Q496 206 496 192V80Q496 66 487 57Q478 48 464 48Q450 48 441 57Q432 66 432 80V115L414 98Q370 54 313 39Q256 25 199 39Q142 54 98 98Q61 135 45 181Q41 194 46 206Q52 217 64 222Q77 226 89 221Q100 215 105 203ZM39 289Q31 292 25 298Q19 304 17 312Q17 313 16 315Q16 318 16 320V432Q16 446 25 455Q34 464 48 464Q62 464 71 455Q80 446 80 432V397L98 414Q98 414 98 414Q142 458 199 473Q256 487 313 473Q370 458 414 414Q451 377 467 331Q471 318 466 306Q460 295 448 290Q435 286 423 291Q412 297 407 309Q395 342 369 369Q320 416 256 416Q192 416 143 369L126 352H160Q174 352 183 343Q192 334 192 320Q192 306 183 297Q174 288 160 288H48Q46 288 44 288Q41 289 39 289Z'/%3E%3C/svg%3E")}
.fa-house{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M576 256Q575 269 566 278Q557 287 544 288H512L513 448Q512 452 512 456V472Q512 489 500 500Q489 512 472 512H456Q454 512 453 512Q451 512 449 512H416H392Q375 512 364 500Q352 489 352 472V448V384Q352 370 343 361Q334 352 320 352H256Q242 352 233 361Q224 370 224 384V448V472Q224 489 212 500Q201 512 184 512H160H128Q127 512 126 512Q125 512 124 512Q122 512 120 512H104Q87 512 76 500Q64 489 64 472V360Q64 359 64 357V288H32Q18 287 9 278Q0 269 0 255Q0 242 10 231L266 8Q277 -1 288 0Q300 0 309 7L565 232Q577 242 576 256Z'/%3E%3C/svg%3E")}
.fa-circle-question{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512Q326 511 384 478Q442 444 478 384Q512 323 512 256Q512 189 478 128Q442 68 384 34Q326 1 256 0Q186 1 128 34Q70 68 34 128Q0 189 0 256Q0 323 34 384Q70 444 128 478Q186 511 256 512ZM170 165Q176 148 190 138Q204 128 223 128H281Q308 129 326 147Q343 164 344 191Q343 227 312 246L280 264Q278 286 256 288Q234 286 232 264V251Q232 237 244 230L288 204Q296 200 296 191Q295 177 281 176H223Q217 176 215 181V183Q205 203 184 197Q164 188 169 167L170 165ZM224 352Q224 338 233 329Q242 320 256 320Q270 320 279 329Q288 338 288 352Q288 366 279 375Q270 384 256 384Q242 384 233 375Q224 366 224 352Z'/%3E%3C/svg%3E")}
.fa-mobile-screen{--fa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M16 64Q17 37 35 19Q53 1 80 0H304Q331 1 349 19Q367 37 368 64V448Q367 475 349 493Q331 511 304 512H80Q53 511 35 493Q17 475 16 448V64ZM144 448Q145 463 160 464H224Q239 463 240 448Q239 433 224 432H160Q145 433 144 448ZM304 64H80H304H80V384H304V64Z'/%3E%3C/svg%3E")}

/* ---------- kopblok categoriepagina: navy i.p.v. zwart/rood ---------- */
.thk-kop{background:linear-gradient(120deg,#2a3167 0%,#1d2352 60%,#232a5c 100%)!important}
.thk-kop::after{background:var(--ibo-orange)!important}
.thk-eyebrow{color:#ffb08f!important}
.thk-kop p{color:#dfe3f0!important}

/* knop "In winkelwagen" op een regel */
.product-thumb .button button:first-child{white-space:nowrap;font-size:13px;padding:0 12px}