/* style-widget.css for BreedMatch widget */
/* BreedMatch widget container */
#breedmatch-widget {
  position: fixed;
  bottom: 16px;
  right: 16px;
  max-width: 360px;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px; /* больше радиус для мобайла */
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  font-family: Arial, sans-serif;
  padding: 20px;
  z-index: 9999;
  overflow-y: auto;
  max-height: 90vh;
  margin: auto;
}

@media (max-width: 600px) {
  #breedmatch-widget {
    left: 12px;
    right: 12px;
    width: auto;
    max-width: calc(100% - 24px);  
  }
  #breedmatch-widget label, #breedmatch-widget .quiz-item-header{
      font-size:18px;
  }
}

/* Form fields */
#breedmatch-widget form, #breedmatch-widget .next-quiz-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#breedmatch-widget label {
  font-weight: bold;
  margin-bottom: 4px;
  padding: 6px;
  display: block;
}

#breedmatch-widget .sex-group label, #breedmatch-widget #bm-vet-form label{
    display: inline-block;
}

#breedmatch-widget input,
#breedmatch-widget select {
  width: 100%;
  padding: 12px 14px; /* крупнее */
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 15px;
}

#breedmatch-widget input[type=radio], #breedmatch-widget input[type=checkbox]{
    padding:0px;
    width: auto;
}

/* Selects styled same as inputs */
#breedmatch-widget select {
  appearance: none;
  background-color: #fff;
  font-size: 15px;
  line-height: 1.4;
}

/* Submit button */
#breedmatch-widget button[type="submit"],
.bm-next-btn {
  display: inline-block;   
  text-decoration: none;
  background: #007acc;
  color: #fff;
  border: none;
  padding: 12px 16px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s ease;
}

#breedmatch-widget button[type="submit"]:hover,
.bm-next-btn:hover {
  background: #005fa3;
}

/* Scrollbar */
#breedmatch-widget::-webkit-scrollbar {
  width: 6px;
}
#breedmatch-widget::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.report-link{
    color: blue; 
    text-decoration: underline;
}

/* Intro wrapper */
#breedmatch-widget .bm-intro {
  font-family: Arial, sans-serif;
  background: #f7fbff;
  border: 1px solid #e3f0ff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  margin-bottom: 14px;
}

/* Cards row */
#breedmatch-widget .bm-intro-cards {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 12px 0;
}

#breedmatch-widget .bm-intro-card {
  flex: 1 1 120px;
  background: #ffffff;
  border: 1px solid #e8eef5;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

#breedmatch-widget .bm-intro-icon {
  font-size: 20px;
  margin-bottom: 4px;
}

#breedmatch-widget .bm-intro-title {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 2px;
}

#breedmatch-widget .bm-intro-desc {
  font-size: 12px;
  color: #455a64;
}

/* Privacy box */
#breedmatch-widget .bm-intro-privacy {
  background: #eef7ff;
  border: 1px dashed #c8defa;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #35506b;
  margin: 12px 0;
}