/*
Theme Name: DMA Full Width
Theme URI: https://example.com/
Author: OpenAI
Description: Tema WordPress ringan dengan tata letak full-width yang dirancang agar halaman Dropship Mobile App tampil tanpa celah kiri, kanan, atau atas. Tidak mengubah plugin.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dma-fullwidth
*/
:root{--dma-theme-text:#172033;--dma-theme-bg:#fff;--dma-theme-accent:#2563eb}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;width:100%;min-height:100%;background:var(--dma-theme-bg);color:var(--dma-theme-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
.site{width:100%;max-width:none;margin:0;padding:0}
.site-header{width:100%;margin:0;padding:14px 24px;background:#fff;border-bottom:1px solid #edf0f4}
.site-branding{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-title{margin:0;font-size:22px;line-height:1.25;font-weight:750}
.site-title a{text-decoration:none}
.site-description{margin:4px 0 0;color:#667085;font-size:13px}
.site-content,.content-area,.site-main,article,.entry-content{width:100%;max-width:none;margin:0!important;padding:0!important}
.entry-title,.page-title{margin:20px auto 12px;padding:0 20px;max-width:1200px;font-size:28px}
.entry-content>*:not(.alignfull){max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.entry-content>.dma-app,.entry-content>.wp-block-shortcode,.entry-content>.alignfull{max-width:none;width:100%;margin:0!important;padding:0!important}
.site-footer{padding:22px 16px;text-align:center;color:#667085;font-size:13px;border-top:1px solid #edf0f4}
body.dma-app-page,body.dma-app-page #page,body.dma-app-page .site,body.dma-app-page .site-content,body.dma-app-page .content-area,body.dma-app-page .site-main,body.dma-app-page article,body.dma-app-page .entry-content,body.dma-app-page .wp-block-post-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.dma-app-page .site-header,body.dma-app-page .site-footer{display:none!important}
body.dma-app-page .entry-title,body.dma-app-page .page-title,body.dma-app-page .entry-header,body.dma-app-page .page-header{display:none!important}
body.dma-app-page .dma-app{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.dma-app-page .dma-main{margin:0!important;padding-top:0!important}
@media(max-width:600px){.site-header{padding:12px 15px}.site-title{font-size:19px}.entry-title,.page-title{font-size:23px}}

/* Desktop repair for pages containing the Dropship Mobile App shortcode.
   Keep mobile layout untouched; remove theme/content width constraints on desktop. */
@media (min-width: 768px) {
  body.dma-app-page #page,
  body.dma-app-page #content,
  body.dma-app-page .site,
  body.dma-app-page .site-content,
  body.dma-app-page .content-area,
  body.dma-app-page .site-main,
  body.dma-app-page article,
  body.dma-app-page .entry-content,
  body.dma-app-page .wp-block-post-content {
    display:block!important;
    width:100%!important; max-width:none!important;
    margin:0!important; padding:0!important;
    float:none!important; transform:none!important;
  }
  body.dma-app-page .dma-app {
    display:block!important; position:relative!important;
    width:100%!important; max-width:none!important;
    min-height:100vh!important; margin:0!important;
    border-radius:0!important; box-shadow:none!important;
    left:auto!important; right:auto!important; transform:none!important;
  }
  body.dma-app-page .dma-main {
    width:100%!important; max-width:none!important;
    max-height:none!important; overflow:visible!important;
    margin:0!important; padding:0 24px 100px!important;
  }
  body.dma-app-page .dma-main .dma-top-banner {
    width:calc(100% + 48px)!important; max-width:none!important;
    margin:0 -24px 18px!important; padding:0!important;
    float:none!important; transform:none!important;
    height:auto!important; aspect-ratio:auto!important;
    overflow:hidden!important; border-radius:0!important;
    line-height:0!important;
  }
  body.dma-app-page .dma-main .dma-top-banner img {
    display:block!important; width:100%!important; max-width:none!important;
    height:auto!important; object-fit:cover!important;
    margin:0!important; padding:0!important; border:0!important;
  }
  body.dma-app-page .dma-bottom-nav {
    left:0!important; right:0!important; bottom:0!important;
    transform:none!important; width:100%!important; max-width:none!important;
    border-radius:16px 16px 0 0!important;
  }
}