/*
Theme Name: Robot Trading Pro Clear
Theme URI: https://example.com/
Author: Trading Pro
Description: Tema WordPress modern dengan kontras tinggi untuk plugin Trading Pro.
Version: 2.5.7
Text Domain: robot-trading-pro
*/
:root{--bg:#f5f7fb;--surface:#fff;--text:#172033;--muted:#667085;--primary:#155eef;--primary-dark:#0b4bc0;--success:#079455;--border:#d9e0ea;--shadow:0 10px 30px rgba(16,24,40,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.site-main{max-width:1180px;margin:auto;padding:28px 20px 56px}.hero{background:#0f1f3d;color:#fff;border-radius:24px;padding:48px;box-shadow:var(--shadow);margin-bottom:26px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:0 0 14px;font-weight:900;letter-spacing:-1.5px}.hero p{max-width:720px;color:#dce7ff;font-size:18px;margin:0 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);text-decoration:none}.btn-light{background:#fff;color:#12305f}.btn-light:hover{text-decoration:none;background:#f5f8ff}.content-card,.entry-content,.widget,.site-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.entry-title{font-size:32px;line-height:1.2;margin:0 0 20px;font-weight:900}.entry-content h2,.entry-content h3{color:var(--text);line-height:1.25}.entry-content p,.entry-content li{color:#344054}.site-footer{background:#101828;color:#d0d5dd;margin-top:30px}.footer-inner{max-width:1180px;margin:auto;padding:28px 20px;text-align:center}.footer-inner strong{color:#fff}.wp-block-button__link,.wp-element-button,input[type=submit],button{font-weight:800}.wp-block-button__link,input[type=submit],button{border-radius:10px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.alignwide{max-width:1180px;margin-left:auto;margin-right:auto}
/* v2.5.7: Header brand restored; navigation intentionally hidden/removed. */
.site-header{width:100%;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(16,24,40,.05);}
.header-inner{width:100%;max-width:1180px;min-height:72px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-weight:900;text-decoration:none;line-height:1;}
.brand:hover{text-decoration:none;color:var(--text);}
.brand-mark{width:42px;height:42px;border-radius:11px;background:#0f1f3d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;letter-spacing:.2px;box-shadow:0 5px 14px rgba(15,31,61,.18);}
.brand-text{font-size:20px;letter-spacing:-.3px;white-space:nowrap;}
.main-nav{display:none!important;}
@media(max-width:800px){.site-main{padding:18px 14px 40px}.hero{padding:30px 22px;border-radius:18px}.hero p{font-size:16px}.content-card,.entry-content,.widget{padding:20px;border-radius:15px}.entry-title{font-size:27px}}

/* v2.4.1: Intro ROBOT TRADING is intentionally placed before the Cara Kerja/content section. */
.robot-intro { position: relative; z-index: 2; }
.cara-kerja-section { position: relative; z-index: 1; }


/* v2.5.1: Front-page layout cleanup — structured spacing, readable text and responsive sections. */
.robot-intro{width:100%;overflow:hidden;}
.robot-intro-inner{width:100%;max-width:980px;margin:0 auto;}
.robot-intro h1{margin:0 0 24px;word-break:normal;}
.robot-intro-text{max-width:820px;color:#dce7ff;font-size:18px;line-height:1.75;white-space:normal;}
.robot-intro-actions{display:flex;align-items:center;gap:12px;margin-top:28px;}
.robot-intro .btn{margin:0;}
.cara-kerja-section{width:100%;margin:0;overflow:hidden;}
.cara-kerja-inner{max-width:980px;margin:0 auto;}
.cara-kerja-inner>*:first-child{margin-top:0;}
.cara-kerja-inner>*:last-child{margin-bottom:0;}
.cara-kerja-inner h2{font-size:32px;line-height:1.2;margin:0 0 16px;}
.cara-kerja-inner h3{font-size:24px;line-height:1.3;margin:26px 0 10px;}
.cara-kerja-inner p{margin:0 0 16px;}
.cara-kerja-inner ul,.cara-kerja-inner ol{padding-left:24px;margin:0 0 18px;}
@media(max-width:800px){
  .header-inner{width:100%;padding:12px 14px;gap:10px;}
  .brand{font-size:18px;}
  .brand-mark{width:38px;height:38px;border-radius:10px;}
  .site-main{width:100%;max-width:1180px;margin:0 auto;}
  .robot-intro{padding:28px 20px !important;border-radius:18px;}
  .robot-intro h1{font-size:clamp(30px,9vw,44px) !important;margin-bottom:18px;}
  .robot-intro-text{font-size:16px !important;line-height:1.65;max-width:none !important;}
  .robot-intro-actions{margin-top:22px;}
  .robot-intro .btn{width:100%;min-height:48px;}
  .cara-kerja-section{padding:22px 18px !important;border-radius:15px;}
  .cara-kerja-inner h2{font-size:27px;}
}

/* v2.5.2: Front-page content ordering */
.front-page-builder{display:flex;flex-direction:column;gap:0;}
.front-block{order:initial!important;}
.front-title-block,.front-text-block,.front-button-block{margin-bottom:0;border-radius:0;box-shadow:none;}
.front-title-block{border-radius:24px 24px 0 0;padding-bottom:18px;}
.front-text-block{padding-top:18px;padding-bottom:18px;}
.front-button-block{border-radius:0 0 24px 24px;padding-top:18px;margin-bottom:26px;}
.front-title-block h1{margin-bottom:0;}
.front-text-block .robot-intro-text{margin:0;}
.front-cara-block{margin-bottom:0;}
.front-page-builder>.front-cara-block + .front-title-block,.front-page-builder>.front-cara-block + .front-text-block,.front-page-builder>.front-cara-block + .front-button-block{margin-top:26px;}
@media(max-width:800px){
 .front-title-block{border-radius:18px 18px 0 0;padding-bottom:12px;}
 .front-button-block{border-radius:0 0 18px 18px;margin-bottom:20px;}
 .front-page-builder>.front-cara-block + .front-title-block,.front-page-builder>.front-cara-block + .front-text-block,.front-page-builder>.front-cara-block + .front-button-block{margin-top:20px;}
}
