/**
 * Activ8 Commerce plugin compatibility overrides for Spothopper theme.
 *
 * The plugin's style.css uses unscoped global selectors (*, a, button, .badge,
 * .flex, .hide, td input, etc.) and Bootstrap class names (.col-md-6,
 * .form-control, .form-group) that collide with the theme's Bootstrap 3.
 * These rules neutralise conflicts without touching the plugin files, so
 * plugin updates won't wipe the fixes.
 */

/* ------------------------------------------------------------------ */
/* 1. Neutralise Bootstrap grid/form classes inside the plugin        */
/* ------------------------------------------------------------------ */
.active8-product-container .col-md-6,
.active8-product-container .form-group {
  width: auto !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
  min-height: auto !important;
  margin-bottom: 0 !important;
}

.active8-product-container .form-control {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.active8-product-container .sorting-container label {
  display: inline-block !important;
  margin-bottom: 0 !important;
  font-weight: 600 !important;
}

/* ------------------------------------------------------------------ */
/* 2. Prevent Bootstrap .badge from overriding the cart badge          */
/* ------------------------------------------------------------------ */
.active8-cart-container .badge {
  padding: 0 !important;
  line-height: 21px !important;
  text-align: center !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background-color: #e6003e !important;
  color: white !important;
  font-size: 11px !important;
  width: 21px !important;
  height: 21px !important;
}

/* ------------------------------------------------------------------ */
/* 3. Contain the plugin's global * / a / button resets               */
/*    (these leak out of the plugin and break theme elements)         */
/* ------------------------------------------------------------------ */

/* Restore theme link decoration outside plugin containers */
body a {
  text-decoration: revert;
}
/* But keep the plugin's own override intact */
.active8-product-container a,
.active8-product-detail-container a,
.active8-cart-container a,
.active8-cart-detail-container a {
  text-decoration: none !important;
}

/* Restore theme button outline behaviour outside plugin containers */
body button:focus,
body button:hover,
body .button:focus,
body .button:hover,
body input[type="button"]:focus,
body input[type="button"]:hover,
body input[type="reset"]:focus,
body input[type="reset"]:hover,
body input[type="submit"]:focus,
body input[type="submit"]:hover {
  outline: revert;
}

/* ------------------------------------------------------------------ */
/* 4. Fix the product grid – Bootstrap list/float normalisation       */
/* ------------------------------------------------------------------ */
.active8-product-container ul.cd-gallery {
  padding-left: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}

.active8-product-container ul.cd-gallery > li {
  list-style: none !important;
}

/* Ensure the gallery floats clear properly */
.active8-product-container .product-section::after {
  content: "";
  display: table;
  clear: both;
}

/* ------------------------------------------------------------------ */
/* 5. Fix Bootstrap's td input global override from the plugin        */
/* ------------------------------------------------------------------ */
/* The plugin has an unscoped "td input" rule – limit its blast radius
   by restoring defaults for tables outside plugin containers.        */
td input {
  width: revert;
  height: revert;
  padding: revert;
}
.active8-cart-detail-container td input {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
}

/* ------------------------------------------------------------------ */
/* 6. Contain other unscoped plugin utility classes                    */
/* ------------------------------------------------------------------ */

/* The plugin defines global .flex / .hide – restore outside plugin */
/* (Bootstrap doesn't have .flex or .hide, but other plugins might) */

/* The plugin sets global input[type="number"] appearance – limit it */
.active8-product-container input[type="number"],
.active8-product-detail-container input[type="number"],
.active8-cart-detail-container input[type="number"] {
  -moz-appearance: inherit !important;
}

.home .active8-cart-container #loginout-txt{
  color: #fff;
  text-transform: uppercase;
      margin-left: -20px;
}

.home .active8-cart-container #c7-cart {
    display: flex;
    margin-top: 15px;
}