/* ProZagadka v21 — final textbook select fix */

/* The wrapper is ONLY a positioning container now. No second border/card. */
.textbook-catalog-v130 .textbook-select-native-v190{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:70px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}

/* The native select itself fills the ENTIRE card. Any click on the card opens it. */
.textbook-catalog-v130 .textbook-select-native-v190 > select{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:70px!important;
  min-height:70px!important;
  margin:0!important;
  padding:0 64px 0 72px!important;
  border:1.5px solid #e8e2f8!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#171b59!important;
  font:800 18px/1.2 inherit!important;
  line-height:70px!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  box-sizing:border-box!important;
  box-shadow:0 10px 30px rgba(78,60,155,.055)!important;
  outline:0!important;
}

.textbook-catalog-v130 .textbook-select-native-v190 > select:hover{
  border-color:#d7cbf7!important;
}
.textbook-catalog-v130 .textbook-select-native-v190 > select:focus{
  border-color:#7857ef!important;
  box-shadow:0 0 0 4px rgba(112,76,242,.09),0 10px 30px rgba(78,60,155,.055)!important;
}

/* Decorative icon sits over the select but never steals clicks. */
.textbook-catalog-v130 .textbook-select-native-v190 > .textbook-control-icon-v92{
  position:absolute!important;
  z-index:3!important;
  left:22px!important;
  top:50%!important;
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

/* One clean purple chevron. No old pseudo-element arrows. */
.textbook-catalog-v130 .textbook-control-chevron-v190{
  position:absolute!important;
  z-index:3!important;
  right:25px!important;
  top:50%!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  border:solid #704cf2!important;
  border-width:0 3px 3px 0!important;
  border-radius:1px!important;
  background:transparent!important;
  transform:translateY(-70%) rotate(45deg)!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.textbook-catalog-v130 .textbook-control-chevron-v190::before,
.textbook-catalog-v130 .textbook-control-chevron-v190::after{
  content:none!important;
  display:none!important;
}

/* Kill any inherited inner-card styling from older versions. */
.textbook-catalog-v130 label.textbook-select-native-v190.textbook-control-v92{
  min-height:70px!important;
  gap:0!important;
  align-items:initial!important;
}

@media(max-width:760px){
  .textbook-catalog-v130 .textbook-select-native-v190,
  .textbook-catalog-v130 label.textbook-select-native-v190.textbook-control-v92{
    height:62px!important;
    min-height:62px!important;
    border-radius:18px!important;
  }
  .textbook-catalog-v130 .textbook-select-native-v190 > select{
    height:62px!important;
    min-height:62px!important;
    line-height:62px!important;
    padding:0 54px 0 58px!important;
    border-radius:18px!important;
    font-size:15px!important;
  }
  .textbook-catalog-v130 .textbook-select-native-v190 > .textbook-control-icon-v92{
    left:17px!important;
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
  .textbook-catalog-v130 .textbook-control-chevron-v190{
    right:20px!important;
    width:12px!important;
    height:12px!important;
    border-width:0 3px 3px 0!important;
  }
}
