/* Extracted from archive.php; rule order preserved. */

/* عنوان آرشیو */
.arc-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: rtl;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(96,165,250,0.12);
    justify-content: center;
    margin-top: 30px;
}
.arc-title-icon {
    font-size: 22px;
    color: #38bdf8;
    flex-shrink: 0;
}
.arc-title {
    font-size: 20px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

/* card overlay */
.card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.75) 100%) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.25s !important;
}
.movie-card:hover .card-overlay {
    opacity: 1 !important;
}
.card-overlay .play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.card-overlay .play ion-icon {
    font-size: 42px !important;
    color: #fff !important;
    filter: drop-shadow(0 0 8px rgba(56,189,248,0.8)) !important;
}
.card-overlay .rating {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: rgba(0,0,0,0.55) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    color: #fbbf24 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.card-overlay .rating ion-icon {
    font-size: 12px !important;
    color: #fbbf24 !important;
}
.card-overlay .rating span {
    color: #fbbf24 !important;
}

/* pagination */
.archive-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 30px 0;
    direction: rtl;
    flex-wrap: wrap;
}
.archive-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #0d1f3c;
    border: 1px solid rgba(96,165,250,0.15);
    color: #94a3b8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s;
}
.archive-pagination .page-numbers:hover {
    background: #1e3a8a;
    border-color: #3b82f6;
    color: #fff;
}
.archive-pagination .page-numbers.current {
    background: linear-gradient(135deg, #0e7490, #1e3a8a);
    border-color: #38bdf8;
    color: #fff;
    box-shadow: 0 0 12px rgba(14,116,144,0.4);
}
.archive-pagination .page-numbers.dots {
    background: transparent;
    border: none;
    color: #475569;
}
.card-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    line-height: 1.3 !important;
}

/* Archive filters */
.royaye-archive-filters {
    direction: rtl;
    margin: 0 auto 28px;
    padding: 16px;
    border: 1px solid rgba(96,165,250,.14);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(13,31,60,.82), rgba(8,20,42,.72));
    box-shadow: 0 14px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.royaye-filter-search-row { display:flex; gap:10px; align-items:stretch; }
.royaye-filter-search {
    flex:1; min-width:0; height:46px; display:flex; align-items:center; gap:10px;
    padding:0 14px; border:1px solid rgba(96,165,250,.14); border-radius:12px;
    background:rgba(3,12,28,.48); transition:border-color .2s, box-shadow .2s, background .2s;
}
.royaye-filter-search:focus-within { border-color:rgba(56,189,248,.62); box-shadow:0 0 0 3px rgba(56,189,248,.07); background:rgba(3,12,28,.68); }
.royaye-filter-search ion-icon { font-size:19px; color:#38bdf8; flex:0 0 auto; }
.royaye-filter-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#e2e8f0; font:inherit; font-size:14px; }
.royaye-filter-search input::placeholder { color:#64748b; }
.royaye-filter-submit {
    height:46px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:7px;
    border:1px solid rgba(56,189,248,.42); border-radius:12px; cursor:pointer; color:#eaf7ff;
    background:linear-gradient(135deg, rgba(14,116,144,.76), rgba(30,58,138,.78)); font:inherit; font-weight:700;
    transition:transform .2s, border-color .2s, box-shadow .2s;
}
.royaye-filter-submit:hover { transform:translateY(-1px); border-color:#38bdf8; box-shadow:0 7px 20px rgba(14,116,144,.2); }
.royaye-filter-submit ion-icon { font-size:18px; }
.royaye-filter-group { margin-top:15px; padding-top:14px; border-top:1px solid rgba(96,165,250,.09); }
.royaye-filter-label { display:flex; align-items:center; gap:7px; color:#94a3b8; font-size:12px; font-weight:700; margin-bottom:9px; }
.royaye-filter-label ion-icon { color:#38bdf8; font-size:16px; }
.royaye-filter-chips { display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.royaye-filter-chips::-webkit-scrollbar { display:none; }
.royaye-filter-chip {
    flex:0 0 auto; min-height:34px; padding:0 12px; display:inline-flex; align-items:center; gap:6px;
    border:1px solid rgba(96,165,250,.13); border-radius:999px; background:rgba(15,36,70,.5); color:#94a3b8;
    font:inherit; font-size:12px; font-weight:650; cursor:pointer; transition:all .2s;
}
.royaye-filter-chip ion-icon { font-size:14px; }
.royaye-filter-chip:hover { color:#e2e8f0; border-color:rgba(56,189,248,.4); background:rgba(20,70,120,.35); }
.royaye-filter-chip.active { color:#fff; border-color:rgba(56,189,248,.66); background:linear-gradient(135deg, rgba(14,116,144,.52), rgba(30,58,138,.58)); box-shadow:0 0 16px rgba(56,189,248,.08); }
.royaye-filter-selects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.royaye-filter-select-wrap { display:block; min-width:0; }
.royaye-filter-select-wrap > span { display:flex; align-items:center; gap:6px; margin:0 2px 7px; color:#94a3b8; font-size:11px; font-weight:700; }
.royaye-filter-select-wrap > span ion-icon { color:#38bdf8; font-size:14px; }
.royaye-filter-select-wrap select {
    width:100%; height:42px; padding:0 12px; border:1px solid rgba(96,165,250,.13); border-radius:10px;
    outline:0; color:#cbd5e1; background:#0b1b35; font:inherit; font-size:12px; cursor:pointer;
}
.royaye-filter-select-wrap select:focus { border-color:rgba(56,189,248,.55); }
.royaye-filter-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:12px; border-top:1px solid rgba(96,165,250,.09); }
.royaye-filter-count, .royaye-filter-reset { display:inline-flex; align-items:center; gap:6px; font-size:12px; }
.royaye-filter-count { color:#64748b; }
.royaye-filter-count ion-icon { color:#38bdf8; }
.royaye-filter-reset { color:#94a3b8; text-decoration:none; transition:color .2s; }
.royaye-filter-reset:hover { color:#e2e8f0; }
.royaye-filter-reset ion-icon { font-size:16px; }
.royaye-archive-empty { grid-column:1/-1; width:100%; min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; color:#64748b; }
.royaye-archive-empty ion-icon { font-size:32px; color:#334e70; }
.royaye-archive-empty p { margin:0; font-size:14px; }
.royaye-archive-empty a { color:#38bdf8; text-decoration:none; font-size:13px; }
@media (max-width: 700px) {
    .royaye-archive-filters { padding:12px; margin-bottom:20px; border-radius:14px; }
    .royaye-filter-search-row { gap:8px; }
    .royaye-filter-search { height:43px; padding:0 11px; }
    .royaye-filter-search input { font-size:12px; }
    .royaye-filter-submit { width:43px; height:43px; padding:0; flex:0 0 43px; }
    .royaye-filter-submit span { display:none; }
    .royaye-filter-group { margin-top:12px; padding-top:11px; }
    .royaye-filter-label { margin-bottom:7px; }
    .royaye-filter-chip { min-height:32px; padding:0 11px; font-size:11px; }
    .royaye-filter-selects { grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
    .royaye-filter-select-wrap:first-child { grid-column:1/-1; }
    .royaye-filter-select-wrap select { height:39px; font-size:11px; }
    .royaye-filter-footer { margin-top:11px; padding-top:10px; }
}

/* Final simplified archive filter: only search + genre are rendered. */
.royaye-archive-filters-simple .royaye-filter-selects { display:none !important; }
@media (max-width:700px) {
    .royaye-archive-filters { backdrop-filter:none; -webkit-backdrop-filter:none; background:#0b1930; box-shadow:none; }
    .royaye-filter-submit { box-shadow:none !important; transform:none !important; }
}

/* Compact, information-rich mobile archive grid */
.royaye-card-meta{position:absolute;z-index:3;right:7px;left:7px;bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#eef6ff;font:700 10px/1.2 Roboto,Arial,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.royaye-card-meta span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.royaye-card-meta ion-icon{font-size:11px;color:#cbd5e1}.royaye-card-imdb b{font:900 8px/1 Arial,sans-serif;background:#f5c518;color:#111827;border-radius:3px;padding:2px 3px}
.card-head:after{content:"";position:absolute;z-index:2;right:0;left:0;bottom:0;height:30%;background:linear-gradient(to top,rgba(2,6,23,.9),transparent);pointer-events:none}
@media(max-width:700px){
 .movies-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px 9px !important}
 .movie-card{min-width:0 !important;width:auto !important}
 .movie-card .card-head{border-radius:11px !important}
 .movie-card .card-body{padding:7px 2px 0 !important}
 .movie-card .card-title{font-size:11px !important;line-height:1.55 !important;font-weight:800 !important;text-align:center !important;margin:0 0 5px !important;overflow-wrap:anywhere !important}
 .movie-card .card-info{font-size:9px !important;line-height:1.5 !important;justify-content:center !important;gap:4px !important;text-align:center !important;flex-wrap:wrap !important}
 .royaye-card-meta{right:5px;left:5px;bottom:5px;font-size:8.5px}.royaye-card-imdb b{font-size:7px}.royaye-card-meta ion-icon{font-size:9px}
}


/* V4 final mobile archive grid - page CSS loads after shared enhancements. */
@media (max-width:700px) {
  main .movies-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px 9px !important; padding:0 10px !important; }
  main .movies-grid > .movie-card { width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; }
  main .movies-grid .card-head { height:auto !important; aspect-ratio:2/3 !important; }
  main .movies-grid .royaye-card-meta { font-size:10px !important; background:rgba(3,10,22,.80) !important; padding:3px 5px !important; border-radius:7px !important; }
  main .movies-grid .card-title { font-size:11px !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; display:block !important; -webkit-line-clamp:unset !important; }
}


/* ===== V6 archive live search + hidden scrollbar cue ===== */
.royaye-filter-search-row.royaye-live-search-wrap{position:relative;}
.royaye-archive-live-results{top:calc(100% + 7px) !important;right:0 !important;left:0 !important;z-index:80 !important;}
.royaye-filter-genres{position:relative;}
.royaye-filter-chips{scrollbar-width:none !important;-ms-overflow-style:none !important;padding-left:34px !important;}
.royaye-filter-chips::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;background:transparent !important;}
.royaye-genre-scroll-cue{position:absolute;left:2px;bottom:1px;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#67d4ff;background:rgba(8,25,49,.92);border:1px solid rgba(56,189,248,.28);box-shadow:0 6px 18px rgba(0,0,0,.28);pointer-events:none;z-index:3;}
.royaye-genre-scroll-cue ion-icon{font-size:16px;}
@media(max-width:700px){
  main .movies-grid .royaye-card-meta{right:5px !important;left:auto !important;width:max-content !important;max-width:calc(100% - 10px) !important;padding:3px 5px !important;gap:5px !important;border-radius:6px !important;font-size:8.5px !important;background:rgba(2,8,18,.78) !important;}
  main .movies-grid .royaye-card-meta span{white-space:nowrap !important;}
  main .movies-grid .royaye-card-imdb b{font-size:6.5px !important;padding:1px 2px !important;}
}