/*
Theme Name: LayarXXI MuviPro Child
Theme URI: https://www.idtheme.com/muvipro/
Description: LayarXXI visual redesign for MuviPro. Keeps MuviPro's original PHP templates, custom fields, movie metadata, player and embed workflow.
Author: Custom child theme
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: muvipro
Template: muvipro
*/

/* Parent stylesheet remains active; these rules redesign the presentation only. */
:root {
  --lx-red: #c9003d;
  --lx-red-dark: #a60032;
  --lx-pink: #ed0750;
  --lx-yellow: #ffbd24;
  --lx-black: #09090b;
  --lx-panel: #17171b;
  --lx-border: #34343a;
  --lx-text: #f4f4f5;
  --lx-muted: #aeb0b8;
}
html { scroll-behavior: smooth; }
body { background:#f2f2f2 !important; color:#222; font-family:Arial,Helvetica,sans-serif; }
#site-container { max-width: 1240px; margin:0 auto; background:#09090b; box-shadow:0 0 30px rgba(0,0,0,.12); }
.container { width: min(100% - 24px, 1100px); }
a { transition:color .15s ease, background-color .15s ease; }
a:hover { color:var(--lx-yellow); }

/* Header and brand strip */
#masthead.site-header { background:#09090b; color:#fff; border:0; }
#masthead .gmr-headwrapper { padding-top:12px; padding-bottom:12px; }
#masthead .logo-wrap { vertical-align:middle; }
#masthead .logo-wrap img { max-height:54px; width:auto; }
#masthead .search-wrap input[type="text"],
#masthead .search-wrap input[type="search"],
#masthead .search-wrap input[type="submit"],
#masthead input[type="search"] {
  border-radius:0; min-height:36px;
}
#masthead .search-wrap input[type="text"],
#masthead .search-wrap input[type="search"],
#masthead input[type="search"] { background:#fff; color:#222; border:1px solid #ddd; }
#masthead .search-wrap input[type="submit"],
#masthead button,
#masthead .search-submit { background:var(--lx-red); color:#fff; border:0; }

/* Primary navigation: strong red bar like the LayarXXI reference */
#masthead .top-header { background:var(--lx-red); border:0; }
#masthead .gmr-menuwrap { background:var(--lx-red); }
#masthead .gmr-mainmenu { background:var(--lx-red); }
#masthead .gmr-mainmenu #primary-menu { display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
#masthead .gmr-mainmenu #primary-menu::-webkit-scrollbar { display:none; }
#masthead .gmr-mainmenu #primary-menu > li { flex:0 0 auto; margin:0; }
#masthead .gmr-mainmenu #primary-menu > li > a {
  color:#fff; font-size:13px; font-weight:700; padding:13px 14px; line-height:1.4;
}
#masthead .gmr-mainmenu #primary-menu > li > a:hover,
#masthead .gmr-mainmenu #primary-menu > li.current-menu-item > a,
#masthead .gmr-mainmenu #primary-menu > li.current_page_item > a { background:var(--lx-red-dark); color:#fff; }
#masthead .gmr-mainmenu #primary-menu > li:first-child > a { border-left:0; }

/* Secondary navigation: yellow category ribbon */
#masthead .second-header { background:var(--lx-yellow); border:0; }
#masthead .gmr-secondmenuwrap { background:var(--lx-yellow); }
#masthead .gmr-secondmenu { background:var(--lx-yellow); }
#masthead .gmr-secondmenu #primary-menu { display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
#masthead .gmr-secondmenu #primary-menu::-webkit-scrollbar { display:none; }
#masthead .gmr-secondmenu #primary-menu > li { flex:0 0 auto; margin:0 10px 0 0; }
#masthead .gmr-secondmenu #primary-menu > li > a {
  color:#171717; font-size:11px; font-weight:900; text-transform:uppercase; padding:9px 5px; line-height:1.4;
}
#masthead .gmr-secondmenu #primary-menu > li > a:hover,
#masthead .gmr-secondmenu #primary-menu > li.current-menu-item > a { background:#e9a900; color:#111; }
#masthead .gmr-secondmenu #primary-menu > li > a:after { color:#111; }

/* Social row, notification strip, and homepage modules */
.gmr-boxaftermenu { background:#09090b; color:#ddd; padding-top:10px; padding-bottom:10px; }
.gmr-boxaftermenu .container { padding-left:0; padding-right:0; }
.gmr-notification { background:#e1f0d9; border-radius:3px; color:#456b42; margin-top:9px; }
.gmr-notification a { color:var(--lx-red); }
.gmr-content { background:#09090b; color:#eee; padding-top:12px; }
.gmr-content > .container { background:#09090b; }
.homemodule-title,
.gmr-content .widget-title,
.gmr-content .section-title {
  color:#fff; background:var(--lx-red); border:0; font-size:15px; font-weight:900;
  line-height:1.4; padding:7px 10px; margin:0 0 12px; text-transform:uppercase;
}
.homemodule-title:before { display:none; }

/* Main grid: compact poster cards, keeping MuviPro content parts and metadata intact */
#gmr-main-load.grid-container { margin-left:-6px; margin-right:-6px; }
#gmr-main-load .item-infinite { padding-left:6px; padding-right:6px; margin-bottom:16px; }
.gmr-box-archive { background:transparent; border:0; box-shadow:none; }
.gmr-box-archive .content-thumbnail { position:relative; background:#17171b; overflow:hidden; }
.gmr-box-archive .content-thumbnail > a { display:block; }
.gmr-box-archive .content-thumbnail img {
  display:block; width:100%; aspect-ratio:2/2.85; object-fit:cover; transition:transform .2s ease, filter .2s ease;
}
.gmr-box-archive .item-infinite:hover img,
.gmr-box-archive .content-thumbnail a:hover img { transform:scale(1.035); filter:brightness(1.05); }
.gmr-rating-item { background:rgba(0,0,0,.88); color:#ffcf3e; border-radius:2px; font-weight:800; }
.gmr-duration-item { background:rgba(0,0,0,.82); color:#fff; }
.gmr-quality-item { background:var(--lx-red); color:#fff; font-weight:800; }
.gmr-quality-item a { color:#fff; }
.item-article { padding:7px 0 0; background:transparent; }
.item-article .entry-title { margin:0 0 5px; }
.item-article .entry-title a { color:#f7f7f8; font-size:13px; line-height:1.35; font-weight:800; }
.item-article .entry-title a:hover { color:var(--lx-yellow); }
.gmr-movie-on, .gmr-movie-on a { color:#aaa; font-size:11px; }
.gmr-watch-movie .button, .gmr-popup-button .button { background:var(--lx-red); color:#fff; border:0; border-radius:2px; }
.gmr-watch-movie .button:hover, .gmr-popup-button .button:hover { background:var(--lx-red-dark); color:#fff; }

/* Main column/sidebar layout */
#primary.content-area { color:#eee; }
#secondary, .widget-area, #sidebar { color:#ddd; }
#secondary .widget, .widget-area .widget, #sidebar .widget {
  background:#17171b; color:#ddd; border:1px solid #29292f; padding:12px; margin-bottom:14px;
}
#secondary .widget-title, .widget-area .widget-title, #sidebar .widget-title {
  color:#fff; background:var(--lx-red); padding:7px 9px; margin:-12px -12px 12px;
  font-size:14px; font-weight:900; border:0;
}
#secondary a, .widget-area a, #sidebar a { color:#eee; }
#secondary a:hover, .widget-area a:hover, #sidebar a:hover { color:var(--lx-yellow); }

/* Single film page — preserve MuviPro player, custom fields, and content rendering */
.gmr-single, .gmr-box-content.gmr-single { background:#141418; color:#eee; border:1px solid #29292f; padding:14px; }
.gmr-single .entry-title { color:#fff; font-size:25px; line-height:1.25; }
.gmr-single .entry-content, .gmr-single .entry-content p { color:#ddd; }
.gmr-single .gmr-movie-data { color:#ddd; }
.gmr-single .gmr-rating-bar { background:#38383f; }
.gmr-single .gmr-rating-bar span { background:var(--lx-yellow); }
.gmr-single .gmr-meta-rating { color:#aaa; }
.gmr-single .entry-footer { border-color:#333; color:#aaa; }
.gmr-single a { color:#ffcf44; }
.gmr-single a:hover { color:#fff; }
.gmr-single iframe, .gmr-single video, .gmr-single embed, .gmr-single object {
  max-width:100%;
}
.gmr-single .gmr-player, .gmr-single .player-embed, .gmr-single .video-container { max-width:100%; }

/* Breadcrumb, pagination, buttons */
.gmr-breadcrumb, .breadcrumbs, .breadcrumb { color:#aaa; }
.gmr-breadcrumb a, .breadcrumbs a, .breadcrumb a { color:#ffcf44; }
.pagination a, .pagination span, .inf-pagination a, .page-numbers {
  background:#24242a; color:#eee; border:0; border-radius:2px;
}
.pagination .current, .page-numbers.current, .pagination a:hover, .page-numbers:hover {
  background:var(--lx-red); color:#fff;
}

/* Footer */
#footer-container { background:#141418; color:#aaa; border-top:3px solid var(--lx-red); }
#footer-sidebar { background:#141418; }
#colophon.site-footer { background:#101014; color:#aaa; border-top:1px solid #303039; padding:20px 0; }
#colophon.site-footer a { color:#eee; }
#colophon.site-footer a:hover { color:var(--lx-yellow); }
.gmr-bgstripes { display:none; }

/* Don't interfere with responsive player sizing or the parent theme's scripts. */
iframe, video, embed, object { max-width:100%; }
@media (min-width:992px) {
  #gmr-main-load .item-infinite.col-md-20 { width:20%; }
}
@media (max-width:991px) {
  #masthead .gmr-headwrapper .table-row { display:flex; flex-wrap:wrap; align-items:center; }
  #masthead .gmr-headwrapper .table-cell { display:block; width:100%; }
  #masthead .gmr-headwrapper .search-wrap { margin-top:10px; }
  #gmr-main-load .item-infinite.col-md-20 { width:25%; }
}
@media (max-width:600px) {
  #site-container { width:100%; }
  .container { width:calc(100% - 20px); }
  #masthead .gmr-headwrapper { padding-top:10px; padding-bottom:10px; }
  #masthead .gmr-mainmenu #primary-menu > li > a { padding:11px 10px; font-size:12px; }
  #masthead .gmr-secondmenu #primary-menu > li { margin-right:6px; }
  #masthead .gmr-secondmenu #primary-menu > li > a { font-size:10px; padding:8px 4px; }
  #gmr-main-load .item-infinite.col-md-20 { width:50%; }
  .item-article .entry-title a { font-size:12px; }
  .gmr-single .entry-title { font-size:21px; }
}