@font-face {
  font-family: "AVENGER";
  src: url("/static/fonts/AVENGEANCE-HEROIC-AVENGER.ttf") format("truetype"),
    url("/static/fonts/AVENGEANCE-HEROIC-AVENGER.otf") format("opentype");
}
@font-face {
  font-family: "Super_Comic";
  src: url("/static/fonts/Super_Comic.ttf") format("truetype"),
    url("/static/fonts/Super_Comic.otf") format("opentype");
}
@font-face {
  font-family: "AttackGraffiti";
  src: url("/static/fonts/AttackGraffiti-3zRBM.ttf") format("truetype"),
    url("/static/fonts/AttackGraffiti-ZVJPZ.otf") format("opentype");
}

.full-width-image {
  background: url("/static/images/bricks.jpg") center center fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.grecaptcha-badge {
  visibility: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
  background-color: #000;
  color: #fff;
  background-image: url('/static/images/bricks.jpg'); /* Replace with the actual path */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.colour_b {
  color: black; /* Text color */
}

.colour_w {
  color: white; /* Text color */
}

.colour_r {
  color: red; /* Text color */
}


.price-tag {
  font-family: "Super_Comic", sans-serif; /* Use your custom font */
  position: absolute; /* Position relative to the nearest relatively positioned parent */
  top: 5%; /* Adjust for a slight distance from the top */
  left: 15%; /* Adjust for a slight distance from the right */
  font-size: 25px; /* Adjust font size */
  font-weight: bold; /* Make text bold */
  z-index: 1000;
  padding: 5px 10px; /* Adjust padding as needed */
  z-index: 10; /* Ensure it's above other content */
  border-radius: 20px; /* Rounded corners */
  white-space: nowrap; /* Keep the price in one line */
  background-image: linear-gradient(135deg, #9b90ff, #a6f5d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.5px #000; /* Black stroke around the text */

}

.graffiti {
  font-family: "AttackGraffiti", sans-serif; /* Use your custom font */
  font-size: 30px;
  color: white;
}


.Super_Comic {
  font-family: "Super_Comic", sans-serif; /* Use your custom font */
}

.font_card {
  font-size: 18px;
}

.table thead th {
  color: white; /* Ensure header text is visible */
  background-color: #343a40; /* Dark background for header (Bootstrap's table-dark equivalent) */
}

.table tbody td {
  color: white; /* Ensure table cell text is visible */
  background-color: #212529; /* Slightly lighter background for rows */
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #2c3034; /* Slightly different shade for striped rows */
}

.modal-body p {
  margin: 10px 0;
  font-size: 1.1rem;
}

.badge {
  font-size: 0.9rem;
}

/* Modal background styling */
.modal-content.custom-modal-content {
  background-color: rgba(0, 0, 0, 0.8); /* Dark translucent background */
  background-image: url('/static/images/bricks.jpg'); /* Replace with your image path */
  background-size: cover; /* Ensure the image covers the modal */
  background-repeat: no-repeat;
  background-position: center;
  color: white; /* Light text color */
  border: 2px solid rgba(255, 255, 255, 0.7); /* Light border */
  border-radius: 8px; /* Rounded edges */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5); /* Subtle shadow */
}

/* Close button in white */
.btn-close-white {
  filter: invert(1); /* Makes the close button white */
}

/* Modal header */
.modal-header {
  border-bottom: none; /* Remove default header border */
}

/* Modal body text */
.modal-body p {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}