/* Cinema Club - BossV Edition */
/* Dependencies via CDN (loaded in HTML head) */

/* Utilities */
[class~="text-left"]  { text-align: left; }
[class~="text-right"] { text-align: right; }
[class~="text-center"]{ text-align: center; }
[class~="align-left"] { float: left; }
[class~="align-right"]{ float: right; }
[class~="clearfix"]   { overflow: hidden; *zoom: 1; }
[class~="rounded-borders"] { border-radius: 10px; }

/* Base */
*, *:before, *:after { box-sizing: border-box; }
html { font-size: 14px; }
body { -webkit-font-smoothing: antialiased; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6 { color: #333; font-weight: normal; }
h1 { font-size: 3.375rem; }
h2 { font-size: 2.25rem; font-weight: bold; margin-bottom: 21px; }
h3 { font-size: 1.5rem; font-weight: bold; }
h4 { font-size: 1rem; }

p  { margin-bottom: 21px; line-height: 21px; }
a  { text-decoration: none; color: #333; }
a:hover { color: #777; text-decoration: underline; }

/* Layout */
[class~="l-list"], [class~="l-list-inline"] { list-style-type: none; margin: 0; padding: 0; }
[class~="l-list-inline"] li { float: left; margin: 0; padding: 0; }
[class~="l-list-col-3"] li { width: 33.3%; padding-right: 1%; }
[class~="l-list-col-3"] li:last-of-type { padding-right: 0; }

/* Header / Footer */
[class~="l-header"] { margin-bottom: 0; }
[class~="l-footer"]  { margin: 0; padding: 2em 0; border-top: 1px solid #E7E7E7; color: #333; background-color: #E7E7E7; }
[class~="l-footer"] a { color: #2382C9; }
[class~="l-footer"] a:hover { color: #2382CA; }
[class~="l-footer"] [class~="friendly-links"] { margin-top: 8px; font-size: 12px; }
[class~="l-footer"] [class~="friendly-links"] a { color: #555; margin: 0 6px; }

/* Movie Cards */
[class~="image-card"] img, [class~="movie-card"] img, [class~="movie-card-main"] img { width: 100%; margin-bottom: 1rem; border-radius: 10px; }
[class~="image-card"] [class~="card-title"], [class~="movie-card"] [class~="card-title"], [class~="movie-card-main"] [class~="card-title"] { font: bold 16.8px/25.2px 'Open Sans', Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
[class~="image-card"] [class~="card-subtitle"], [class~="movie-card"] [class~="card-subtitle"], [class~="movie-card-main"] [class~="card-subtitle"] { font: italic 12.6px/18.9px 'Open Sans', Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

[class~="movie-card"], [class~="movie-card-main"] { margin-bottom: 3rem; }
[class~="movie-card"] [class~="movie-title"], [class~="movie-card-main"] [class~="movie-title"],
[class~="movie-card"] [class~="movie-rating"], [class~="movie-card-main"] [class~="movie-rating"] { margin: 0; padding: 0; font: 19.6px/29.4px 'Open Sans', Helvetica, Arial, sans-serif; }
[class~="movie-card-main"] img { margin-bottom: 1rem; }
[class~="movie-card-main"] [class~="movie-title"], [class~="movie-card-main"] [class~="movie-rating"] { font: 35px/52.5px 'Open Sans', Helvetica, Arial, sans-serif; }
[class~="movies-main-block"] > h2 { font: bold 35px/52.5px 'Open Sans', Helvetica, Arial, sans-serif; }

/* Images composite (detail page) */
[class~="m-images-composite"] img { width: 100%; margin-bottom: 1rem; border-radius: 10px; }
[class~="fa-heart-o"]:hover { color: red; }

/* Movie vertical list (homepage sidebar) */
[class~="movie-list"] { list-style-type: none; margin-top: -1.5em; }
[class~="movie-list"] > li { border-bottom: 1px solid #E7E7E7; padding: 0; margin: 0; }
[class~="movie-list"] > li h3 { text-decoration: none; font: 16.8px/25.2px 'Open Sans', Helvetica, Arial, sans-serif; }
[class~="movie-list"] > li:last-of-type { border-bottom: none; }
[class~="movie-list"] p { font: italic normal 12.6px/18.9px 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 1rem; }
[class~="movie-list"] [class~="movie-rating"] { margin-top: 1.5rem; }
[class~="movie-list"] [class~="movie-rating"] p { font: 16.8px/25.2px 'Open Sans', Helvetica, Arial, sans-serif; }

/* Stats (detail page) */
[class~="m-stats-list"] { font: 18.2px/27.3px 'Open Sans', Helvetica, Arial, sans-serif; }
[class~="m-stats-list"] li { overflow: hidden; *zoom: 1; padding: 1em 0; border-bottom: 1px solid #E7E7E7; }
[class~="m-stats-list"] li:last-of-type { border-bottom: none; }
[class~="m-stats-list"] [class~="stat-name"] { text-transform: uppercase; float: left; color: #888; font-size: [class~="85em"]; }
[class~="m-stats-list"] [class~="stat-value"] { float: right; font-weight: bold; }

[class~="m-cards-list"] { overflow: hidden; *zoom: 1; }

/* Composite list (list page) */
[class~="m-composite-list"] > li { margin: 3em 0; }
[class~="m-composite-list"] h3 { padding: 0 0 [class~="5em"] 0; margin: 0 0 [class~="5em"] 0; font: 28px/42px 'Open Sans', Helvetica, Arial, sans-serif; border-bottom: 1px solid #E7E7E7; }

/* Page containers */
[class~="main"] { margin-top: 4.5rem; }
[class~="main"] [class~="movies-main-block"] { border-bottom: 2px solid #E7E7E7; padding-bottom: 2rem; margin-bottom: 2rem; }
[class~="list-page"] h2 { font: bold 35px/52.5px 'Open Sans', Helvetica, Arial, sans-serif; }
[class~="movie-page"] [class~="m-stats-list"] li:first-child { padding-top: 0; }
[class~="movie-page"] [class~="row"] { margin-bottom: 1.5rem; }

/* Pagination */
[class~="pagination-wrap"] { margin: 2rem 0; text-align: center; }
[class~="pagination-wrap"] [class~="pagination"] > li > a { color: #2382C9; }
[class~="pagination-wrap"] [class~="pagination"] > [class~="active"] > a { background-color: #2382C9; border-color: #2382C9; }

/* Search page */
[class~="search-header"] { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #E7E7E7; }
[class~="search-header"] h1 { font-size: 2rem; margin: 0; }
[class~="search-header"] p { color: #777; margin: [class~="5rem"] 0 0; }

/* Play page */
[class~="play-container"] { margin-bottom: 2rem; }
[class~="play-container"] [class~="player-wrap"] { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 10px; background: #000; }
[class~="play-container"] [class~="player-wrap"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
[class~="episode-list"] { margin: 1.5rem 0; }
[class~="episode-list"] h4 { margin-bottom: 1rem; }
[class~="episode-list"] [class~="ep-btns"] { display: flex; flex-wrap: wrap; gap: 6px; }
[class~="episode-list"] [class~="ep-btns"] a { display: inline-block; padding: 4px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; color: #555; }
[class~="episode-list"] [class~="ep-btns"] a:hover { background: #2382C9; color: #fff; border-color: #2382C9; text-decoration: none; }

/* 404 / sitemap */
[class~="error-page"] { text-align: center; padding: 5rem 0; }
[class~="error-page"] h1 { font-size: 8rem; color: #E7E7E7; font-weight: bold; }
[class~="error-page"] h2 { font-size: 2rem; color: #555; }
[class~="sitemap-section"] { margin-bottom: 3rem; }
[class~="sitemap-section"] h3 { border-bottom: 2px solid #E7E7E7; padding-bottom: 10px; margin-bottom: 15px; }
[class~="sitemap-section"] ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
[class~="sitemap-section"] ul li a { color: #2382C9; font-size: 14px; }

/* Responsive tweaks */
@media (max-width: 767px) {
  [class~="main"] { margin-top: 3.5rem; }
  [class~="movie-card-main"] [class~="movie-title"], [class~="movie-card-main"] [class~="movie-rating"] { font-size: 22px; }
  [class~="movies-main-block"] > h2 { font-size: 24px; }
  [class~="m-composite-list"] h3 { font-size: 20px; }
  [class~="play-container"] [class~="player-wrap"] { padding-bottom: 62%; }
}

/* Fix Bootstrap navbar to show horizontally on desktop */
@media (min-width: 769px) {
    [class~="navbar-collapse"] { display: block !important; width: auto !important; }
    [class~="navbar-toggle"] { display: none !important; }
}
[class~="navbar-nav"] { display: flex !important; list-style: none; padding: 0; margin: 0; flex-wrap: nowrap; align-items: center; gap: 2px; }
[class~="navbar-nav"] > li { list-style: none; }
[class~="navbar-nav"] > li > a { display: block; padding: 8px 14px; white-space: nowrap; }

/* pic-list grid fix */
ul[class~="pic-list"]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:0}
@media(max-width:900px){ul[class~="pic-list"]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){ul[class~="pic-list"]{grid-template-columns:repeat(2,1fr)}}
ul[class~="pic-list"] li{list-style:none}
/* Sidebar vertical list - keep as block */
[class~="l-vertical-list"] ul[class~="pic-list"],[class~="movie-list"] ul[class~="pic-list"]{display:block!important}
[class~="pic-img"]{display:block;overflow:hidden;border-radius:6px;position:relative}
[class~="pic-img"] img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}

/* Logo text fallback */
[class~="logo-text"] {
    font-size: 1.5rem;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    display: inline-block;
}