/* User overrides for Cassiopeia template (media location for Joomla 4/5)
   Change primary button color to #66bdce and ensure accessible contrast.
   Placing this under media/templates/site/cassiopeia/css/user.css is the recommended location
   so the template's user asset can load it across site contexts.
*/

/* Primary button background and border */
.btn.btn-primary,
button.btn.btn-primary,
input[type="submit"].btn.btn-primary {
  background-color: #66bdce !important;
  border-color: #5aaeb6 !important;
  color: #ffffff !important;
}

/* Hover state - a slightly darker tint */
.btn.btn-primary:hover,
button.btn.btn-primary:hover,
input[type="submit"].btn.btn-primary:hover {
  background-color: #4fa9b5 !important;
  border-color: #479ba6 !important;
  color: #ffffff !important;
}

/* Active / focus states */
.btn.btn-primary:active,
button.btn.btn-primary:active,
.btn.btn-primary:focus,
button.btn.btn-primary:focus,
input[type="submit"].btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 189, 206, 0.25) !important;
  outline: none !important;
}

/* Ensure link-styled primary buttons inherit the color */
a.btn.btn-primary {
  color: #ffffff !important;
}

/* Optional: smooth transition for hover */
.btn.btn-primary {
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out;
}
/* Orange: ffc83d */

.header {
    background: #66bdce !important;
    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);*/
}

.footer {
    background: #66bdce !important;
    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);*/
}

/* Ensure eBay ad/tracking pixels remain 1px × 1px and cannot be enlarged
   Matches image src attributes that include the eBay marketing tracking domain.
   Uses !important to override inline styles. */
img[src*="ebayadservices.com/marketingtracking"] {
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  display: inline-block !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
}

/* If the tracking pixel is added as an image with full absolute positioning, also constrain it */
img[src*="ebayadservices.com/marketingtracking"][style*="position:"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
}