/* Americon Bid Calendar component styles */

/* =========================
   Calendar container
   ========================= */

.am-bid-calendar {
  max-width: 1100px;
  margin: 0 auto;
}

/* =========================
   FullCalendar card & toolbar
   ========================= */

/* Main calendar card */
.am-bid-calendar .fc {
  max-width: 1150px;
  margin: 0.25rem auto 3rem;
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #E3E3E3;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  padding: 1.5rem;
  font-size: 0.94rem;
}

/* Month title */
.am-bid-calendar .fc .fc-toolbar-title {
  font-weight: 700;
  font-size: 1.4rem;
  color: #333333;
}

/* Today / nav buttons */
.am-bid-calendar .fc .fc-button-primary {
  background-color: #555555;
  border-color: #555555;
  color: #ffffff;
  border-radius: 6px;
  padding: 0.35rem 0.8rem;
  text-transform: capitalize;
}

.am-bid-calendar .fc .fc-button-primary:hover,
.am-bid-calendar .fc .fc-button-primary:focus {
  background-color: var(--americon-red, #ED1C24);
  border-color: var(--americon-red, #ED1C24);
}

/* Today's date highlight */
.am-bid-calendar .fc .fc-day-today {
  background-color: rgba(39, 46, 126, 0.08);
}

/* Day numbers */
.am-bid-calendar .fc .fc-daygrid-day-number {
  color: var(--americon-blue, #272E7E);
  font-weight: 500;
}

/* Give each day cell room at the bottom for markers */
.am-bid-calendar .fc .fc-daygrid-day-frame {
  padding-bottom: 1.6rem;
}

/* Hide FullCalendar's built-in inline event rows in month view.
   We rely on our own per-day markers instead. */
.am-bid-calendar .fc-daygrid-event-harness,
.am-bid-calendar .fc-daygrid-event,
.am-bid-calendar .fc-daygrid-dot-event {
  display: none !important;
}

/* =========================
   Americon day markers
   (public/private counts per day)
   ========================= */

/* Marker container: bottom-center of each day cell */
.am-bid-calendar .am-marker {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
  display: flex;
  gap: 0.35rem;
  pointer-events: none; /* keep clicks on the cell itself */
}

/* Base pill style */
.am-bid-calendar .am-count {
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Public = Americon Blue, Private = Americon Red */
.am-bid-calendar .am-count.am-public {
  background-color: var(--americon-blue, #272E7E);
}

.am-bid-calendar .am-count.am-private {
  background-color: var(--americon-red, #ED1C24);
}

/* =========================
   Hover popover (quick day summary)
   ========================= */

.am-pop {
  position: absolute;
  z-index: 30;
  min-width: 300px;
  max-width: 360px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  padding: 0.75rem 0.9rem;
  display: none;
}

.am-pop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

.am-pop-date {
  font-size: 0.82rem;
  font-weight: 600;
}

.am-pop-close {
  cursor: pointer;
}

.am-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-pop li {
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.am-pop li:hover {
  background: transparent;
}

.am-pop .am-title {
  font-weight: 600;
  font-size: 0.92rem;
}

.am-pop .am-sub {
  color: #6c757d;
  font-size: 0.82rem;
}

/* Space inside each item card */
.am-pop .card {
  border: 1px solid #e7e7e7;
  border-radius: 0.45rem;
}

.am-pop .card-body {
  padding: 0.65rem 0.75rem !important;
}

/* Bigger, more readable titles */
.hover-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #222;
}

/* Public badge already styled in style.css, but increase spacing */
.am-pop .badge {
  margin-right: 0.35rem;
}

/* Right-align and size the View button */
.hover-view-btn {
  padding: 0.25rem 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 600;
}

/* Location text */
.am-pop .text-muted.small {
  margin-top: 0.25rem;
  font-size: 0.82rem;
}

/* =========================
   Fix weekday header text (Sun–Sat)
   ========================= */

.am-bid-calendar .fc-col-header-cell-cushion {
  color: var(--americon-blue, #272E7E) !important;
  font-weight: 700;           /* bolder, similar to default FullCalendar bold */
  font-size: 1rem;            /* slightly larger than default for readability */
  text-transform: none;       /* keep normal capitalization */
  letter-spacing: 0;          /* no spacing for a clean look */
}

.am-email-preview img {
    max-width: 100%;
    height: auto;
}