/* Build 585 REVIEW: approved Balanced title card and Compact row actions. */
.movie-wrap.details-open {
  margin:10px 0 14px;
  border-left:4px solid var(--detail-accent);
  border-bottom:0;
  border-radius:0 14px 14px 0;
  background:#fdf9f2;
  overflow:hidden;
  box-shadow:0 5px 14px rgba(72,49,29,.12), inset 0 0 0 1px rgba(167,137,96,.18);
}
.movie-wrap.details-open > .movie {
  min-height:0;
  padding:18px 20px 5px;
  align-items:flex-start;
  color:#173d65;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}
.movie-wrap.details-open .movie-title-line { display:block; }
.movie-wrap.details-open .dot,
.movie-wrap.details-open .format-badge,
.movie-wrap.details-open .location-line,
.movie-wrap.details-open .detail-title { display:none; }
.movie-wrap.details-open .info-chevron {
  display:block;
  flex:none;
  width:13px;
  height:13px;
  margin:10px 3px 0 2px;
  border-right:3px solid #6f6255;
  border-bottom:3px solid #6f6255;
}
.movie-wrap.details-open .details {
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:stretch;
  max-height:none;
  margin:0;
  padding:0 20px 20px;
  border:0;
  border-radius:0;
  background:transparent;
}
.movie-wrap.details-open .detail-meta585 {
  color:#74634f;
  font-size:15px;
  line-height:1.3;
}
.movie-wrap.details-open .detail-location {
  margin:0;
  padding:9px 11px;
  border-radius:8px;
  background:#fffdf8;
}
.movie-wrap.details-open .detail-location-dot { display:none; }
.movie-wrap.details-open .detail-location-copy {
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:4px 12px;
}
.movie-wrap.details-open .detail-location-label {
  margin:0;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.04em;
}
.movie-wrap.details-open .detail-location-value {
  color:#173d65;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
}
.movie-wrap.details-open .detail-main585 {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,36%);
  gap:24px;
  align-items:start;
}
.movie-wrap.details-open .detail-overview {
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.movie-wrap.details-open .details-poster-wrap {
  grid-column:2;
  grid-row:1;
  margin:0;
  align-self:start;
  justify-content:flex-end;
}
.movie-wrap.details-open .details-poster-frame {
  width:100%;
  max-width:320px;
  border-radius:10px;
  box-shadow:0 4px 14px rgba(66,45,27,.14);
}
.movie-wrap.details-open .details-poster-image {
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
.movie-wrap.details-open .detail-line {
  display:grid;
  gap:3px;
  margin:0 0 13px;
  padding:0;
  border:0;
  line-height:1.35;
  font-size:16px;
  color:#173d65;
}
.movie-wrap.details-open .detail-line:last-child { margin-bottom:0; }
.movie-wrap.details-open .detail-line .detail-label {
  color:#74634f;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.movie-wrap.details-open .detail-line .detail-value {
  font-size:inherit;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:break-word;
}
.movie-wrap.details-open .detail-physical-format .detail-value,
.movie-wrap.details-open .detail-format .detail-value { white-space:nowrap; }
.movie-wrap.details-open .detail-secondary {
  order:0;
  min-width:0;
  padding-top:12px;
  border-top:1px solid #dfd3c3;
}
.movie-wrap.details-open .detail-secondary .detail-line {
  font-size:14px;
  font-weight:500;
}
.movie-wrap.details-open .detail-secondary .detail-value { font-weight:500; }
.movie-wrap.details-open .detail-actions-host585 { min-width:0; }
.movie-wrap.details-open .detail-actions585 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.movie-wrap.details-open .detail-actions585 > button {
  box-sizing:border-box;
  min-width:0;
  width:100%;
  min-height:46px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:0;
  padding:9px 10px;
  border:1.5px solid #b4a084;
  border-radius:8px;
  background:#fffdf8;
  color:#173d65;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.015em;
  white-space:nowrap;
  text-align:center;
  text-shadow:none;
  box-shadow:none;
  cursor:pointer;
}
.movie-wrap.details-open .detail-actions585 > button:hover,
.movie-wrap.details-open .detail-actions585 > button[aria-pressed=true],
.movie-wrap.details-open .detail-actions585 > button[aria-expanded=true] {
  background:#eee7d9;
  color:#173d65;
  border-color:#b4a084;
}
.detail-action-icon585 { width:18px; height:18px; flex:0 0 18px; }
.movie-wrap.details-open .watched-last582 {
  display:block;
  margin-top:10px;
  color:#74634f;
  font-size:13px;
}
.movie-wrap.details-open .watched-date-form582 {
  align-items:center;
  gap:8px;
  margin-top:11px;
}
.movie-wrap.details-open .watched-date-form582 input {
  box-sizing:border-box;
  flex:1 1 130px;
  min-width:0;
  min-height:44px;
  background:#fffdf8;
  color:#173d65;
  font-family:inherit;
  font-size:16px;
}
.movie-wrap.details-open .watched-date-form582 button {
  min-height:44px;
  padding:7px 12px;
  background:#fffdf8;
  color:#173d65;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
}
.movie-wrap.details-open .watched-form-status582 { flex-basis:100%; }
@media (max-width:760px) {
  .movie-wrap.details-open > .movie { padding:16px 14px 5px; font-size:clamp(23px,6.1vw,28px); }
  .movie-wrap.details-open .details { gap:14px; padding:0 14px 18px; }
  .movie-wrap.details-open .detail-meta585 { font-size:14px; }
  .movie-wrap.details-open .detail-main585 { grid-template-columns:minmax(0,1fr) minmax(0,58%); gap:13px; }
  .movie-wrap.details-open .details-poster-frame { max-width:320px; }
  .movie-wrap.details-open .detail-location { padding:8px 9px; }
  .movie-wrap.details-open .detail-location-label { font-size:10px; }
  .movie-wrap.details-open .detail-location-value { font-size:13px; }
  .movie-wrap.details-open .detail-line { margin-bottom:12px; font-size:14px; }
  .movie-wrap.details-open .detail-line .detail-label { font-size:10px; }
  .movie-wrap.details-open .detail-actions585 > button { font-size:13px; padding:8px; }
}
@media (max-width:360px) {
  .movie-wrap.details-open > .movie { padding-left:12px; padding-right:12px; }
  .movie-wrap.details-open .details { padding-left:12px; padding-right:12px; }
  .movie-wrap.details-open .detail-main585 { grid-template-columns:minmax(0,1fr) minmax(0,54%); gap:10px; }
  .movie-wrap.details-open .detail-line { font-size:13px; }
  .movie-wrap.details-open .detail-actions585 { gap:8px; }
  .movie-wrap.details-open .detail-actions585 > button { font-size:12px; gap:6px; padding:8px 6px; }
}