/*
Theme Name: Digital Emas Mobile
Theme URI: https://example.com/
Author: OpenAI
Description: Tema WordPress responsif dengan gaya dashboard Digital Emas, kartu saldo biru, grafik harga emas, dan navigasi ramah HP. Dirancang untuk digunakan bersama plugin Digital Emas.
Version: 1.1.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: digital-emas-mobile
*/
:root{--de-navy:#07516a;--de-blue:#17677d;--de-cyan:#dff5fc;--de-line:#b8e5f5;--de-text:#17465b;--de-muted:#628092;--de-gold:#c99a3b;--de-bg:#f1fbff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--de-bg);color:var(--de-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{background:#fff;border-bottom:1px solid #d5edf7}.header-inner{max-width:1100px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:#07516a;font-size:18px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e9c878,#a97821);color:white;font-weight:900;box-shadow:0 3px 8px #a9782233}.site-nav{display:flex;gap:8px;align-items:center}.site-nav a{padding:9px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650}.site-nav a:hover,.site-nav a:focus{background:#e8f8fe;color:#07516a}.site-main{max-width:1100px;margin:22px auto;padding:0 16px 32px;min-height:65vh}.content-card{background:#fff;border:1px solid #d3edf7;border-radius:18px;padding:20px;box-shadow:0 4px 18px #175d7410}.entry-title{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0 0 18px;color:#124b61}.entry-content{overflow-wrap:anywhere}.entry-content img{max-width:100%;height:auto}.entry-content input,.entry-content select,.entry-content textarea{max-width:100%;font:inherit}.entry-content button,.entry-content input[type=submit],.entry-content .button{min-height:42px;border-radius:10px}.site-footer{text-align:center;padding:22px 16px;color:#6a8998;font-size:13px;border-top:1px solid #d7edf5;background:#fff}.mobile-menu-toggle{display:none}
/* Plugin dashboard integration */
.de2{width:100%!important;max-width:460px!important;margin:0 auto!important;background:#fff!important;border-left:1px solid #ccecf8!important;border-right:1px solid #ccecf8!important;box-shadow:0 5px 24px #0b5c7610!important;min-height:100vh!important;overflow:visible!important}.de2-scroll{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;overflow:visible!important}.de2-brand-image{margin:0!important;overflow:hidden}.de2-brand-image img{display:block;width:100%;height:auto;max-height:160px;object-fit:cover}.de2-balance{margin:10px 12px 12px!important;border-radius:17px!important;background:linear-gradient(125deg,#0b4d63,#1b6278)!important;box-shadow:0 4px 10px #06455a20!important;padding:12px!important;color:#fff!important}.de2-label{font-size:14px!important;font-weight:750!important}.de2-rp{font-size:26px!important;line-height:1.2!important;font-weight:850!important}.de2-active{font-size:11px!important}.de2-balance-actions a{min-height:40px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important}.de2-price{margin:0 12px 12px!important;padding:12px!important;border:1px solid var(--de-line)!important;border-radius:17px!important;background:linear-gradient(135deg,#fff,#f4fbfe)!important}.de2-price-title{font-size:14px!important}.de2-number{font-size:22px!important;font-weight:850!important}.de2-chart{min-width:0!important}.de2-stats{font-size:11px!important}.de2-actions-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin:8px 10px 14px!important}.de2-actions-row a,.de2-actions-row button{min-width:0!important;font-size:11px!important;font-weight:650!important;text-align:center!important;overflow-wrap:anywhere!important}.de2-actions-row span{width:40px!important;height:40px!important;margin:0 auto 4px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#f5d98f,#a9771e)!important;color:#fff!important;box-shadow:0 2px 5px #a9771e44!important;font-size:19px!important}.de2-products{margin:0 12px 12px!important}.de2-nav{position:sticky!important;bottom:0!important;z-index:99!important;width:100%!important;max-width:460px!important;margin:0 auto!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #cceaf5!important;box-shadow:0 -4px 15px #0b5c760c!important}.de2-nav a{font-size:11px!important;min-width:0!important}.de2-nav a span{font-size:21px!important}.de2-help{max-width:calc(100% - 24px)!important;margin:0 12px 14px!important}
@media(min-width:700px){.de2{border-radius:0 0 18px 18px!important;min-height:0!important}.de2-nav{position:relative!important;border-radius:0 0 18px 18px!important}.site-main:has(.de2){max-width:500px;padding:0 12px 28px}.site-main:has(.de2) .content-card{padding:0;border:0;background:transparent;box-shadow:none}}
@media(max-width:600px){body{font-size:15px}.site-header .header-inner{padding:10px 13px}.site-brand{font-size:16px}.brand-mark{width:34px;height:34px}.site-nav{gap:2px}.site-nav a{font-size:12px;padding:8px}.site-main{margin:0 auto;padding:0 0 20px;min-height:70vh}.content-card{border-radius:0;border-left:0;border-right:0;padding:16px 13px;box-shadow:none}.entry-title{font-size:23px}.de2{width:100%!important;max-width:100%!important;border:0!important;box-shadow:none!important}.de2-brand-image img{max-height:135px}.de2-balance{margin:8px 10px 11px!important;padding:11px!important}.de2-rp{font-size:25px!important}.de2-price{margin:0 10px 11px!important;padding:11px!important}.de2-number{font-size:21px!important}.de2-actions-row{margin-left:7px!important;margin-right:7px!important;gap:2px!important}.de2-actions-row span{width:37px!important;height:37px!important;font-size:18px!important}.de2-actions-row a,.de2-actions-row button{font-size:10px!important}.de2-nav{max-width:100%!important}.de2-products{margin-left:10px!important;margin-right:10px!important}}
@media(max-width:360px){.site-brand{font-size:14px}.site-nav a{padding:7px 6px;font-size:11px}.de2-balance-actions a{font-size:11px!important;padding:8px!important}.de2-actions-row span{width:32px!important;height:32px!important}.de2-actions-row a,.de2-actions-row button{font-size:9px!important}.de2-nav a{font-size:10px!important}}

/* Regulatory/logo strip: always visible and scales down cleanly on mobile */
.site-footer-regulatory{display:flex;justify-content:center;align-items:center;width:100%;padding:4px 12px 10px;overflow:visible}
.site-footer-regulatory img{display:block;width:min(100%,330px);max-width:100%;height:auto;object-fit:contain;object-position:center;margin:0 auto}
.site-footer-copy{display:block;text-align:center;overflow-wrap:anywhere}
@media(max-width:600px){.site-footer{padding:12px 10px calc(14px + env(safe-area-inset-bottom));}.site-footer-regulatory{padding:4px 8px 8px}.site-footer-regulatory img{width:min(100%,300px);height:auto}.site-footer-copy{font-size:12px}}


/* Mobile scrolling fix: keep footer logos at the bottom and allow full page scrolling. */
html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
body{position:static!important}
.site-main,.entry-content,.content-card{overflow:visible!important}
.de2{height:auto!important;max-height:none!important;overflow:visible!important}
.de2-scroll{height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
.site-footer{position:relative!important;clear:both!important}

/* Footer removal requested: hide theme footer area while preserving WordPress footer hooks. */
.site-footer{display:none!important}


/* Final mobile scroll and banner visibility fix */
html, body { width:100%; height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
body { position:relative!important; }
.site-main, .content-card, .entry-content, .de2, .de2-scroll { height:auto!important; min-height:0; max-height:none!important; overflow:visible!important; }
.de2 { min-height:100vh!important; }
.de2-scroll { display:block!important; position:relative!important; padding-bottom:calc(110px + env(safe-area-inset-bottom))!important; }
.de2-regulatory-banner { display:block!important; position:relative!important; clear:both!important; height:auto!important; min-height:1px!important; margin:12px auto 18px!important; z-index:1!important; }
.de2-regulatory-banner img { width:100%!important; height:auto!important; max-height:none!important; }
@media(max-width:699px){ .de2-nav { position:fixed!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; max-width:460px!important; margin:0 auto!important; z-index:999!important; } .de2-scroll { padding-bottom:calc(125px + env(safe-area-inset-bottom))!important; } }


/* Landing page: clean blue-and-gold design based on the supplied reference */
body.home, body.front-page{background:#f4f5f6!important;color:#12445a}
body.home .site-header, body.front-page .site-header{display:none!important}
body.home .site-footer, body.front-page .site-footer{display:none!important}
.de-landing{min-height:100svh;width:100%;padding:0 18px 14px;overflow:hidden;background:#f4f5f6}
.de-landing-inner{width:100%;max-width:390px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column}
.de-landing-brand{height:38px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#07516a;font-size:15px;font-weight:800;flex-shrink:0}
.de-landing-mark,.de-landing-mini-mark{position:relative;display:inline-block;width:24px;height:22px;flex:0 0 auto}
.de-landing-mark:before,.de-landing-mini-mark:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:10px;background:#d5b052;transform:skew(-28deg) rotate(-15deg);border-radius:2px}
.de-landing-mark:after,.de-landing-mini-mark:after{content:"";position:absolute;left:5px;top:9px;width:17px;height:8px;background:#0b6178;transform:skew(-28deg) rotate(-15deg);border-radius:2px}
.de-landing-mark span,.de-landing-mini-mark span{position:absolute;z-index:1;left:2px;top:8px;width:12px;height:7px;background:#f2d990;transform:skew(-28deg) rotate(-15deg)}
.de-landing-mark i,.de-landing-mini-mark i{position:absolute;z-index:2;left:6px;top:12px;width:11px;height:4px;background:#b48a31;transform:skew(-28deg) rotate(-15deg)}
.de-landing-hero{flex:1;display:flex;flex-direction:column;min-height:0}
.de-landing-copy{text-align:center;padding:1px 0 0;position:relative;z-index:1}
.de-landing-copy h1{margin:0;color:#12445a;font-size:clamp(31px,8vw,39px);font-weight:750;letter-spacing:-1.2px;line-height:1.18}
.de-landing-copy h1 span{color:#b28732}
.de-landing-copy p{font-size:13px;line-height:1.35;color:#4e6c7b;margin:4px 0 0}
.de-landing-art{flex:1;min-height:220px;display:flex;align-items:center;justify-content:center;margin:-2px -10px 0;overflow:hidden}
.de-landing-art img{display:block;width:100%;height:100%;max-height:430px;object-fit:contain;object-position:center center}
.de-landing-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.de-button{height:46px;display:flex;align-items:center;justify-content:center;border-radius:6px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s}
.de-button:active{transform:translateY(1px)}
.de-button-primary{background:#12485b;color:#fff;border:1px solid #12485b;box-shadow:0 2px 0 #b5a16b}
.de-button-primary:hover{background:#0c3c4e;color:#fff}
.de-button-secondary{background:#fff;color:#153f53;border:1px solid #164a62}
.de-button-secondary:hover{background:#eef6f8;color:#153f53}
.de-landing-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#6b8794;font-size:11px;padding:3px 0 0}
.de-landing-mini-mark{width:15px;height:14px;transform:scale(.68);transform-origin:center}
@media(min-width:700px){
 .de-landing{padding-top:0;padding-bottom:18px}
 .de-landing-inner{max-width:390px}
 .de-landing-art img{max-height:440px}
}
@media(max-width:420px){
 .de-landing{padding-left:16px;padding-right:16px}
 .de-landing-inner{max-width:390px}
 .de-landing-brand{height:36px}
 .de-landing-art{margin-left:-8px;margin-right:-8px;min-height:200px}
 .de-landing-art img{max-height:calc(100svh - 235px)}
 .de-landing-actions{gap:9px;margin-bottom:10px}
 .de-button{height:46px}
}
@media(max-height:650px){
 .de-landing-art img{max-height:calc(100svh - 220px)}
 .de-landing-copy h1{font-size:31px}
 .de-landing-copy p{font-size:12px}
}

/* Supplied landing artwork: preserve the complete image and optimize mobile fit. */
.de-landing-art{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:-2px -10px 0;overflow:visible}
.de-landing-art img{display:block;width:100%;height:auto;max-height:min(62svh,760px);object-fit:contain;object-position:center}
@media(max-width:600px){
 .de-landing{min-height:100svh;padding:0 14px calc(12px + env(safe-area-inset-bottom));}
 .de-landing-inner{min-height:100svh;max-width:430px;}
 .de-landing-brand{height:36px;}
 .de-landing-copy h1{font-size:clamp(30px,8vw,39px);}
 .de-landing-copy p{font-size:13px;}
 .de-landing-art{margin:-1px -5px 0;}
 .de-landing-art img{width:100%;max-height:calc(100svh - 205px);}
 .de-landing-actions{gap:9px;margin:0 0 10px;}
 .de-button{min-height:44px;height:46px;font-size:14px;}
 .de-landing-footer{padding-bottom:2px;}
}
@media(max-height:650px){
 .de-landing-art img{max-height:calc(100svh - 195px);}
}

/* Cache-safe mobile landing layout */
@media(max-width:600px){
  body.home .de-landing, body.front-page .de-landing{width:100%;min-height:100dvh;padding-left:14px;padding-right:14px;overflow:visible}
  body.home .de-landing-inner, body.front-page .de-landing-inner{width:100%;max-width:430px;min-height:100dvh;margin:0 auto}
  body.home .de-landing-art img, body.front-page .de-landing-art img{display:block;width:100%;height:auto;max-height:calc(100dvh - 205px);object-fit:contain}
  body.home .de-landing-actions, body.front-page .de-landing-actions{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.home .de-button, body.front-page .de-button{min-width:0;min-height:46px}
}


/* v1.1.2: Full-width artwork on mobile, preserve the entire image without cropping. */
@media (max-width: 600px) {
  body.home .de-landing, body.front-page .de-landing {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }
  body.home .de-landing-inner, body.front-page .de-landing-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.home .de-landing-art, body.front-page .de-landing-art {
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }
  body.home .de-landing-art img, body.front-page .de-landing-art img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  body.home .de-landing-actions, body.front-page .de-landing-actions {
    margin-top: 10px !important;
  }
}


/* v1.1.3: Fit landing page and both CTA buttons inside one mobile viewport. */
@media (max-width: 600px) {
  html, body { min-height: 100%; }
  body.home, body.front-page { height: 100%; overflow: hidden !important; }
  body.home .de-landing, body.front-page .de-landing {
    width: 100%; height: 100vh; height: 100dvh; min-height: 0 !important;
    padding: 0 14px calc(8px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }
  body.home .de-landing-inner, body.front-page .de-landing-inner {
    width: 100% !important; max-width: 430px !important; height: 100%; min-height: 0 !important;
    margin: 0 auto; display: flex; flex-direction: column;
  }
  body.home .de-landing-brand, body.front-page .de-landing-brand { height: 30px; flex: 0 0 30px; }
  body.home .de-landing-copy, body.front-page .de-landing-copy { flex: 0 0 auto; padding: 0; }
  body.home .de-landing-copy h1, body.front-page .de-landing-copy h1 { font-size: clamp(25px, 7.2vw, 34px) !important; line-height: 1.08; }
  body.home .de-landing-copy p, body.front-page .de-landing-copy p { margin-top: 2px; font-size: 11px; line-height: 1.25; }
  body.home .de-landing-art, body.front-page .de-landing-art {
    flex: 1 1 0 !important; min-height: 0 !important; height: auto !important;
    width: calc(100% + 28px) !important; margin: 0 -14px !important;
    overflow: hidden !important; display: flex; align-items: center; justify-content: center;
  }
  body.home .de-landing-art img, body.front-page .de-landing-art img {
    display: block !important; width: 100% !important; height: 100% !important;
    max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important;
  }
  body.home .de-landing-actions, body.front-page .de-landing-actions {
    flex: 0 0 auto; margin: 5px 0 6px !important; gap: 8px !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }
  body.home .de-button, body.front-page .de-button { height: 42px !important; min-height: 42px !important; font-size: 13px !important; }
  body.home .de-landing-footer, body.front-page .de-landing-footer { flex: 0 0 auto; padding: 0 0 1px !important; font-size: 10px; }
}
@media (max-width: 360px) {
  body.home .de-landing-brand, body.front-page .de-landing-brand { height: 27px; flex-basis: 27px; }
  body.home .de-landing-copy h1, body.front-page .de-landing-copy h1 { font-size: 25px !important; }
  body.home .de-landing-copy p, body.front-page .de-landing-copy p { font-size: 10px; }
  body.home .de-landing-actions, body.front-page .de-landing-actions { margin-top: 3px !important; }
  body.home .de-button, body.front-page .de-button { height: 39px !important; min-height: 39px !important; }
}
@media (max-height: 650px) and (max-width: 600px) {
  body.home .de-landing-brand, body.front-page .de-landing-brand { height: 25px; flex-basis: 25px; }
  body.home .de-landing-copy h1, body.front-page .de-landing-copy h1 { font-size: 25px !important; }
  body.home .de-landing-copy p, body.front-page .de-landing-copy p { font-size: 10px; }
  body.home .de-button, body.front-page .de-button { height: 38px !important; min-height: 38px !important; }
}

/* v1.1.4: Mobile artwork uses the full viewport width without cropping. */
@media (max-width: 600px) {
  body.home .de-landing, body.front-page .de-landing {
    box-sizing: border-box !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: 5px 0 calc(5px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }
  body.home .de-landing-inner, body.front-page .de-landing-inner {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.home .de-landing-brand, body.front-page .de-landing-brand {
    margin: 0 12px !important;
    flex: 0 0 25px !important;
    height: 25px !important;
  }
  body.home .de-landing-copy, body.front-page .de-landing-copy {
    margin: 0 12px !important;
    flex: 0 0 auto !important;
  }
  body.home .de-landing-copy h1, body.front-page .de-landing-copy h1 {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.02 !important;
    margin: 0 !important;
  }
  body.home .de-landing-copy p, body.front-page .de-landing-copy p {
    font-size: 10px !important;
    line-height: 1.15 !important;
    margin: 2px 0 0 !important;
  }
  body.home .de-landing-art, body.front-page .de-landing-art {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.home .de-landing-art img, body.front-page .de-landing-art img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
  }
  body.home .de-landing-actions, body.front-page .de-landing-actions {
    margin: 3px 12px 4px !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }
  body.home .de-button, body.front-page .de-button {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 12px !important;
  }
  body.home .de-landing-footer, body.front-page .de-landing-footer {
    margin: 0 12px !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    font-size: 9px !important;
  }
}


/* v1.1.6: Correctly scale the landing artwork to the available mobile hero area. */
@media (max-width: 600px) {
  body.home .de-landing-art, body.front-page .de-landing-art {
    flex: 1 1 0 !important; min-height: 0 !important;
    width: 100vw !important; max-width: 100vw !important;
    overflow: hidden !important;
  }
  body.home .de-landing-art img, body.front-page .de-landing-art img {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    object-fit: contain !important; object-position: center center !important;
    flex: 1 1 auto !important;
  }
}