/* ============================================================
   pwg.ro — Blu-ray Release Checker styles
   Loaded after base.css.
   ============================================================ */

/* ---------- search band ---------- */
.bluray-tool{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
  background:#070809;padding:clamp(36px,6vw,64px) 0;}
.bluray-tool .wrap{max-width:820px;}

.search-form{margin-bottom:30px;}
.search-wrap{display:flex;gap:10px;}
.search-wrap input[type=text]{
  flex:1;min-width:0;
  background:var(--field);border:1px solid var(--line);border-radius:10px;
  padding:14px 18px;color:#fff;font-family:var(--sans);font-size:1.05rem;outline:none;
  transition:border-color .15s;
}
.search-wrap input[type=text]:focus{border-color:var(--accent);}
.search-wrap input[type=text]::placeholder{color:var(--faint);}

#search-btn{
  background:var(--accent);color:#06080b;border:none;border-radius:10px;
  padding:14px 26px;font-family:var(--sans);font-weight:600;font-size:1rem;
  cursor:pointer;white-space:nowrap;transition:background .15s;
}
#search-btn:hover{background:var(--accent-press);}
#search-btn:disabled{opacity:.45;cursor:default;}

/* ---------- region bar ---------- */
.region-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 6px;padding:8px 2px;font-family:var(--mono);font-size:12px;color:var(--dim);}
.region-bar label{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;}
.region-bar select{
  appearance:none;-webkit-appearance:none;
  background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%237a828e' stroke-width='1.5' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;
  border:1px solid var(--line);border-radius:8px;
  color:#e7e9ee;font-family:var(--mono);font-size:12px;
  padding:8px 34px 8px 12px;cursor:pointer;outline:none;
  transition:border-color .15s;max-width:100%;
}
.region-bar select:hover{border-color:#31363e;}
.region-bar select:focus{border-color:var(--accent);}
.region-bar .region-src{color:var(--faint);}

/* ---------- status ---------- */
.status{font-family:var(--mono);font-size:13px;color:var(--dim);text-align:center;
  padding:14px 0;min-height:1em;}
.status.error{color:#d4886a;}
.status.empty{color:var(--faint);}

/* ---------- results grid ---------- */
.results{display:grid;gap:16px;}

/* ---------- movie card ---------- */
.movie-card{
  display:flex;gap:18px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:12px;
  padding:14px;transition:border-color .12s;
}
.movie-card:hover{border-color:#31363e;}

.movie-poster{flex:none;width:86px;border-radius:6px;overflow:hidden;}
.movie-poster img{width:86px;height:129px;object-fit:cover;display:block;border-radius:6px;}
.movie-poster .no-poster{width:86px;height:129px;background:var(--field);border-radius:6px;
  display:flex;align-items:center;justify-content:center;color:var(--faint);
  font-size:22px;line-height:1;}

.movie-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.movie-title{font-family:var(--sans);font-weight:600;font-size:1.1rem;color:#fff;
  line-height:1.25;}
.movie-title .year{font-weight:400;color:var(--dim);margin-left:8px;font-size:.92rem;}

/* ---------- media-type tag ---------- */
.type-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:400;vertical-align:middle;margin-left:10px;padding:2px 7px;border-radius:4px;}
.type-tag.movie{background:#10212e;color:#6fa8c9;border:1px solid #22425a;}
.type-tag.tv{background:#241a30;color:#b48fd0;border:1px solid #3a2a4c;}

/* ---------- global availability confirmation ---------- */
.avail-confirm{
  display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;line-height:1.4;
  padding:3px 10px;border-radius:6px;
}
.avail-confirm .tick{font-weight:600;font-size:11px;}
.avail-confirm.yes{background:#16241c;color:#84c9a0;border:1px solid #244d36;}
.avail-confirm.no{background:#2a1c1c;color:#d4886a;border:1px solid #4d2424;}

/* ---------- release / streaming rows ---------- */
.rel-group{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.rel-label{flex:none;min-width:64px;font-family:var(--mono);font-size:10px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--faint);}

.movie-releases{display:flex;flex-wrap:wrap;gap:6px;}
.release-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--mono);font-size:11px;letter-spacing:.02em;
  padding:4px 10px;border-radius:6px;line-height:1.4;
}
.release-badge.bluray{background:#1a2a38;color:#81b9da;border:1px solid #254357;}
.release-badge.uhd{background:#2a1f38;color:#c89bdd;border:1px solid #3d2950;}
.release-badge.dvd{background:#1a2625;color:#7eb8a8;border:1px solid #253d38;}
.release-badge.physical{background:var(--field);color:var(--dim);border:1px solid var(--line);}

.release-date{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-left:auto;}

.none-badge{font-family:var(--mono);font-size:12px;color:var(--faint);}

/* ---------- streaming chips ---------- */
.movie-streams{display:flex;flex-wrap:wrap;gap:6px;}
.stream-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:11px;letter-spacing:.02em;line-height:1.4;
  background:#16241c;color:#84c9a0;border:1px solid #244d36;
  padding:3px 10px 3px 4px;border-radius:6px;
}
.stream-badge .prov-logo{width:20px;height:20px;flex:none;border-radius:4px;object-fit:cover;
  background:#0d130f;}
.stream-more{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;
  color:var(--faint);padding:3px 8px;}

/* ---------- loading state ---------- */
.loading-dots{display:inline-flex;gap:4px;align-items:center;}
.loading-dots i{width:6px;height:6px;border-radius:50%;background:var(--dim);
  animation:blip 1.2s infinite alternate;}
.loading-dots i:nth-child(2){animation-delay:.3s;}
.loading-dots i:nth-child(3){animation-delay:.6s;}
@keyframes blip{from{opacity:.25;}to{opacity:1;}}

/* ---------- "what's hot" rows ---------- */
/* Horizontal inset comes from the companion .wrap; only set vertical here. */
.hot{display:flex;flex-direction:column;gap:34px;padding-block:clamp(30px,5vw,52px);}
.hot-block{min-width:0;}
.hot-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.hot-head h2{margin:0;font-family:var(--sans);font-weight:600;font-size:1.3rem;color:#fff;}
.hot-sub{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--faint);}

.hot-row{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.hot-row::-webkit-scrollbar{height:8px;}
.hot-row::-webkit-scrollbar-track{background:transparent;}
.hot-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px;}

.hot-card{flex:none;width:120px;scroll-snap-align:start;
  display:flex;flex-direction:column;gap:8px;
  background:none;border:none;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer;}
.hot-poster{display:block;width:120px;height:180px;border-radius:8px;overflow:hidden;
  background:var(--field);border:1px solid var(--line);
  transition:border-color .12s,transform .12s;}
.hot-poster img{width:100%;height:100%;object-fit:cover;display:block;}
.hot-card:hover .hot-poster{border-color:var(--accent);transform:translateY(-2px);}
.hot-card:focus-visible{outline:none;}
.hot-card:focus-visible .hot-poster{outline:2px solid var(--accent);outline-offset:2px;}

.hot-meta{display:flex;flex-direction:column;gap:4px;}
.hot-title{font-family:var(--sans);font-size:.85rem;line-height:1.25;color:#e7e9ee;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hot-tags{display:flex;align-items:center;gap:6px;}
.hot-tags .type-tag{margin-left:0;}
.hot-year{font-family:var(--mono);font-size:10.5px;color:var(--faint);}

.hot-note{font-family:var(--mono);font-size:11px;color:var(--faint);margin:2px 0 0;line-height:1.5;}
.hot-empty{font-family:var(--mono);font-size:12px;color:var(--faint);padding:30px 2px;}

.hot-skel{flex:none;width:120px;height:180px;border-radius:8px;background:var(--field);
  position:relative;overflow:hidden;}
.hot-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);
  animation:hotshimmer 1.3s infinite;}
@keyframes hotshimmer{100%{transform:translateX(100%);}}

@media (prefers-reduced-motion:reduce){
  .hot-skel::after{animation:none;}
  .hot-card:hover .hot-poster{transform:none;}
}

/* ---------- responsive ---------- */
@media (max-width:600px){
  .search-wrap{flex-direction:column;}
  .movie-card{flex-direction:column;align-items:flex-start;}
  .movie-poster{width:100%;max-width:140px;}
  .movie-poster img{width:100%;height:auto;aspect-ratio:2/3;}
  .hot-card,.hot-poster,.hot-skel{width:104px;}
  .hot-poster{height:156px;}
  .hot-skel{height:156px;}
}