/*
Theme Name: Astra Child MP
Template: astra
Version: 1.0
Description: Monster Products child theme
*/

@import url('../astra/style.css');

/* ── HEADER — Jet Black ── */
#masthead,
.ast-primary-header-bar,
#masthead .main-header-bar,
.main-header-bar,
.site-header,
.ast-desktop .main-header-bar {
    background-color: #7DCE43 !important;
}

/* ── NAV BAR — 40px side padding only ── */
.main-header-bar .ast-container,
#masthead .ast-container {
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* ── FULL WIDTH — kill Astra 1240px cap everywhere ── */
#content .ast-container,
.site-content .ast-container,
.ast-plain-container .ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#primary,
.site-main,
.entry-content,
.ast-article-single {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* ── HIDE PAGE TITLES ── */
.page .entry-header,
.entry-header {
    display: none !important;
}

/* ── ZERO TOP GAP ── */
.ast-plain-container.ast-no-sidebar #primary,
#primary,
.site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── PRODUCT PAGES — full width ── */
.single-cpm_product .ast-container,
.single-cpm_product #content .ast-container,
.ast-separate-container #content .ast-container,
.ast-separate-container .ast-article-single {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.single-cpm_product #primary,
.single-cpm_product .site-main,
.single-cpm_product .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── PRODUCT PAGES — strip separate-container padding ── */
body.single-cpm_product.ast-separate-container .ast-article-single,
body.single-cpm_product.ast-separate-container .ast-article-post,
body.single-cpm_product .ast-article-single,
body.single-cpm_product #content .ast-container,
body.single-cpm_product .ast-article-inner {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Monster Products — Hero background image */
.mp-hero {
    background: linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.75)),
                url('https://seans288.sg-host.com/wp-content/uploads/2026/05/monster-tbar-hero.jpg')
                center center / cover no-repeat !important;
}

/* ── MASCOTS ── */
.mp-mascot img {
    width: 192px;
    height: auto;
}

@media (max-width: 768px) {
    .mp-mascot-right {
        display: none !important;
    }
    .mp-mascot-left {
        width: 120px !important;
    }
    .mp-mascot-left img {
        width: 120px !important;
    }
    .mp-hero {
        padding: 60px 20px !important;
    }
}