/* StepTurnMoveDynamic-1.0: public_html/css/admin.css */
/* This file contains custom styles specifically for the admin panel of the StepTurnMove website. */
/* It consolidates styles from various original admin PHP files. */

/* --- General Admin Body and Layout --- */
body {
    /* Keeping font-family from original admin/index.php. If Arial is preferred for forms,
       it might be overridden by Bootstrap's default or you can explicitly set it here. */
    font-family: 'Inconsolata', monospace; /* From admin/index.php */
    background: #f7f7f7; /* From admin/login.php */
}

/* --- Container Styling (Overriding Bootstrap defaults for admin pages) --- */
.container {
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    /* Specific max-width for Communications list */
    max-width: 1200px; /* From admin/communications_list.php */
}
/* This narrower container might apply to other admin pages if needed, otherwise remove */
.container.my-4 { /* From various admin pages like add/edit forms */
    max-width: 900px; /* Example override for smaller forms */
}
.container.images-list-page { /* Specific max-width for images list */
    max-width: 1000px; /* Example override for images list */
}

/* --- Logout Button Styling --- */
/* These styles were inline/absolute, now centralized.
   Ensure .text-end mb-3 or similar Bootstrap utility is used on the parent div. */
.text-end .btn-danger { /* Targets the logout button */
    /* background-color: #dc3545; */ /* Bootstrap default, no need to re-declare */
    /* border-color: #dc3545; */
    color: white;
    padding: .375rem .75rem;
    font-size: 1rem;
}
.text-end .btn-danger:hover {
    /* background-color: #c82333; */ /* Bootstrap default */
    /* border-color: #bd2130; */
}
.text-end .btn-danger i { /* Icon inside the logout button */
    font-size: 1rem;
    vertical-align: middle;
}

/* --- Dashboard Specific Styles (from admin/index.php) --- */
/* Remove default borders/shadow for the group containers */
.list-group {
    border: none;
    box-shadow: none;
    /* background-color: #darkgoldenrod; */ /* This was a typo, likely meant a color code. Removing unless specified. */
    margin-bottom: 1rem;
}
/* Style each link as a button with a thin gray border and light shadow */
.list-group-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    text-align: center;
    text-decoration: none;
    color: #333;
    margin-bottom: 10px;
    transition: background-color 0.3s, color 0.3s;
}
.list-group-item:hover {
    background-color: #eee;
    color: #000;
}
.list-group-item.active {
    background-color: #ddd;
    font-weight: bold;
}

/* --- Login Page Specific Styles (from admin/login.php) --- */
.login-container {
    /* width: 300px; */ /* Max-width is usually better for responsiveness */
    /* margin: 100px auto; */ /* Use flexbox for centering in body */
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px; /* Added from my refactored login.php */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Added from my refactored login.php */
}
/* These styles were overridden by Bootstrap in my refactored login.php, but if you need them: */
/* .error { color: red; margin-bottom: 10px; } */
/* label { display: block; margin-top: 10px; } */
/* input[type="text"], input[type="password"] { width: 100%; padding: 8px; margin-top: 5px; } */
/* button { margin-top: 15px; padding: 10px 15px; } */

/* --- Form-Related Styles (from various add/edit pages) --- */
.hidden { /* Used for hiding partner sub-forms */
    display: none;
}
.toggle-link { /* For "Add New Partner" link, "Add New Contact" button */
  cursor: pointer;
  margin-left: 8px;
  color: #0d6efd;
  font-weight: 600;
}
.required::after { /* For required form labels */
  content:" *";
  color: red;
}
.review-url-input { /* Specific to production reviews */
  margin-top: 10px;
}
/* Extra Images Section Styling (from production_edit/add.php) */
.extra-images-container {
  border: 1px dashed #ced4da;
  padding: 10px;
  margin-top: 10px;
}
.extra-image-item {
  display: inline-block;
  position: relative;
  margin: 5px;
}
.extra-image-item img {
  max-width: 120px;
  max-height: 120px;
  object-fit: cover;
  border: 1px solid #ccc;
}
.delete-extra-image {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 0, 0, 0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
}

/* --- Table-Specific Styles (from various list pages) --- */
table { /* General table width */
    width: 100%;
}
th, td { /* General table cell alignment */
    text-align: left;
    vertical-align: middle;
}
.table { /* From bookings_list.php specific table layout */
    table-layout: fixed; /* Ensures columns have fixed width */
    word-wrap: break-word; /* Prevents long words from breaking layout */
}
/* Table image thumbnails (from artists_list.php, images_list.php) */
table img {
    max-height: 50px;
    max-width: 150px; /* images_list had 150px, artists_list had no max-width explicitly */
    width: auto;
    height: auto;
    border-radius: 5px; /* From images_list.php */
    /* artists_list had border-radius: 50%; for circular. This might need specific override */
}
/* Override for artists list if needed */
.artists-list-table img {
    border-radius: 50%;
}
/* Bio text expansion (from artists_list.php) */
.bio-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.bio-text.expanded {
    display: block;
    -webkit-line-clamp: initial;
}
/* Action Buttons Spacing (from images_list.php) */
.action-buttons a, .action-buttons button, .action-buttons span {
    margin-right: 5px;
}
/* Current Image Styling (from image_edit.php) */
.current-image {
    max-height: 300px;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 5px;
}
/* Communications list table header link styles */
th a {
  color: inherit;
  text-decoration: none;
}