/*
Theme Name: MXSeries HTML Theme
Theme URI: https://tme/dhanjeerider
Author: Dkrider devloper
Author URI: https://wbthemes.com
Description: A custom WordPress theme that replicates the MXSeries site’s HTML structure with dynamic data. This theme includes custom post types, taxonomies and meta boxes to manage episodes, models, OTT platforms and other metadata. CSS styles are intentionally omitted so you can apply your own styling; however, all original HTML classes and IDs are preserved.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mxseries-html-theme
*/

/*
Custom styles are not provided in this theme. Add your own CSS rules in a child theme or in the site’s customizer. The HTML markup follows the original design, preserving classes and IDs for ease of styling.
*/

/*
 * Basic styling for the off‑canvas menu used on mobile. Without any CSS
 * the menu would simply appear as a block of links. These rules give
 * it a fixed position on the left, full height, and a subtle box shadow.
 * You can override these styles in your own stylesheet to better
 * integrate with your design.
 */

/*
 * Additional default styling
 *
 * The original MXSeries HTML theme intentionally omits CSS so that
 * users can supply their own. However, this site relies on a
 * responsive navigation menu and a constrained container width in
 * desktop layouts. The rules below provide basic horizontal
 * navigation styling and constrain the `.container` class to a
 * maximum width of 1200px while centering it on the page. Feel free
 * to override these styles in a child theme or the customizer.
 */

/* Limit the width of containers and center them */
.container {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* Default horizontal menu styling for the primary navigation on desktop */
.head-main-nav .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.head-main-nav .menu > li {
    position: relative;
}

.head-main-nav .menu > li > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 500;
}

/* Ensure drop-down menus display over content if present */
.head-main-nav .menu li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    z-index: 999;
}

.head-main-nav .menu li:hover > ul {
    display: block;
}

.head-main-nav .menu li ul li a {
    white-space: nowrap;
    padding: 8px 12px;
}