$grid-breakpoints: (
  xs: 0,
  sm: 520px,
  md: 700px,
  lg: 1200px,
  xl: 1300px
);

html{background: antiquewhite !important;}

.bg-light{background: antiquewhite !important;}

.test{}

.navbar{ background: antiquewhite !important;}

.MT1 {padding: 0;}
        .background_header{
            height: 100px;
            background-image: url("../_images/boekenkast_original_rij_small.jpg");
            background-size: cover;
            background-position: center; /* zorgt dat het gecentreerd blijft */
            background-repeat: no-repeat; /* voorkomt dat de afbeelding herhaald wordt */       
            padding: 30px 0;
        }    


        .header{
            width: 400px;
            margin: 0 auto;
            padding: 20px;
            border-radius: 10px; 
            
        }







.login_icon{font-size: 1.8rem !important;}

.icoontje_FE path {
    fill: #666; font-size: 1.8rem;
}
.icoontje_FE:hover path {
    fill: 666;
}

#sidebar .list-group-item:hover { 
}

.dashboard_active{ background-color: #33333373; color: white;}
.dashboard_active:hover{ background-color: #33333373 !important; color: white;}

@import "bootstrap";

html {
  scrollbar-gutter: stable;
        
}

body {
  font-family: "Times New Roman", Times, serif;
}

h1{  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;}

.verdana{
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.times{
      font-family: "Times New Roman", Times, serif !important;

}

body.modal-open {
  overflow: hidden;
  padding-right: 15px;
}
.zoek-split-btn {
    border: 1px solid #0d6efd;           /* Bootstrap primary */
    border-radius: .25rem;
    overflow: hidden;
    background: none;
}

.zoek-label {
    background: #e7f1ff;                 /* licht primary */
    color: #0d6efd;
    font-weight: 600;
}

.zoek-waarde {
    background: #0d6efd;
    color: #fff;
}

.zoek-close {
    opacity: .7;
}

.zoek-split-btn:hover .zoek-close {
    opacity: 1;
}    


dd{font-size: small !important;}

/* BOOKS */

 .addToCartBtn{
     background-color: #fff; color: #198754; border: 1px solid #198754;   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    }       
 .addToCartBtn:hover{
     background-color: #198754; color: #fff;  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    }    
.kleiner{
    font-size: 1rem !important;
}

.square {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative; /* belangrijk voor badge */
}

.square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

.extra-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-top-left-radius: 5px;
}
/* Custom hover shadow */
.custom-shadow-hover {
  transition: box-shadow 0.3s ease;
  border: 1px solid #ddd; /* subtiele rand */
}

.custom-shadow-hover:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.highlight {
  box-shadow: 0 4px 20px rgba(0, 0, 0);
}

.navigatieBooks{
    padding: 10px 0px;
    border-top: 1px solid #92929247;
}



  .fw-bold
 {
    font-weight: 600 !important;
}      




.btn.disabled, .btn:disabled{
    opacity: 1;
}
.opacity-40{opacity: 0.4;}


.prijs{margin: 10px 0;}



html {
  scrollbar-gutter: stable;
}


body {
 overflow-y: scroll;
}

h1.titel{
    font-size: 1.6rem    
}
.auteur{
    font-size: 1.3rem;
    color: #390 !important;
}
.titel{
    font-size: 1.3rem;
}
/* menubalk.php */
#menubalk {
    background-color: #f5f5f5 !important;
}
.brand-title {
  font-size: 2rem;
  line-height: 1.1;
}
.navbar-brand {
    margin-right: 4rem;

}

/* books.php */

.noimageavailable{
    opacity: 0.2;
}


.tree {
    max-height: 100%;
    overflow-y:visible;
    border-radius: .5rem;
    padding: 1rem;
    background: #fff;
}
.tree ul { list-style: none; padding-left: 1rem; }
.tree li { padding: 2px 0; }
.tree-label { cursor: pointer; padding: 2px 4px; }
.tree-label:hover { text-decoration: underline; }
.tree-label.active_CATS { font-weight: 600; color: #0d6efd; }
.tree-toggle {
    width: 18px;
    display: inline-block;
    cursor: pointer;
    color: #0d6efd;
    font-weight: bold;
}
.collapsed > ul { display: none; }
.remove-btn { cursor:pointer; color:#dc3545; font-weight:bold; }



/* addresses_inc.php */

  .blurred {
      opacity: 0.4;
      pointer-events: none;
      filter: blur(1px);
      transition: all 0.2s ease-in-out;
  }

  /* Verwijder blauwe / gele autofill achtergrond */
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  select:-webkit-autofill,
  textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
      box-shadow: 0 0 0 1000px #fff inset !important;
      -webkit-text-fill-color: #212529 !important; /* Bootstrap textkleur */
      transition: background-color 5000s ease-in-out 0s;
  }

  /* Firefox */
  input:-moz-autofill,
  textarea:-moz-autofill,
  select:-moz-autofill {
      box-shadow: 0 0 0 1000px #fff inset !important;
      filter: none !important;
  }

/* CSS Document */


/* CSS Document */

/* CSS Document */


/* CSS Document */


/* CSS Document */


/* CSS Document */