/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/*html, body {*/
/*  overflow-x: hidden !important;*/
/*}*/
/* Remove submit button from header search form */
/*.header-search-form button[type="submit"],*/
/*.header-search-form input[type="submit"] {*/
/*  display: none !important;*/
/*}*/

.search-toggle{

  cursor:pointer;
}

.search-toggle form{
  margin:0;
}

.search-toggle__input{
    
  width:0;
  opacity:0;
  padding:0;
  border:1px solid currentColor;
  transition:width .25s ease, opacity .2s ease, padding .25s ease;
  pointer-events:none;
}

.search-toggle.is-open .search-toggle__input{
  opacity:1;
  padding:6px 10px;
  pointer-events:auto;
}


 /*Zet input + submit naast elkaar */
.newsletter-form {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
}

 /*Input neemt beschikbare ruimte */
.newsletter-form input[type="email"],
.newsletter-form input[type="text"] {
  flex: 1;
  width: auto;
}
.newsletter-form button{
    border-radius: 8px;
}
.newsletter-form input{
    border-radius: 8px;
}
 /*Submit knop blijft compact */
.newsletter-form button,
.newsletter-form input[type="submit"] {
  width: auto;
  white-space: nowrap;
}

body{
    overflow-x: hidden;
}

.tinvwl_add_to_wishlist_button {
  transform: scale(1.4);
  transform-origin: center;
}

.product-pic{
    height: 150px;
}

.product-description{
height: 100px;
}


.featured-products-slider{
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
    
}

.cat-filter{
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
    
}
 /*HEADER: default state */
.site-header .search-wrap{
  display:none;
  width:100%;
}

 /*HEADER: search open state */
.site-header.is-search-open .nav-wrap{
  display:none !important;
}

.site-header.is-search-open .search-wrap{
  display:flex !important;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 16px;
}

 /*input full width */
.site-header.is-search-open .search-wrap input[type="search"],
.site-header.is-search-open .search-wrap input[type="text"]{
  width:100%;
  min-width:0;
}
 /*FORCE: search standaard uit in header */
.site-header .search-wrap{
  display: none !important;
}

 /*FORCE: alleen aan wanneer open */
.site-header.is-search-open .search-wrap{
  display: flex !important;
}

 /*nav alleen uit wanneer open */
.site-header.is-search-open .nav-wrap{
  display: none !important;
}