/*
Theme Name: Filmy Zilla Theme
Theme URI: https://wpcodequill.com/themes/filmy-zilla-theme
Author: WPCodeQuill
Author URI: https://wpcodequill.com/
Description: Filmy Zilla is a modern, responsive WordPress theme designed for movie websites, entertainment portals, and video content platforms. It features a clean layout, customizable design, mobile-friendly styling, and optimized performance for a smooth browsing experience.
Version: 1.0.5
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: filmy-zilla
Tags: blog, entertainment, movies, news, custom-logo, custom-menu, featured-images, responsive-layout, translation-ready
*/

/* --- GLOBAL RESET & TYPOGRAPHY --- */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    background-color: #ffffff;
}

a { 
    text-decoration: none; 
    color: #0066cc; 
}
a:hover { 
    text-decoration: underline; 
}
p { 
    margin: 0; 
    padding: 2px 0; 
}

/* --- FULL WIDTH CONTAINER --- */
.site-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background-color: #ffffff;
    box-sizing: border-box;
    min-height: 100vh;
}

/* --- TOP HEADER (Dark Gray Bar with Red Border) --- */
.top-header-bar {
    background-color: #2b3137;
    color: #ffffff;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #d90000;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}
.top-header-bar a { 
    color: #ffffff; 
}

/* --- BREADCRUMBS --- */
div.path {
    padding: 8px 15px;
    font-size: 11px;
    color: #0066cc;
    border-bottom: 1px solid #e0e0e0;
}
div.path a { 
    color: #0066cc; 
}

/* --- SECTION HEADERS --- */
.head, div.mainTitle {
    background-color: #0073b7 !important;
    color: #ffffff !important;
    padding: 6px 15px;
    font-weight: bold;
    font-size: 12px;
    margin-top: 15px;
    border: 1px solid #005f8c;
    border-left: none;
    border-right: none;
    text-align: left;
}

/* --- MOVIE INFO BOX --- */
.box {
    background: #fdfdfd;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 15px;
    display: flex;
    flex-wrap: wrap;
}

/* Poster Styling */
.imglarge { 
    margin-bottom: 12px; 
    margin-right: 15px; 
}
.imglarge img {
    width: 180px;
    height: auto;
    border: 1px solid #cccccc;
    display: block;
}

/* Text Details Styling */
.dinfo {
    flex: 1;
    min-width: 200px;
}
.informationn {
    font-size: 11px;
    line-height: 1.6;
    color: #008000;
}
.informationn strong {
    color: #cc0000;
    font-weight: normal;
    font-style: italic;
}
.informationn a {
    color: #0066cc;
    font-weight: bold;
    font-style: normal;
}

/* --- DOWNLOAD LINKS LIST --- */
.filmyvideo {
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
}
.filmyvideo a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #eeeeee;
    color: #cc0000;
    font-weight: bold;
    font-size: 12px;
}
.filmyvideo a:last-child { 
    border-bottom: none; 
}
.filmyvideo a:hover { 
    background: #f9f9f9; 
    text-decoration: none;
}
.filmyvideo a span {
    color: #008000;
    font-weight: normal;
    font-size: 10px;
}

/* --- RELATED MOVIES LIST --- */
div.video {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
}
a.video {
    display: flex;
    padding: 8px 15px;
    border-bottom: 1px solid #eeeeee;
    text-decoration: none;
}
a.video:last-child { 
    border-bottom: none; 
}
a.video:hover { 
    background: #f9f9f9; 
}

/* Related Thumbnail */
span.img { 
    margin-right: 12px; 
    flex-shrink: 0; 
}
span.img img {
    width: 70px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #cccccc;
}

/* Related Text */
span.info {
    font-size: 11px;
    line-height: 1.5;
    color: #008000;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
span.info span.title {
    color: #0066cc;
    font-size: 12px;
}
span.info strong {
    color: #cc0000;
    font-weight: normal;
}

/* --- FOOTER --- */
.site-footer, div.footer {
    background-color: #2b3137;
    color: #ffffff;
    padding: 12px 15px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
}
.site-footer a, div.footer a { 
    color: #00a8ff; 
}

/* --- UTILITIES --- */
.clr { clear: both; }

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 768px) {
    .top-header-bar {
        padding: 10px;
        font-size: 15px;
    }
    .imglarge img { 
        width: 140px; /* Scales poster down on mobile */
    }
}