/* Bootstrap Integration CSS */
/* This file contains overrides and custom styles for Bootstrap integration */

/* Preserve existing layout structure while allowing Bootstrap grid system */
.bootstrap-container {
  width: 100%;
  max-width: 100%;
}

/* Ensure Bootstrap grid classes take precedence over template CSS */
[class*="col-"] {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  flex: 0 0 auto !important;
}

/* Bootstrap responsive column classes - override template CSS */
.col-6 {
  flex: 0 0 auto !important;
  width: 50% !important;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto !important;
    width: 33.3333333333% !important;
  }
}

/* Override Bootstrap styles that might conflict with existing design */
.btn {
  /* Preserve existing button styles when not using Bootstrap buttons */
  border-radius: 0;
}

/* Ensure Bootstrap grid doesn't interfere with existing wrapper structure */
#wrapper .container-fluid,
#wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

/* Custom Bootstrap component overrides for theme consistency */
.bootstrap-card {
  background: #ffffff;
  border: solid 1px rgba(210, 215, 217, 0.75);
  border-radius: 0;
}

/* Book store buttons - allow text wrapping */
.button {
  white-space: normal !important;
  height: auto !important;
  line-height: 1.4 !important;
  padding: 0.75em 1.5em !important;
  min-height: 3.5em;
}

/* Responsive utilities that work with existing breakpoints */
@media screen and (max-width: 736px) {
  .bootstrap-hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 737px) {
  .bootstrap-hide-desktop {
    display: none !important;
  }
}