/* Global Styles */
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

a {
  color: var(--bs-link-color);
}

.bi {
  color: var(--bs-body-color); /* Apply icon color */
}

.rating i {
  color: var(--bs-warning); /* Star color */
}

/* Table Styles */
table {
  background-color: var(--bs-table-bg) !important;
  color: var(--bs-table-color) !important;
  border-color: var(--bs-table-border-color) !important;
}

table th,
table td {
  background-color: var(--bs-table-bg) !important;
  color: var(--bs-table-color) !important;
  border-color: var(--bs-table-border-color) !important;
}

/* Transparent Table Styles */
.transparent-table {
  background-color: transparent !important;
}

.transparent-table th,
.transparent-table td {
  background-color: transparent !important;
}
/* Navbar Styles */
.navbar {
  background-color: var(--bs-navbar-bg) !important;
  color: var(--bs-navbar-color) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow for polished look */
  border-radius: 8px; /* Rounded corners */
  margin-top: 5px; /* Float off the top */
}

.navbar a {
  color: var(--bs-navbar-link-color) !important;
}

.navbar .dropdown-menu {
  background-color: var(--bs-navbar-bg) !important;
  color: var(--bs-navbar-color) !important;
  border-radius: 8px; /* Rounded corners for dropdown */
}

.navbar .dropdown-item {
  color: var(--bs-navbar-link-color) !important;
}

.navbar .dropdown-item:hover {
  background-color: #444 !important; /* Darken dropdown item on hover */
  color: var(--bs-navbar-color) !important;
}

/* Card Styles */
.card {
  background-color: var(--bs-card-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-card-border-color);
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-header {
  background-color: var(--bs-card-header-bg);
  color: var(--bs-card-header-color);
  border-bottom: 1px solid var(--bs-card-border-color);
}

.card-body {
  background-color: var(--bs-card-body-bg);
  color: var(--bs-body-color);
}

.actor-img {
  width: 45px;
  height: 45px;
  object-fit: cover; /* Ensures the image covers the entire circle without distortion */
  aspect-ratio: 1 / 1; /* Ensures a square aspect ratio */
}

/* Muted Text */
.text-muted {
  color: var(--bs-muted-color) !important;
}

/* Photo Container Styles */
.photo-container {
  padding: 0 5px; /* Adjust the padding as needed */
  max-width: 150px; /* Optional: Set a max width for the photo containers */
}

.review-content {
  position: relative;
  background-color: var(
    --bs-card-body-bg
  ); /* Use the variable for background color */
  border: 1px solid var(--bs-card-border-color); /* Use the variable for border color */
  border-radius: 0.25rem; /* Add rounded corners */
  padding: 20px;
}

.review-content::after {
  content: "";
  position: absolute;
  top: -15px; /* Adjust this value to move the tail up or down */
  left: 50px; /* Adjust this value to move the tail left or right */
  border-width: 0 15px 15px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  display: block;
  width: 0;
}

.review-content::before {
  content: "";
  position: absolute;
  top: -16px; /* Adjust this value to move the tail up or down */
  left: 49px; /* Adjust this value to move the tail left or right */
  border-width: 0 16px 16px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
  display: block;
  width: 0;
}