/* =========================
   GLOBAL BASE
   ========================= */
:root{
  --blue-1:#1e5aa8;
  --blue-2:#2e72b9;
  --blue-3:#357de0;
  --link:#0c4f88;
  --line:#93b1cb;
  --soft:#f7fbff;
}

a, a:hover, a:visited {
  text-decoration: none;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:13px/1.35 Arial, Helvetica, sans-serif;
  color:#000;
  background:#a9c7de;
}
img{  /* max-width: 100%;*/height:auto;display:block}


#Movie .stats .updated {
    display: block;
    color: #aaa;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 4px;
}

#Movie .stats .downloads {
    display: block;
    color: #2ecc71;
    font-weight: bold;
    font-size: 14px;
}

#Movie .stats .downloads .fa {
    margin-right: 5px;
    color: #2ecc71;
}
.statRow {
    margin-bottom: 8px; /* δίνει 8px κενό */
}

.statRow:last-child {
    margin-bottom: 0; /* να μην αφήνει κενό στην τελευταία γραμμή */
}
.camera-audio, .camera, .unknown, .telesync {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 5px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
    border-radius: 10px 10px 0 0;
    background-color: #f00;
}











.torrent-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vip-badge {
    background: gold;
    color: black;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.vip-badge:hover {
    background: #ffd700;
    color: #111;
}


.torrent-toggle {
  background: #2980b9;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.torrent-items {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 10px;
}

.torrent-item {
  margin-bottom: 8px;
  padding: 6px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.season-toggle {
  background: #2980b9;
  color: #fff;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  border-radius: 4px;
}

.season-episodes {
  background: #f0f0f0;
  border: 1px solid #bbb;
  padding: 10px;
  margin-bottom: 10px;
}















.torrent-subs {
    margin: 4px 0;
    font-size: 12px;
    color: #444;
}

.torrent-subs .sub-chip {
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    background: #eef5ff;
    border-radius: 10px;
    font-size: 11px;
    text-decoration: none;
    color: #003366;
}

.torrent-subs .sub-chip img {
    margin-right: 4px;
    width: 16px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
}




#Movie {
    font-size: 16px;
    position: relative;
}

#Movie h1.title {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

#Movie .aka {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

#Movie .grade {
    color: #ffe500;
}

#Movie .genre {
    font-size: 22px;
    font-weight: bold;
    color: #ffe500;
}

#Movie .movieHolder {
    position: relative;
    float: left;
    margin-right: 70px;
}

#Movie .posterHolder {
    clear: left;
    float: left;
    margin-right: 20px;
}

#Movie .posterHolder a.poster {
    border-radius: 5px;
    border: 4px solid #fff;
    clear: left;
    float: left;
    margin-bottom: 5px;
}

@media screen and (max-width: 400px) {
    #Movie .posterHolder {
        margin-right:3px;
    }
}

#Movie .stats {
    position: relative;
    padding: 5px;
    max-width: 290px;
    min-width: 134px;
    float: left;
}

#Movie .stats .statRow {
    display: block;
    clear: left;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 0;
}

#Movie .stats .statRow i.imdb,#Movie .stats .preview i.imdb {
    text-align: center;
    height: 28px;
    width: 124px;
    display: block;
    float: left;
    background: url(/Images/Imdbbig.png) no-repeat;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

#Movie .stats .statRow i.wsmrate,#Movie .stats .preview i.wsmrate {
    text-align: center;
    float: right;
    height: 28px;
    width: 124px;
    display: block;
    background: url(/Images/wsmrate.png) no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

#Movie .stats .awards {
    color: #ffe500;
    font-size: 14px;
}

#Movie .stats .awards i {
    font-size: 24px;
    color: #ffe500 !important;
    vertical-align: bottom;
    line-height: 20px;
}

#Movie .stats .warning {
    color: #f00;
}

#Movie .stats div.langEnglish {
    color: #fff;
}

#Movie .stats div.langNonEnglish {
    color: #f00;
}

#Movie .actions {
    float: left;
    text-align: center;
}

#Movie #RightAdBox {
    float: right;
    width: 300px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
    padding: 20px;
}

#Movie .movieMore {
    overflow: hidden;
    min-width: 220px;
}

#Movie #SimilarMovies {
    overflow: hidden;
}

#Movie #SimilarMovies .item {
    display: inline-block;
}

#Movie .movieInfo {
    padding-top: 10px;
    overflow: hidden;
    color: #c5c1c0;
}

#Movie .movieInfo .infoRow {
    clear: left;
}

#Movie .movieInfo .infoTitle {
    font-weight: bold;
    text-align: right;
    float: left;
    display: block;
    width: 75px;
}

#Movie .movieInfo .infoDesc {
    display: block;
    padding-left: 5px;
    max-height: 133px;
    overflow: hidden;
}

#Movie .movieInfo .infoDesc a {
    color: inherit;
}

#Movie .movieInfo .infoDesc a.famous {
    color: #ffe500;
}

#Movie .synopsis {
    text-align: justify;
    clear: left;
    max-width: none;
}

#Movie .releaseDate {
    text-align: center;
    padding: 10px;
}

#Movie .currentPart {
    color: #ffe500;
    font-weight: bold;
    font-size: 14px;
    padding: 3px;
}

#Movie .otherParts {
    color: #c5c1c0;
    font-weight: bold;
}

span.runtime {
    display: inline-block;
    padding-top: 5px;
}

#ContentRating {
    display: inline-block;
}

#ContentRating img {
    border: 1px solid #000;
    padding: 1px;
    background-color: #fff;
    vertical-align: top;
}

#FullContentRating {
    max-width: 270px;
    clear: left;
    padding: 1px;
    background-color: #fff;
    overflow: auto;
    line-height: 12px;
}

#FullContentRating div.ratingBorder {
    border: 1px solid #000;
    padding: 1px;
    overflow: hidden;
}

#FullContentRating img {
    border-right: 1px solid #000;
    float: left;
    vertical-align: top;
    margin-right: -1px;
}

#FullContentRating .reason {
    display: block;
    font-size: 11px;
    color: #000;
    padding: 3px;
    border-left: 1px solid #000;
    overflow: hidden;
}

#FullImdb {
    font-weight: bold;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

#FullImdb .row {
    padding: 5px;
    clear: left;
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

#ViewOtherTorrents {
    border-radius: 10px;
    clear: both;
    padding: 40px;
    font-weight: bold;
    text-align: center;
    background-color: #ffe4c4;
}

.statTable {
    margin-top: 10px;
    border: 1px solid #c5c1c0;
    border-radius: 5px;
    background-color: #444;
    color: #eee;
    width: 100%;
}

.statTable td {
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border: 1px solid #c5c1c0;
}

.statTable td .warning {
    color: #f00;
}

.statTable td.smaller {
    font-weight: normal;
    font-size: 12px;
}

.statTable td i {
    color: #eee !important;
}

#TorrentsHolder {
    clear: both;
    padding: 10px 0;
}

#btnShowTorrents {
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    background-color: #444;
    font-size: 18px;
    color: #eee;
    cursor: pointer;
    border: 2px solid #444;
    clear: both;
}

#btnShowTorrents:hover,#btnShowTorrents:active {
    background-color: #5e5e5e;
}

#TorrentListHeader {
    clear: both;
}

#TorrentsList {
    margin-top: 3px;
}

#TorrentsList .torrent {
    border-radius: 5px;
    margin: 2px;
    color: #eee;
    text-decoration: none;
    display: block;
    overflow: hidden;
    background-color: #444;
    position: relative;
    font-size: 12px;
    font-weight: normal;
}

#TorrentsList .torrent:hover,#TorrentsList .torrent:active {
    background-color: #5e5e5e;
}

#TorrentsList .torrent .title {
    font-size: 14px;
    font-weight: bold;
    padding-right: 80px;
    display: inline-block;
    padding: 5px 5px;
}

#TorrentsList .torrent .title i {
    color: #ffe500;
}

#TorrentsList .torrent .info {
    height: auto;
    float: right;
    white-space: nowrap;
}

#TorrentsList .torrent .date {
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    white-space: nowrap;
    float: right;
    width: 100px;
}

#TorrentsList .torrent .size {
    font-size: 14px;
    color: #0a1612;
    border-radius: 5px;
    white-space: nowrap;
    background-color: #fff;
    text-align: center;
    position: relative;
    padding: 5px;
    height: 30px;
    width: 80px;
    float: right;
    font-weight: bold;
}

#TorrentsList .torrent .sizeBar {
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    background-color: #1e90ff;
}

#TorrentsList .torrent .seed {
    text-align: right;
    width: 40px;
    display: inline-block;
    padding: 5px;
    float: right;
    display: none;
}

#TorrentsList .torrent .flags {
    text-align: center;
    line-height: 30px;
    float: right;
    width: 110px;
}

#TorrentsList .torrent .flags span {
    float: right;
    margin-left: 4px;
    display: inline-block;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
}

#TorrentsList .torrent .flags .hd {
    background-image: url(/Images/MMHD.png);
    height: 32px;
}

#TorrentsList .torrent .flags .fullhd {
    background-image: url(/Images/MMFullHD.png);
}

#TorrentsList .torrent .flags .uhd {
    background-image: url(/Images/MM4K.png);
}

#TorrentsList .torrent .flags .threed {
    background-image: url(/Images/MM3Db.png);
}

#TorrentsList .torrent .flags .hevc {
    background-image: url(/Images/MMHEVC.png);
}

#TorrentsList .torrent .flags .dts {
    background-image: url(/Images/MMDTS.png);
}

#TorrentsList .torrent .flags .dolby {
    background-image: url(/Images/MMDolby.png);
}

#TorrentsList .torrent .flags .surround6 {
    background-image: url(/Images/MM6CH.png);
}

#TorrentsList .torrent .flags .surround8 {
    background-image: url(/Images/MM8CH.png);
}

#TorrentsList .torrent .flags .bluray {
    background-image: url(/Images/MMBluray.png);
}

#TorrentsList .torrent .flags .remux {
    background-image: url(/Images/MMREMUX.png);
}

#TorrentsList .header {
    font-weight: bold;
}

#TorrentsList .header .quality,#TorrentsList .header .date {
    text-align: center;
}

#TorrentsList .header .size {
    color: #eee;
    background-color: inherit;
}

#TorrentsList .header:hover,#TorrentsList .header:active {
    background-color: #444;
    color: #eee;
}

#TorrentsList .seasonTitle {
    margin-bottom: 3px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #eee;
    font-weight: bold;
    font-size: 18px;
    color: #444;
    cursor: pointer;
    padding: 3px 10px;
}

#TorrentsList .seasonTitle:hover {
    background-color: #fbfbfb;
    text-decoration: none;
}

#TorrentsList .episode {
    margin-bottom: 3px;
    border-radius: 5px;
}

#TorrentsList .episodeHeader {
    border-radius: 5px;
    overflow: hidden;
    background-color: #727272;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 10px 3px 10px;
    color: #f1f1f1;
    cursor: pointer;
}

#TorrentsList .episodeHeader:hover {
    background-color: #7f7f7f;
    text-decoration: none;
}

#TorrentsList .episodeHeader .torrentFlags {
    float: right;
}

#TorrentsList .torrentFlags button {
    background-color: #e1e1e1;
    color: #444;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
}

#TorrentsList .torrentFlags button.selected {
    background-color: #ffe500;
}

#TorrentsList .torrentFlags button[disabled] {
    background-color: #a2a2a2;
}

#TorrentsList #TorrentFilters #Multiselect {
    float: right;
}

#TorrentsList #TorrentFilters .flagCategory {
    float: left;
    margin-left: 5px;
}

#TorrentsList #TorrentFilters button {
    margin-bottom: 3px;
}

#TorrentsList div.noTorrents {
    margin-top: 2px;
    background-color: #444;
}

#TorrentsList div.noTorrents:hover,#TorrentsList div.noTorrents:focus {
    color: #eee;
    background-color: #494949;
}

#Comments {
    position: relative;
}

.comments {
    background-color: #2b2b2b;
    border-radius: 10px;
    overflow: hidden;
}

.comments h2 {
    margin: 0;
    padding: 10px;
    color: #eee;
    background-color: #5e5e5e;
    font-size: 16px;
    font-weight: bold;
}

.comments h2 button.close {
    margin-left: 10px;
    float: right;
    color: #fff;
    border: 1px solid #eee;
    line-height: 12px;
    padding: 5px;
    border-radius: 5px;
}

#CommentsHolder,#PostCommentHolder {
    padding: 10px;
}

#PostComment {
    margin-bottom: 20px;
}

@media screen and (max-width: 950px) {
    #Movie .movieHolder {
        margin-right:0;
    }
}

@media screen and (min-width: 950px) {
    #PostComment {
        margin-bottom:0;
        position: absolute;
        top: 0;
        right: 0;
        width: 45%;
    }

    #PostComment.scrolling {
        position: fixed;
        right: 10px;
        width: 44%;
        top: 38px;
    }

    #UserComments {
        margin-right: 46%;
    }
}

#MoreComments {
    clear: both;
}

@media screen and (max-width: 1100px) {
    #Movie .movieInfo {
        clear:left;
        min-width: inherit;
        float: none;
        max-width: inherit;
    }
}

#DownloadBG {
    z-index: 190;
    position: absolute;
    background-color: #000;
    opacity: .7;
    height: 100%;
    left: 0;
    right: 0;
}

#DownloadHolder {
    z-index: 201;
    position: absolute;
    top: 20px;
    left: 10%;
    right: 10%;
}

.scrollDown #DownloadHolder {
    z-index: 201;
}

#TorrentDetails {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #444;
}

#TorrentDetails h2.title {
    margin: 0;
    padding: 10px;
    color: #eee;
    background-color: #5e5e5e;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #c5c1c0;
}

#TorrentDetails h2.title button {
    font-size: 14px;
    opacity: .3;
    background-color: transparent;
    cursor: pointer;
    margin-left: 5px;
    float: right;
    color: #fff;
    border: 1px solid #eee;
    line-height: 12px;
    padding: 3px 4px 5px 4px;
    border-radius: 5px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

#TorrentDetails h2.title button:hover {
    opacity: .5;
    color: #fff;
}

#TorrentDetails .torrentError,#TorrentDetails .torrentWarning2 {
    margin: 5px 10px;
    border-radius: 5px;
    border: 1px solid #f00;
    background-color: #500;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #f00;
}

#TorrentDetails .torrentWarning {
    margin: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffe500;
    background-color: #4d4500;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #ffe500;
}

#TorrentDetails .torrentCanStream {
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #39f;
    background-color: #00264d;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

#TorrentDetails .torrentCanStream a {
    color: #ffe500 !important;
}

#TorrentDetails .torrentCanStream a.btn {
    color: #fff !important;
}

#TorrentDetails .torrentInfoPanels {
    overflow: hidden;
}

#TorrentDetails .infoSection {
    background-color: transparent;
    border: 0 none;
}

#TorrentDetails .infoSection .infoSectionTitle {
    background-color: #5e5e5e;
    color: #fff;
    display: block;
    padding: 3px 5px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}

#TorrentDetails .torrentInfo {
    overflow: hidden;
}

#TorrentDetails .torrentInfo .infoRow {
    clear: left;
}

#TorrentDetails .torrentInfo .infoTitle {
    font-weight: bold;
    text-align: right;
    float: left;
    display: block;
    width: 110px;
}

#TorrentDetails .torrentInfo .infoDesc {
    display: block;
    padding-left: 115px;
    word-wrap: break-word;
}

#TorrentDetails .actions {
    padding: 10px;
}

#SimilarTorrents h2.title {
    border-bottom: 0 none;
    padding: 5px;
}

#SimilarTorrents a.torrent {
    color: #eee;
    border-radius: 5px;
    margin-left: 20px;
    display: block;
    padding: 3px 40px;
    margin: 3px;
    background-color: #444;
}

#SimilarTorrents a.torrent:hover {
    background-color: #3c3c3c;
    text-decoration: none;
}

.actions {
    text-align: center;
    clear: both;
}

.actions a,.actions button {
    text-decoration: none;
    color: #111;
    font-weight: bold;
}

.actions .download {
    background-color: #ffe500;
}

.actions .download:hover {
    background-color: #fe9;
}

.actions .magnet {
    background-color: #ff8c00;
}

.actions .magnet:hover {
    background-color: #ffa333;
}

.actions .btnComment {
    color: #fff;
}

.actions .btnComment:after {
    content: " Comment";
}

.actions .report {
    color: #fff;
    background-color: #ff4500;
}

.actions .report:after {
    content: " Report";
}

.actions .report:hover {
    background-color: #cc3700;
}

.actions .torrentWatch:after {
    content: " Play";
}

.actions .list {
    color: #000;
    background-color: #ffffe0;
}

.actions .list:hover {
    background-color: #ffffbd;
}

.actions a.movieWatch {
    min-width: 100px;
}

.actions .watchDropdown {
    background-color: #fff;
    color: #111;
}

.actions .watchDropdown li a {
    text-align: left;
}

.actions .watchDropdown li a:hover {
    background-color: #0ef;
}

.actions .watch {
    background-color: #0ef;
    color: #111;
}

.actions a.watch:hover {
    background-color: #00d6e6;
}

.actions a.noWatch {
    background-color: #666;
    color: #fff;
}

.actions a.noWatch:hover {
    background-color: #595959;
}

.actions button.noWatch,.actions ul.noWatch {
    background-color: #bbb;
}

.actions .extra {
    background-color: #090;
    color: #fff !important;
}

.actions .extra:hover {
    background-color: #080;
}

.actions .extraDropdown a {
    background-color: #090;
    color: #fff;
}

.actions .extraDropdown a:hover {
    color: #efe;
    background-color: #080;
}

.actions .dropdown {
    display: inline-block;
}

.actions .cancel {
    float: left;
}

.shareMovie {
    min-height: 31px;
}

@media screen and (max-width: 700px) {
    #DownloadHolder {
        left:20px;
        right: 20px;
    }

    #TorrentDetails .actions {
        padding: 10px;
    }

    #TorrentDetails .actions button:after {
        content: "";
    }

    #TorrentDetails .actions .btnComment:after {
        content: "";
    }

    #TorrentDetails .actions .report:after {
        content: "";
    }

    #TorrentDetails .actions .torrentWatch:after {
        content: "";
    }
}

#pnlDownloadStarting {
    padding: 30px;
    font-size: 16px;
}

#pnlDownloadStarting a {
    text-decoration: underline;
}

#MediaHolder {
    display: block;
    min-height: 10px;
}

#MediaHolder .item {
    display: inline-block;
}

.trailer {
    position: relative;
    text-align: center;
}

.trailer i {
    left: 0;
    right: 0;
    display: inline-block;
    line-height: 200px;
    position: absolute;
    font-size: 50px;
    color: #fff;
    z-index: -100;
}

.enableVPN {
    font-weight: bold;
    display: block;
    border-color: #ffe500;
    background-color: #332e00;
    color: #ffe500 !important;
    margin-bottom: 5px;
}

.enableVPN:hover {
    color: #332e00 !important;
    background-color: #ffe500 !important;
}







.about-container {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.about-container h1 {
  text-align: center;
  margin-bottom: 20px;
  color: #2e6dd1;
}
.about-container h2 {
  margin-top: 25px;
  color: #333;
}
.about-container p {
  margin: 10px 0;
  color: #555;
  line-height: 1.6;
}
.about-container ul {
  margin: 10px 0 20px 20px;
  list-style: disc;
}
.about-container li {
  margin-bottom: 8px;
}

.contact-container {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.contact-container h1 {
  text-align: center;
  margin-bottom: 15px;
}
.contact-container p {
  text-align: center;
  color: #555;
  margin-bottom: 20px;
}
.form-group {
  margin-bottom: 15px;
}
.input, .textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 14px;
}
.btn {
  background: #2e6dd1;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
}
.btn:hover {
  background: #1a4a92;
}
.msg {
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}
.movie-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.movie-item {
    text-align: center;
    background: #111;
    padding: 10px;
    border-radius: 8px;
    transition: transform 0.2s;
}

.movie-item:hover {
    transform: scale(1.05);
    background: #222;
}
.pagination .dots {
    display: inline-block;
    padding: 6px 12px;
    color: #aaa;
}

.movie-item img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 8px;
}

.pagination {
    margin: 20px 0;
    text-align: center;
}



.pagination a:hover {
    background: #fff;
    color: #000;
}

.pagination .current {
    background: #e74c3c;
    font-weight: bold;
}



.torrent-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  margin-bottom: 6px;
  border-radius: 6px;
  background: #f9fcff;
  border: 1px solid #e0e8f5;
}

.torrent-item .release-main {
  flex: 1;
}

.torrent-item .release-subs {
  flex-shrink: 0;
  margin-left: 12px;
}

.torrent-item .subtitleChips {
  display: flex;
  gap: 6px;
}

.subtitleChips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.sub-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 14px;
  background: #eef5ff;
  border: 1px solid #cfe0ff;
  font-weight: 700;
  color: #0d3b66;
  text-decoration: none;
  white-space: nowrap;
}
.sub-chip img {
  width: 18px;
  height: 13px;
  border-radius: 2px;
  display: inline-block;
}
.sub-chip:hover { background:#e2edff; }


/* === You may also like block === */
.ymal {
  margin: 20px 0;
  padding: 12px 15px;
  background: var(--soft);                 /* ίδιο φόντο με τα boxes */
  border: 1px solid var(--line);           /* ίδιο περίγραμμα */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.ymal h3 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: bold;
  color: #0c4f88;                          /* ίδιο μπλε με τα titles */
  text-transform: uppercase;
  background: linear-gradient(#f7fbff,#e3efff);
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.ymal-viewport {
  position: relative;
  display: flex;
  align-items: center;
}

.ymal-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 6px;
  scrollbar-width: none;   /* Firefox */
  max-width: 100%;
}
.ymal-track::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.ymal-item {
  flex: 0 0 120px;
  text-align: center;
  text-decoration: none;
  color: #0c4f88;                           /* consistent links */
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
  transition: transform .2s, box-shadow .2s;
}
.ymal-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
  background: #f0f8ff;
}

.ymal-item img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid var(--line);
  margin-bottom: 5px;
}

.ymal-title {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #0c4f88;
  line-height: 1.3;
}

.ymal-nav {
  border: none;
  background: linear-gradient(#5aa1e1,#2e72b9);  /* ίδιο gradient με buttons */
  width: 34px; height: 34px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 6px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  transition: background .2s;
}
.ymal-nav:hover {
  background: linear-gradient(#6bb3f0,#357de0);
}
/* === Responsive adjustments for Similar block === */
@media (max-width: 480px) {
  .ymal-item {
    flex: 0 0 100px;       /* πιο μικρό πλάτος κάρτας */
    padding: 4px;
  }
  .ymal-item img {
    height: 140px;         /* πιο χαμηλό poster */
  }
  .ymal-title {
    font-size: 11px;       /* μικρότερη γραμματοσειρά */
  }
  .ymal-nav {
    width: 28px;
    height: 28px;
    font-size: 16px;
    margin: 0 4px;
  }
}




/* ====== Episode Download Links ====== */
.episode {
  background: #f0f6ff;           /* ανοιχτό γαλάζιο */
  border: 1px solid #1e5aa8;     /* μπλε περίγραμμα */
  border-radius: 6px;
  padding: 10px 12px;
  margin: 6px 0;
  transition: background 0.2s, transform 0.2s;
}

.episode:hover {
  background: #e0edff;
  transform: translateX(3px);    /* λίγο animation στο hover */
}

.episode a {
  font-weight: bold;
  color: #1e5aa8;                /* μπλε link */
  text-decoration: none;
  font-size: 15px;
}

.episode a:hover {
  text-decoration: underline;
}

.episode .ep-meta {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
}




.profile-card {
  background: #d7e9f6;
  color: #000;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #9eb9cf;
  box-shadow: 0 4px 10px rgba(30, 90, 168, 0.3);
  margin-bottom: 20px;
}

.profile-wrapper {
  display: grid;
  gap: 35px; /* Περισσότερο κενό μεταξύ καρτών */
  
  margin: 30px auto;
}

/* Βασική κάρτα */
.profile-card {
  background: #ffffff;
  color: #000;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #c7d7e6;
  box-shadow: 0 4px 12px rgba(30, 90, 168, 0.25);
  transition: transform .3s, box-shadow .3s;
}
.profile-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 90, 168, 0.35);
}

/* Η πρώτη κάρτα σε flex (avatar αριστερά, info δεξιά) */
.profile-flex {
  display: flex;
  align-items: flex-start;
  gap: 40px; /* μεγαλύτερο κενό ανάμεσα στο avatar και τα στοιχεία */
}

/* Αριστερό block */
.profile-left {
  flex: 0 0 240px;
  background: #f4f9ff; /* πιο καθαρό φόντο */
  border: 1px solid #c7d7e6;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
}
.profile-left .username {
  font-size: 22px;
  margin: 10px 0 5px;
  color: #1e5aa8;
}
.profile-left .role {
  font-weight: bold;
  color: #357de0;
  margin-bottom: 10px;
}

/* Avatar */
.avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 4px solid #1e5aa8;
  object-fit: cover;
  transition: transform .3s, border-color .3s;
}
.avatar:hover {
  transform: scale(1.05);
  border-color: #357de0;
}

.upload-controls {
  margin-top: 12px;
}

/* Δεξί block */
.profile-right {
  flex: 1;
}

/* Grid για στοιχεία */
.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 25px;
  margin-bottom: 20px;
  font-size: 15px;
}

/* Buttons */
.btn {
  background: linear-gradient(90deg, #1e5aa8, #357de0);
  border: none;
  padding: 9px 16px;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}
.btn:hover {
  opacity: 0.9;
}
.btn-primary {
  background: linear-gradient(90deg, #28a745, #218838);
}

/* Inputs */
.form-control {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #9eb9cf;
  background: #f0f8ff;
  color: #000;
  margin-bottom: 12px;
}

/* Μήνυμα */
.msg {
  font-weight: bold;
  color: #1e5aa8;
}





.poster-box .poster-img {
    width: 400px !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
}

.quality-badges {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.quality-badge {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.quality-badges {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.quality-badge {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Χρώματα */
.quality-4k { background: linear-gradient(135deg,#e74c3c,#c0392b); }
.quality-1080p { background: linear-gradient(135deg,#3498db,#2980b9); }
.quality-720p { background: linear-gradient(135deg,#2ecc71,#27ae60); }
.quality-hdr { background: linear-gradient(135deg,#f39c12,#d35400); }
.quality-atmos { background: linear-gradient(135deg,#9b59b6,#8e44ad); }
.quality-dts { background: linear-gradient(135deg,#1abc9c,#16a085); }
.quality-dolby { background: linear-gradient(135deg,#34495e,#2c3e50); }
.quality-hevc { background: linear-gradient(135deg,#7f8c8d,#95a5a6); }
.quality-bluray { background: linear-gradient(135deg,#2980b9,#2c3e50); }
.quality-webrip { background: linear-gradient(135deg,#27ae60,#145a32); }




.comment-user {
    font-weight: bold;
    margin-left: 5px;
}

.role-admin {
    color: red;
}
.role-vip {
    color: gold;
}
.role-user {
    color: dodgerblue;
}



.vip-panel {
    background: #fff;
    padding: 15px;
    /* border-radius: 10px; */
    color: #333;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    /* border: 1px solid #e0e0e0; */
    text-align: center;               /* κεντράρει ΟΛΟ το περιεχόμενο */
}

.vip-panel p {
  margin: 6px 0;
}

.vip-avatar {
  display: flex;
  justify-content: center;  /* κέντρο οριζόντια */
  align-items: center;      /* κέντρο κάθετα (αν μεγαλώσει το ύψος) */
  margin-bottom: 10px;
}

.vip-avatar img {
  border-radius: 50%;
  border: 2px solid #ddd;
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;           /* αναγκάζει το img να είναι block */
}


/* Χρώματα ρόλων */
.vip-panel .admin { color: #d9534f; font-weight: bold; }
.vip-panel .vip { color: #f0ad4e; font-weight: bold; }
.vip-panel .user { color: #0275d8; font-weight: bold; }







.user-role-admin {
	font-size: larger;
    color: #ff0000; /* κόκκινο */
    font-weight: bold;
}
.user-role-vip {
    color: #ffd700; /* χρυσό */
    font-weight: bold;
}
.user-role-user {
    color: #00ccff; /* μπλε */
}


/* ===== Admin Page Title ===== */
.admin-title {
  font-size: 22px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 15px;
}

/* ===== Back link ===== */
.stat-link {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #2980b9;
  text-decoration: none;
}
.stat-link:hover {
  text-decoration: underline;
}

/* ===== Messages ===== */
.msg {
  display: block;
  margin: 10px 0;
  font-weight: bold;
  color: #27ae60;
}

/* ===== Admin Table ===== */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  font-size: 14px;
}
.admin-table th {
  background: #357de0;
  color: #fff;
  padding: 10px;
  text-align: left;
}
.admin-table td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.admin-table tr:nth-child(even) {
  background: #f9f9f9;
}
.admin-table tr:hover {
  background: #f1f7fd;
}

/* ===== Buttons ===== */
.btn-vip,
.btn-admin,
.btn-user {
  border: none;
  padding: 5px 10px;
  margin: 2px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  transition: background 0.2s ease;
}

.btn-vip {
  background: linear-gradient(90deg, #f1c40f, #f39c12);
  color: #fff;
}
.btn-vip:hover {
  background: linear-gradient(90deg, #f39c12, #e67e22);
}

.btn-admin {
  background: linear-gradient(90deg, #3498db, #2980b9);
  color: #fff;
}
.btn-admin:hover {
  background: linear-gradient(90deg, #2980b9, #1f618d);
}

.btn-user {
  background: linear-gradient(90deg, #95a5a6, #7f8c8d);
  color: #fff;
}
.btn-user:hover {
  background: linear-gradient(90deg, #7f8c8d, #636e72);
}

/* ===== Textbox for VIP Days ===== */
#MainContent_gvUsers .btn-vip,
#MainContent_gvUsers .btn-admin,
#MainContent_gvUsers .btn-user,
#MainContent_gvUsers .txtDays {
  margin-top: 3px;
}

#MainContent_gvUsers .txtDays {
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 4px;
  text-align: center;
  width: 50px;
}


.comment-user.role-admin {
    color: red;
    font-weight: bold;
}
.comment-user.role-vip {
    color: gold;
    font-weight: bold;
}
.comment-user.role-user {
    color: dodgerblue;
    font-weight: bold;
}

.admin-table td:nth-child(4) { font-weight:bold; }
.admin-table td:nth-child(4):contains("admin") { color: red; }
.admin-table td:nth-child(4):contains("vip") { color: gold; }
.admin-table td:nth-child(4):contains("user") { color: dodgerblue; }


/* Card style για Last Downloads */
.stat-card.downloads {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-top: 20px;
  flex-direction: row;
}

.stat-card.downloads .stat-icon {
  font-size: 32px;
  margin-right: 15px;
}

.stat-card.downloads h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.admin-table th, .admin-table td {
  padding: 8px 10px;
  border: 1px solid #eee;
}

.admin-table th {
  background: #357de0;
  text-align: left;
  font-weight: bold;
}

.admin-table tr:nth-child(even) {
  background: #fcfcfc;
}

.admin-table tr:hover {
  background: #f1f7ff;
}

/* Admin Users Grid */
.admin-title {
  font-size: 22px;
  margin: 15px 0;
  color: #1e5aa8;
}

.admin-grid {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
}

.admin-grid th {
  background: #1e5aa8;
  color: #fff;
  text-align: left;
  padding: 10px 12px;
  font-size: 14px;
}

.admin-grid td {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
}

.admin-grid tr:nth-child(even) {
  background: #f9f9f9;
}

.admin-grid tr:hover td {
  background: #eef5ff;
}

/* Delete button styling */
.admin-grid .aspNetDisabled,
.admin-grid input[type="submit"],
.admin-grid a {
  display: inline-block;
  background: #e74c3c;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

.admin-grid input[type="submit"]:hover,
.admin-grid a:hover {
  background: #c0392b;
}


/* Page wrapper */
.page{
  width:100%;
  margin:0;
  background:#d7e9f6;
  box-shadow:inset 0 0 0 1px #9eb9cf;
}

.movie-rating {
  margin: 10px 0;
  padding: 8px;
  border: 1px solid #93b1cb;
  background: #f7fbff;
  border-radius: 6px;
  font-size: 13px;
}
.movie-rating .stars a {
  text-decoration: none;
  font-size: 20px;
  margin: 0 2px;
  color: #ffcc00;
}
.star-link:hover { text-shadow: 0 0 4px gold; }

.movie-stats {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}
.movie-stats th {
  text-align: left;
  padding: 4px 6px;
  color: #0c4f88;
  white-space: nowrap;
}
.movie-stats td { padding: 4px 6px; }
.quality-block {
  margin: 6px 0;
  font-size: 13px;
  color: #163f66;
}
.quality-block b { color: #0c4f88; }
.q-meta {
  font-size: 12px;
  color: #6b8aa6;
  margin-left: 5px;
}

/* === Responsive για κινητά === */
@media (max-width: 768px) {
  .movie-rating {
    font-size: 12px;
    padding: 6px;
  }
  .movie-rating .stars a {
    font-size: 18px;   /* λίγο μικρότερα αστέρια */
    margin: 0 1px;
  }

  .movie-stats {
    font-size: 12px;
    display: block;
    overflow-x: auto;   /* αν γεμίσει, κάνει scroll */
  }
  .movie-stats th,
  .movie-stats td {
    padding: 3px 4px;
  }

  .quality-block {
    font-size: 12px;
    text-align: center;  /* στο κινητό κέντρο */
  }
}


/* === IMDB DETAILS === */
.imdb-details {
  border: 1px solid #93b1cb;
  background: #f7fbff;
  padding: 15px;
  margin: 15px 0;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

.imdb-layout {
  display: grid;
  grid-template-columns: 1fr 220px; /* info αριστερά, poster δεξιά */
  gap: 15px;
  align-items: start;
}

.imdb-info h1 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #0c4f88;
}

.imdb-info p {
  margin: 4px 0;
  font-size: 13px;
  color: #163f66;
}

.imdb-info a {
  color: #1e5aa8;
  font-weight: 600;
  text-decoration: none;
}
.imdb-info a:hover { text-decoration: underline; }

.imdb-info .plot {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
}

/* Poster δεξιά */
.imdb-poster img {
  width: 220px;
  height: 320px;
  object-fit: cover;
  border: 2px solid #93b1cb;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Responsive */
@media (max-width: 768px) {
  .imdb-layout {
    grid-template-columns: 1fr; /* στοίβαξη σε κινητό */
    text-align: center;
  }
  .imdb-poster img {
    margin: 10px auto 0;
    width: 180px;
    height: auto;
  }
}

/* =========================
   TOPBAR / HEADER
   ========================= */
.topbar{
  background:linear-gradient(to bottom,#4a8cd8,#1f64b2);
  display:grid;
  grid-template-columns:220px 1fr auto; /* logo - search - menu */
  align-items:center;
  padding:10px 15px;
  border-bottom:3px solid #124e86;
  gap:15px;
}

.logo{display:flex;flex-direction:column;align-items:flex-start}
.logo .brand{
  font-size:33px;font-weight:bold;color:#fff;text-decoration:none;
  text-shadow:1px 1px 2px #124e86;
}
.logo .beta{font-size:13px;color:#ffde59;margin-left:5px}
.logo .slogan{font-size:11px;color:#fff;margin-top:2px;text-shadow:0 1px 1px #000}

.search{display:flex;justify-content:center}
.search-input{
  flex:1;max-width:500px;padding:8px 12px;border:1px solid var(--line);
  border-radius:20px 0 0 20px;font-size:13px;outline:none;background:#fff;color:#333
}
.search-btn{
  background:linear-gradient(to bottom,#ffb347,#ff8430);
  border:1px solid #c46b1e;border-radius:0 20px 20px 0;padding:0 14px;
  font-size:14px;cursor:pointer;color:#fff;transition:background .2s
}
.search-btn:hover{background:linear-gradient(to bottom,#ffcf70,#ff9a3d)}

.topnav{display:flex;gap:6px;justify-content:flex-end}
.topnav .pill{
  padding:6px 12px;background:#fff;border-radius:14px;color:var(--blue-1);
  font-size:12px;font-weight:bold;text-decoration:none;text-transform:uppercase;
  box-shadow:0 1px 2px rgba(0,0,0,.15);transition:background .2s
}
.topnav .pill:hover{background:#ffde59;color:#000}

/* =========================
   3-COLUMN LAYOUT
   ========================= */
.layout{
  display:grid;
  grid-template-columns:210px 1fr 200px;
  gap:10px;
  padding:10px 12px 16px;
}
.center{overflow-x:hidden}

/* Left / Right boxes */
.box{
  background:#f5fbff;border:1px solid var(--line);margin-bottom:10px
}
.box h3{
  margin:0;padding:7px 10px;font-size:13px;color:#fff;letter-spacing:.2px;
  background:linear-gradient(#5aa1e1,#2e72b9);border-bottom:1px solid #2c66a4;
  text-transform:uppercase
}
.menu a,.menu span{
  display:block;padding:6px 10px;color:#124e86;text-decoration:none;border-top:1px solid #d6e7f5
}
.menu a:hover{background:#eaf4fd}
.stats{padding:8px 10px;color:#124e86}
.stats .row{display:flex;justify-content:space-between;border-top:1px solid #d6e7f5;padding:4px 0}
.friends a{display:block;padding:6px 10px;color:#124e86;text-decoration:none;border-top:1px solid #d6e7f5}

/* Right column sponsor */
.sponsor .slot{
  background:#fff;border:1px dashed var(--line);height:120px;margin:10px;
  display:grid;place-items:center;color:#6b8aa6
}

/* Footer */
.footer{
  background:linear-gradient(#ffffff,#e6f2fb);
  border-top:1px solid #95b3cd;text-align:center;padding:10px;color:#0b5fab
}

/* =========================
   TOP BOX OFFICE (slider)
   ========================= */
.top-box-office{
  margin:15px 0;background:#f5fbff;border:1px solid var(--line);
  overflow:hidden;position:relative;padding:10px
}
.top-box-office h2{
  margin:0 0 10px;font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;
  background:linear-gradient(#5aa1e1,#2e72b9);padding:6px 10px;border-bottom:1px solid #2c66a4
}
.tbo-wrapper{width:100%;overflow:hidden;position:relative;height:250px}
.tbo-slider{display:flex;position:absolute;top:0;left:0;transition:transform .6s ease-in-out}
.tbo-item{
  flex:0 0 135px;margin-right:10px;text-align:center;background:#eaf4fd;border:1px solid #c4dbef;
  border-radius:4px;padding:6px
}
.tbo-item img{width:100%;height:165px;object-fit:cover;border:1px solid #98bddb}
.tbo-title{font-size:12px;font-weight:bold;color:#0c4f88;line-height:1.3}
.tbo-meta{font-size:11px;color:#6b8aa6}

/* =========================
   VERIFIED TORRENTS
   ========================= */
.vt-head{
  padding:6px 10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border:1px solid var(--line);border-top:2px solid var(--blue-2);background:linear-gradient(#f7fbff,#e3efff);
  margin:15px 0
}
.vt-filters{display:flex;gap:6px}
.vt-filters .chip{
  display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;
  color:#0c4f88;font-size:11px;cursor:pointer;transition:background .2s
}
.vt-filters .chip:hover{background:#eaf4fd}
.vt-filters .chip.active{background:#dff0ff;font-weight:bold}
.vt-pager{margin-left:auto;font-size:12px;color:#0c4f88}
.vt-pager a{color:#0c4f88;text-decoration:none;margin:0 3px}
.vt-pager a.active{font-weight:bold;color:var(--blue-2)}

.vt-card{border:1px solid var(--line);background:#fff;margin:12px 0;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.vt-title{
  padding:6px 8px;font-weight:700;color:#0c4f88;background:linear-gradient(#f7fbff,#e3efff);
  border-bottom:1px solid var(--line);text-shadow:0 1px 0 rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.vt-body{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:10px;background:#f7fbff}
.vt-poster img{width:220px;height:320px;object-fit:cover;border:1px solid var(--line);background:#fff}
.vt-table{
  width:100%;border-collapse:collapse;font-size:12px;line-height:1.35;background:#fff;border:1px solid #c4dbef
}
.vt-table th,.vt-table td{padding:5px 6px;border-top:1px solid #e0effc;text-align:left;vertical-align:top}
.vt-table th{width:130px;white-space:nowrap;color:#0c4f88}
.vt-info a{color:#0c4f88;font-weight:600;text-decoration:none}
.vt-info a:hover{text-decoration:underline}
.vt-links a{color:#0c4f88;font-weight:700;margin-right:10px;text-decoration:none}
.vt-links a:hover{text-decoration:underline}

/* =========================
   MOVIE CARD (Default.aspx style)
   ========================= */
.movie-card {
  border: 1px solid #93b1cb;
  background: #fff;
  margin: 12px auto;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  overflow: hidden;
}

.movie-title {
  padding: 8px 12px;
  font-weight: 700;
  font-size: 15px;
  color: #0c4f88;
  background: linear-gradient(#f7fbff, #e3efff);
  border-bottom: 1px solid #93b1cb;
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

.movie-body {
  display: grid;
  grid-template-columns: 200px 1fr;  /* poster αριστερά, info δεξιά */
  gap: 20px;                         /* μεγαλύτερο κενό */
  padding: 15px;
  align-items: start;
  background: #fff;
}

.movie-poster {
    position: relative;   /* απαραίτητο */
    display: inline-block;
    max-width: 200px;     /* μέγεθος poster */
}

.movie-poster img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}




/* 🔎 Search Box */
.search-box {
    margin: 15px 0;
}
.search-input {
    padding: 6px 10px;
    border: 1px solid #555;
    border-radius: 6px;
    font-size: 14px;
    width: 280px;
    margin-right: 5px;
}
.search-btn, .reset-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    background: #4CAF50;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-right: 3px;
}
.reset-btn {
    background: #f44336;
}
.search-btn:hover {
    background: #45a049;
}
.reset-btn:hover {
    background: #d32f2f;
}

/* 📦 Grid styling */
.admin-grid {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.admin-grid th {
    background: #333;
    color: #fff;
    padding: 8px;
    text-align: left;
}
.admin-grid td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
}
.admin-grid tr:nth-child(even) {
    background: #f9f9f9;
}
.admin-grid img {
    border-radius: 4px;
}

/* IMDb badge πάνω δεξιά στο poster */
.imdb-badge {
    position: absolute;
    top: 6px;
    right: 6px;           /* ✅ τώρα πάει πάνω δεξιά */
    background: #f5c518;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 5px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    z-index: 10;
}

.imdb-badge img {
    height: 20px;   /* μικρό logo */
    width: auto;
}

.movie-info table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.4;
  background: #f9fcff;
  border: 1px solid #c4dbef;
}

.movie-info {
  padding: 0 5px;       /* λίγο πλαϊνό padding */
  line-height: 1.3;     /* πιο κοντά οι γραμμές */
  font-size: 13px;      /* λίγο μικρό για να χωράει */
}

.movie-info table {
  border-collapse: collapse;
  width: 100%;
}

.movie-info th,
.movie-info td {
  padding: 3px 6px;     /* μικρό padding πάνω-κάτω */
  border-top: 1px solid #e0effc;
  vertical-align: top;
}

.movie-info th {
  color: #0c4f88;
  font-weight: 600;
  width: 110px;
  white-space: nowrap;
}

.movie-info td {
  color: #333;
}


/* === Responsive === */
@media (max-width: 768px) {
  .movie-card { max-width: 100%; }
  .movie-body {
	  display: contents;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .movie-poster {
    justify-content: center; /* κέντρο σε κινητό */
  }
  .movie-poster img {
    width: 160px;
    height: auto;
  }
  .movie-info table { font-size: 12px; }
}



/* Plot clamp */
.plot{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
  max-height:4.5em;transition:max-height .3s ease
}
.plot.expanded{-webkit-line-clamp:unset;max-height:none}
.plot-toggle{display:inline-block;margin-top:4px;font-size:12px;color:#0c4f88;cursor:pointer;font-weight:600;text-decoration:underline}

/* =========================
   LAST MOVIES GRID
   ========================= */
.last-movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:15px 0}
.movie-item{
  background:#f5fbff;border:1px solid var(--line);border-radius:6px;overflow:hidden;
  box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s
}
.movie-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.2)}
.movie-item img{width:100%;height:260px;object-fit:cover;border-bottom:1px solid var(--line)}
.movie-info{padding:0 10px}
.movie-info h4{margin:0 0 6px;font-size:14px;color:#0c4f88;font-weight:bold;line-height:1.3}
.movie-info p{margin:2px 0;font-size:12px;color:#333}

/* =========================
   BLOG / NEWS
   ========================= */
.blog-box{
  margin:30px auto;padding:20px 25px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(#f7fbff,#e3efff);box-shadow:0 3px 8px rgba(0,0,0,.15);color:#163f66
}
.blog-box h1{margin-top:0;font-size:24px;color:#0c4f88;text-align:center}
.blog-box .intro{font-size:15px;line-height:1.6;margin-bottom:20px;text-align:center}
.blog-box .highlight{color:#d9534f;font-weight:bold}
.blog-post{margin-bottom:25px}
.blog-post h2{font-size:18px;color:#0c4f88;margin-bottom:8px;border-bottom:1px solid #c4dbef;padding-bottom:4px}
.blog-post p,.blog-post ul{font-size:14px;line-height:1.6}
.blog-post ul{margin:0;padding-left:20px}

/* =========================
   PAGINATION
   ========================= */
.pagination{margin:20px 0;text-align:right}
.pagination a, .pagination span {
    /* display: inline-block; */
    margin: 0 3px;
    padding: 2px 10px;
    border: 1px solid var(--line);
    background: #fff;
    /color: #0c4f88; 
    font-size: 13px;
    text-decoration: none;
    border-radius: 4px;
    transition: all .2s ease;
}
.pagination a:hover{background:#e6f2fb;border-color:#5aa1e1}
.pagination .active{background:#5aa1e1;color:#fff;font-weight:bold;border-color:#2c66a4;cursor:default}
.pagination .dots{border:none;background:transparent;color:#6b8aa6;cursor:default;padding:6px 4px}

/* =========================
   COMMENTS
   ========================= */
.comments-wrapper{margin-top:25px;padding:10px;background:#f9f9f9;border-radius:6px}
.comment{
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 15px;margin-bottom:15px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .2s ease, box-shadow .2s ease
}
.comment:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.comment-header{display:flex;align-items:center;gap:8px;font-weight:bold;margin-bottom:6px;color:#444}
.comment-header .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #aaa}
.comment-user{color:#2e6dd1}
.comment-time{font-size:12px;color:#777;margin-left:5px}
.comment-text{font-size:14px;color:#222;margin:6px 0}
.comment-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.comment-actions{display:flex;gap:8px}
.vote-btn{
  background:#f5f7fb;color:var(--blue-1);border:1px solid var(--blue-1);border-radius:6px;padding:4px 10px;
  font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s ease
}
.vote-btn:hover{background:var(--blue-1);color:#fff}
.vote-btn.like{border-color:#28a745;color:#28a745}
.vote-btn.like:hover{background:#28a745;color:#fff}
.vote-btn.dislike{border-color:#dc3545;color:#dc3545}
.vote-btn.dislike:hover{background:#dc3545;color:#fff}

/* =========================
   AUTH (Login / Register / Forgot)
   ========================= */
.auth-wrapper{justify-content:center;align-items:center;min-height:500px}
.auth-box{
  max-width:600px;margin:30px auto;padding:20px 25px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(#f7fbff,#e3efff);box-shadow:0 3px 8px rgba(0,0,0,.15)
}

/* === AUTH FORMS (Login/Register/Forgot) === */

.auth-box h2 {
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: 700;
  color: #0c4f88;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}

.links {
	    margin: 30px auto;
    padding: 20px 25px;
    /* border: 1px solid var(--line); */
    border-radius: 10px;
    background: linear-gradient(#f7fbff, #e3efff);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}
.auth-box .form-group {
  margin-bottom: 14px;
}

.auth-box label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #0c4f88;
  margin-bottom: 4px;
}

.auth-box input[type="text"],
.auth-box input[type="email"],
.auth-box input[type="password"] {
    width: 100%;
    /* padding: 8px 10px; */
    margin: 10px;
    font-size: 13px;
    border: 1px solid #93b1cb;
    border-radius: 6px;
    box-sizing: border-box;
    background: #fff;
    color: #333;
}

.auth-box input:focus {
  outline: none;
  border-color: #2e72b9;
  box-shadow: 0 0 4px rgba(46,114,185,.5);
}

/* === BUTTONS === */
.auth-box .btn-primary {
  display: block;
  width: 100%;
  padding: 9px 12px;
  background: linear-gradient(#5aa1e1, #2e72b9);
  border: 1px solid #2c66a4;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

.auth-box .btn-primary:hover {
  background: linear-gradient(#6bb3f0, #357de0);
}

/* === LINKS κάτω από τα κουμπιά === */
.auth-box .auth-links {
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
}

.auth-box .auth-links a {
  color: #0c4f88;
  font-weight: 600;
  text-decoration: none;
  margin: 0 5px;
}

.auth-box .auth-links a:hover {
  text-decoration: underline;
}


.auth-box h2{margin:0 0 15px;font-size:20px;font-weight:700;color:#0c4f88;text-align:center;text-shadow:0 1px 0 #fff}
.form-group{margin-bottom:14px;text-align:left}
.form-group label{display:block;font-size:13px;font-weight:600;color:#0c4f88;margin-bottom:4px}
.form-control{
  width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border .2s, box-shadow .2s
}
.form-control:focus{border-color:var(--blue-1);outline:none;box-shadow:0 0 4px rgba(30,90,168,.3)}
.btn{background:var(--blue-1);color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-size:15px}
.btn:hover{background:#1a4a92}
.btn-primary{
  display:block;width:100%;padding:9px 12px;background:linear-gradient(#5aa1e1,#2e72b9);
  border:1px solid #2c66a4;color:#fff;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s
}
.btn-primary:hover{background:linear-gradient(#6bb3f0,#357de0)}
.btn-link{
  display:inline-block;padding:8px 16px;background:#fff;color:var(--blue-1);border:1px solid var(--blue-1);
  border-radius:6px;font-size:14px;font-weight:bold;text-decoration:none;transition:all .2s
}
.btn-link:hover{background:var(--blue-1);color:#fff}

/* =========================
   PROFILE
   ========================= */
.profile-wrapper{display:flex;justify-content:center;margin:30px 0}
.profile-box{
  width:100%;max-width:500px;padding:25px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(#f7fbff,#e3efff);box-shadow:0 3px 8px rgba(0,0,0,.15);color:#163f66
}
.profile-box h2{margin-top:0;font-size:22px;font-weight:bold;color:#0c4f88;text-align:center}
.profile-box h3{margin-top:20px;font-size:16px;font-weight:bold;color:#0c4f88}
.profile-box p{margin:6px 0;font-size:14px}
.profile-box img{margin:0 auto 10px;border-radius:50%;border:3px solid #5aa1e1;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.profile-box .btn{display:inline-block;padding:8px 14px;margin-top:5px;background:linear-gradient(#5aa1e1,#2e72b9);border:1px solid #2c66a4;border-radius:6px;color:#fff;font-weight:bold}

/* =========================
   CONTACT
   ========================= */
.contact-container{
  max-width:600px;margin:40px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.2)
}
.contact-container h1{text-align:center;margin-bottom:15px}
.contact-container p{text-align:center;color:#555;margin-bottom:20px}
.input,.textarea{
  width:100%;padding:10px;border:1px solid #bbb;border-radius:5px;font-size:14px;background:#fff;color:#333
}

/* =========================
   TORRENT FILTERS & LIST
   ========================= */
.torrent-filters{margin:15px 0}
.flagCategory{display:flex;gap:6px}
.flagCategory .btn{
  padding:5px 10px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#0c4f88;cursor:pointer;transition:background .2s
}
.flagCategory .btn:hover{background:#eaf4fd}
.flagCategory .btn.selected{background:#5aa1e1;color:#fff;font-weight:bold}

.torrent-list{border:1px solid var(--line);background:#fff;margin:15px 0;padding:10px}
.torrent-list h2{
  margin:0 0 10px;font-size:16px;font-weight:bold;color:#0c4f88;border-bottom:1px solid #c4dbef;padding-bottom:4px
}
.torrent-item{
  border:1px solid #c4dbef;border-radius:4px;padding:6px 8px;margin-bottom:8px;background:#f7fbff;font-size:13px;transition:background .2s
}
.torrent-item:hover{background:#eaf4fd}
.torrent-item a{color:#0c4f88;font-weight:600;text-decoration:none}
.torrent-item span{font-size:12px;color:#6b8aa6}

/* =========================
   SERIES (Seasons/Episodes)
   ========================= */
.season-block{margin:10px 0;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;overflow:hidden}
.season-title{background:var(--blue-1);color:#fff;margin:0;padding:10px 15px;font-size:16px;cursor:pointer}
.season-title:hover{background:#16447d}
.season-episodes{display:none;padding:10px 15px;background:#f7fbff}
.episode-card{
  background:#fff;border:1px solid #eee;border-radius:6px;padding:8px 12px;margin-bottom:8px;transition:box-shadow .2s
}
.episode-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}
.episode-title a{font-weight:bold;color:var(--blue-1);text-decoration:none}
.episode-title a:hover{text-decoration:underline}
.episode-meta{font-size:13px;color:#555;margin-top:4px}

/* =========================
   LOGOUT CARD
   ========================= */
.logout-wrapper{display:flex;justify-content:center;align-items:center;min-height:300px}
.logout-box{
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:30px 40px;text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);max-width:400px
}
.logout-box h2{margin-top:0;color:var(--blue-1)}
.logout-box p{font-size:14px;color:#444;margin:10px 0}
.logout-box p.small{font-size:12px;color:#888}
.logout-box .btn{
  display:inline-block;margin-top:15px;background:var(--blue-1);color:#fff;padding:8px 14px;border-radius:5px;
  font-size:14px;text-decoration:none;transition:background .2s
}
.logout-box .btn:hover{background:#16447d}

/* =========================
   ADMIN / DASHBOARD
   ========================= */
.admin-title{font-size:22px;margin:15px 0;color:var(--blue-1)}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.stat-card{
  display:flex;align-items:center;background:linear-gradient(135deg,#f9f9f9,#f1f1f1);
  border-radius:12px;padding:15px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform .2s, box-shadow .2s
}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px rgba(0,0,0,0.15)}
.stat-icon{font-size:40px;margin-right:15px}
.stat-info h3{margin:0;font-size:18px;color:var(--blue-1)}
.stat-info p{margin:4px 0;font-size:14px;color:#333}
.stat-link{display:inline-block;margin-top:6px;font-size:13px;color:#357de0;text-decoration:none;font-weight:bold}
.stat-link:hover{text-decoration:underline}
.stat-card.users{border-left:5px solid #4caf50}
.stat-card.comments{border-left:5px solid #ff9800}
.stat-card.torrents{border-left:5px solid #2196f3}

.site-stats{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}
.stat-box{
  flex:1;min-width:200px;background:linear-gradient(135deg,var(--blue-1),var(--blue-3));
  color:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.15);transition:transform .2s
}
.stat-box:hover{transform:scale(1.05)}
.stat-box h4{margin:0 0 8px;font-size:16px;opacity:.9}
.stat-box p{margin:0;font-size:22px;font-weight:bold}

.admin-grid,.admin-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.08);border-radius:8px;overflow:hidden}
.admin-grid th{background:var(--blue-1);color:#fff;text-align:left;padding:10px 12px;font-size:14px}
.admin-grid td{padding:10px 12px;border-bottom:1px solid #eee;font-size:14px;color:#333}
.admin-grid tr:nth-child(even){background:#f9f9f9}
.admin-grid tr:hover td{background:#eef5ff}

/* =========================
   HELPERS
   ========================= */
.link{color:#0c4f88;text-decoration:none}
.link:hover{text-decoration:underline}
.muted{color:#6b8aa6}

/* =========================================================
   RESPONSIVE OVERRIDES (ΒΗΜΑΤΑ 1–10)
   ========================================================= */

/* --- Step 1: Layout tablet/phone --- */
@media (max-width:1024px){
  .layout{grid-template-columns:180px 1fr} /* 2 στήλες σε tablet */
  #right{display:none}                     /* κρύβουμε δεξί sidebar */
}
@media (max-width:768px){
  .layout{grid-template-columns:1fr}       /* 1 στήλη σε κινητό */
  #left{order:2;width:100%}
  #main{order:1}
  .topbar{grid-template-columns:1fr;text-align:center;gap:10px}
  .topnav{justify-content:center;flex-wrap:wrap}
  .topnav .pill{font-size:11px;margin:3px;padding:5px 8px}
  .search-input{max-width:100%}
}

/* --- Step 2: Topbar specifics --- */
@media (max-width:768px){
  .logo{align-items:center;justify-content:center}
  .logo .brand{font-size:22px}
  .search{width:100%;justify-content:center}
  .search-input{max-width:90%;font-size:14px}
  .search-btn{padding:0 10px;font-size:13px}
}

/* --- Step 3: Movie & VT cards --- */
@media (max-width: 768px) {
  .movie-poster {
    justify-content: center;   /* poster κεντραρισμένο */
    margin-bottom: 10px;       /* λίγο κενό κάτω από το poster */
  }
@media (max-width:860px){
  .vt-body{grid-template-columns:1fr;text-align:center}
  .vt-poster img{width:180px;height:auto;margin:0 auto 10px}
  .vt-table{font-size:12px}
}

/* --- Step 4: Sidebars --- */
@media (max-width:768px){
  #left{order:2;width:100%}
  #left .box{margin:10px auto;max-width:500px}
  .box h3{text-align:center;font-size:14px}
  .menu a,.menu span{font-size:13px;padding:8px;text-align:center}
  .stats .row{font-size:12px;flex-direction:column;align-items:center}
  .friends a{font-size:13px;text-align:center}
}

/* --- Step 5: Comments & Forms --- */
@media (max-width:768px){
  .comment{padding:10px;font-size:14px}
  .comment-header{flex-direction:column;align-items:flex-start;gap:4px}
  .comment-header .avatar{width:28px;height:28px}
  .comment-text{margin:0;font-size:13px}
  .comment-footer{flex-direction:column;align-items:flex-start;gap:6px}
  .vote-btn{font-size:12px;padding:3px 8px}

  .auth-box{width:95%;max-width:100%;padding:20px;margin:20px auto}
  .auth-box h2{font-size:18px}
  .form-control{font-size:13px;padding:8px 10px}
  .btn-primary{font-size:14px;padding:8px}

  .profile-box,.contact-container{width:95%;max-width:100%;padding:20px;margin:15px auto}
  .profile-box h2,.contact-container h1{font-size:20px}
  .profile-box p,.contact-container p{font-size:13px}
}

/* --- Step 6: Blog & Pagination --- */
@media (max-width:768px){
  .blog-box{width:95%;max-width:100%;padding:15px;margin:15px auto}
  .blog-box h1{font-size:20px;line-height:1.3}
  .blog-box .intro{font-size:14px;line-height:1.5;margin-bottom:15px}
  .blog-post h2{font-size:16px}
  .blog-post p,.blog-post ul{font-size:13px;line-height:1.5}
}
@media (max-width:600px){
  .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
  .pagination a,.pagination span{font-size:12px;padding:5px 8px;margin:2px}
}

/* --- Step 7: Tables & Torrent list --- */
@media (max-width:768px){
  .movie-info table,.vt-table,.ft-table{
    font-size:12px;display:block;overflow-x:auto;white-space:nowrap
  }
  .movie-info th,.movie-info td,.vt-table th,.vt-table td,.ft-table th,.ft-table td{padding:4px 6px}
  .movie-info th,.vt-table th,.ft-table th{width:auto}

  .torrent-list{padding:8px;font-size:13px}
  .torrent-item{font-size:12px;padding:6px}
  .torrent-item a{display:block;margin-bottom:4px;font-size:13px}
  .torrent-item span{display:block;font-size:11px;color:#666}
}

/* --- Step 8: Seasons/Episodes --- */
@media (max-width:768px){
  .season-block{margin:8px 0;border-radius:8px}
  .season-title{font-size:14px;padding:8px 12px;text-align:center}
  .season-episodes{padding:8px}
  .episode-card,.episode{padding:6px 8px;font-size:13px}
  .episode-title a{display:block;font-size:14px;margin-bottom:3px}
  .episode-meta,.ep-meta{font-size:12px;color:#666}
}

/* --- Step 9: Admin/Dashboard --- */
@media (max-width:1024px){
  .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
  .stat-card{padding:12px}
  .stat-icon{font-size:32px;margin-right:10px}
  .stat-info h3{font-size:16px}
  .stat-info p{font-size:13px}
}
@media (max-width:768px){
  .admin-grid,.admin-table{display:block;overflow-x:auto;font-size:13px;white-space:nowrap}
  .admin-grid th,.admin-grid td,.admin-table th,.admin-table td{padding:6px 8px}

  .site-stats{flex-direction:column;gap:12px}
  .stat-box{min-width:unset;width:100%;padding:12px}
  .stat-box h4{font-size:14px}
  .stat-box p{font-size:18px}
}

/* --- Step 10: Buttons, spacing, footer --- */
@media (max-width:768px){
  .btn,.btn-primary,.btn-link{font-size:13px;padding:7px 12px;display:inline-block;text-align:center;width:auto}
  .comment-submit{width:100%}
  body{font-size:14px;line-height:1.4}
  h1,h2,h3{line-height:1.3}
  .page,.layout,.center{padding:0 8px}
  .box,.section,.blog-box,.auth-box,.profile-box,.contact-container{margin:12px auto}
  .footer{font-size:12px;padding:8px;text-align:center}
}