/*
Theme Name: OraiAudit Pro
Theme URI: https://oraiaudit.com/
Author: OraiAudit Pro
Description: Professional responsive website theme for OraiAudit Pro, an AI-powered audit intelligence platform.
Version: 3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: orai-audit-pro
*/
:root{
  --navy:#06111b;--navy2:#0a1824;--panel:#0d1d29;--panel2:#102532;
  --gold:#f3c43f;--gold2:#dba927;--white:#f7fafc;--muted:#a9bac8;
  --line:#223847;--success:#65d39b;--danger:#ff7d7d;--shadow:0 20px 60px rgba(0,0,0,.28);
  --radius:18px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(100% - 40px,var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,17,27,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content;font-weight:800;font-size:21px}
.brand img{width:40px;height:40px;border-radius:11px}.brand-mark{width:40px;height:40px;border:2px solid var(--gold);border-radius:11px;display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:20px}
.brand span em{color:var(--gold);font-style:normal}
.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{display:block;padding:12px 13px;color:#dbe5eb;font-size:14px;border-radius:10px}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold);background:rgba(243,196,63,.07)}
.menu-toggle{display:none;background:transparent;color:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:11px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}
.btn-gold{background:var(--gold);color:#071018}.btn-gold:hover{transform:translateY(-2px);background:#ffd65f}.btn-outline{border-color:var(--line);background:transparent;color:var(--white)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.header-cta{margin-left:8px}
.hero{padding:92px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-200px -100px auto auto;width:600px;height:600px;background:radial-gradient(circle,rgba(243,196,63,.12),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}h1 .gold{color:var(--gold)}h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.03em;margin:0 0 18px}h3{margin:0 0 10px;font-size:20px}p{color:var(--muted);margin:0 0 18px}.hero-copy{font-size:18px;max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.command-card{background:linear-gradient(145deg,#0e202c,#091721);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.metric{border:1px solid var(--line);border-radius:13px;padding:14px}.metric small{display:block;color:#91a7b5;font-size:10px}.metric strong{font-size:24px}
.chart{height:220px;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:end;gap:12px;background:#0b1923}.bar{flex:1;background:linear-gradient(#f8ce57,#927327);border-radius:5px 5px 0 0;min-height:35px}
.section{padding:86px 0}.section.alt{background:#08151f;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head p{max-width:620px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card:hover{border-color:#395263}.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(243,196,63,.09);border:1px solid rgba(243,196,63,.28);color:var(--gold);font-weight:900;margin-bottom:18px}
.list{padding:0;margin:15px 0 0;list-style:none}.list li{padding:8px 0 8px 22px;position:relative;color:#c9d5dd}.list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.stat{padding:28px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:32px;color:var(--gold)}.stat span{color:var(--muted);font-size:13px}
.page-hero{padding:72px 0 52px;background:linear-gradient(180deg,#091722,#06111b)}.page-hero p{max-width:760px;font-size:18px}
.breadcrumbs{font-size:12px;color:#8fa4b2;margin-bottom:18px}.breadcrumbs a{color:var(--gold)}
.solution-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.feature-list{display:grid;gap:14px}.feature-row{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.feature-row .icon{flex:0 0 42px;width:42px;height:42px;margin:0}
.pricing-card{position:relative}.pricing-card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(243,196,63,.12),var(--shadow)}.badge{position:absolute;right:18px;top:18px;background:var(--gold);color:#071018;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900}.price{font-size:42px;font-weight:900;margin:15px 0}.price small{font-size:14px;color:var(--muted);font-weight:500}
.form-wrap{max-width:820px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);background:#081722;color:var(--white);border-radius:11px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}.field textarea{min-height:150px;resize:vertical}.notice{padding:13px 16px;border-radius:11px;margin-bottom:18px}.notice.success{background:rgba(101,211,155,.1);border:1px solid rgba(101,211,155,.3);color:#a8efc7}.notice.error{background:rgba(255,125,125,.1);border:1px solid rgba(255,125,125,.3);color:#ffc0c0}
.site-footer{background:#040c13;border-top:1px solid var(--line);padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:8px 0}.footer-links a{color:#9fb0bc;font-size:14px}.footer-links a:hover{color:var(--gold)}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#718692;font-size:12px}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:800}.post-card .meta{font-size:12px;color:#8095a2;margin-bottom:10px}.post-card h3{font-size:20px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:300;padding:20px}.modal.open{display:flex}.modal-box{background:#091823;border:1px solid var(--line);border-radius:18px;max-width:720px;width:100%;padding:28px;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.notice-bar{padding:12px 0;background:#0b1c28;border-bottom:1px solid var(--line);font-size:13px;color:#b9c9d3}.notice-bar a{color:var(--gold);font-weight:800}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:999}
@media(max-width:980px){.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#07131d;border-bottom:1px solid var(--line);padding:12px 20px}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{padding:13px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero-grid,.solution-detail{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.header-inner{min-height:68px}.hero{padding:60px 0}.section{padding:65px 0}.grid-3,.grid-2,.form-grid,.stat-strip{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.metrics{grid-template-columns:1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>*{margin-bottom:8px}h1{font-size:45px}}

/* v3.1 HEADER + FOOTER REFINEMENT */
.site-header{height:82px}
.header-inner{height:82px;min-height:82px;gap:26px}
.brand-area{display:flex;align-items:center;flex:0 0 auto}
.brand{gap:11px;font-size:20px;letter-spacing:-.02em}
.brand img{width:42px;height:42px;object-fit:cover;border-radius:11px}
.brand-mark{width:42px;height:42px}
.main-nav{flex:1;display:flex;justify-content:center;margin:0}
.main-nav ul{display:flex;align-items:center;justify-content:center;gap:2px}
.main-nav li{position:relative}
.main-nav li.menu-item-has-children>a:after{content:"⌄";font-size:11px;margin-left:6px;color:#8ea2af}
.main-nav li ul{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%) translateY(5px);display:block;min-width:260px;padding:9px;background:#091722;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.main-nav li:hover>ul,.main-nav li:focus-within>ul{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.main-nav li ul li a{padding:11px 13px;font-size:13px;white-space:nowrap}
.main-nav li ul li ul{left:100%;top:-9px;transform:translateX(5px)}
.main-nav li ul li:hover>ul,.main-nav li ul li:focus-within>ul{transform:translateX(0)}
.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.header-cta{white-space:nowrap;margin:0;padding:12px 17px}
.menu-toggle{width:44px;height:44px;padding:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:3px}

.site-footer{padding:72px 0 26px;background:#030b12}
.footer-top{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.05fr;gap:50px}
.footer-brand .brand{margin-bottom:17px}
.footer-brand p{max-width:300px;font-size:14px}
.footer-email{display:inline-block;color:var(--gold);font-size:14px;font-weight:700}
.footer-col h3{font-size:14px;text-transform:uppercase;letter-spacing:.11em;color:#eaf0f4;margin:3px 0 17px}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:0}
.footer-links a{display:block;padding:5px 0;color:#91a4b1;font-size:13px;transition:.18s}
.footer-links a:hover{color:var(--gold);padding-left:3px}
.footer-cta-box{margin-top:18px;padding:16px;border:1px solid var(--line);background:#081722;border-radius:13px}
.footer-cta-box strong{display:block;font-size:13px;line-height:1.45;margin-bottom:9px}
.footer-cta-box a{color:var(--gold);font-size:13px;font-weight:800}
.footer-bottom{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#6f8491;font-size:12px}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-links a:hover{color:var(--gold)}

@media(max-width:1080px){
 .main-nav ul{gap:0}.main-nav a{padding:10px 9px;font-size:13px}
 .header-inner{gap:15px}.header-cta{padding:11px 13px}
}
@media(max-width:900px){
 .site-header,.header-inner{height:72px;min-height:72px}
 .main-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:10px 16px 18px;background:#06111b;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.35)}
 .main-nav.open{display:block}
 .main-nav ul{display:block}
 .main-nav li ul{position:static;display:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;min-width:0;padding:3px 0 6px;margin:0;border:0;box-shadow:none;background:transparent}
 .main-nav li:hover>ul{display:none}
 .main-nav li.submenu-open>ul{display:block}
 .main-nav li ul li a{padding:9px 16px;font-size:13px}
 .main-nav a{padding:12px 10px}
 .header-cta{display:none}
 .menu-toggle{display:flex}
 .footer-top{grid-template-columns:repeat(2,1fr);gap:35px}
}
@media(max-width:600px){
 .footer-top{grid-template-columns:1fr}
 .footer-bottom{display:block}
 .footer-bottom-links{margin-top:12px}
 .brand{font-size:18px}
}

/* v3.2 HEADER LOGO SIZE + ALIGNMENT FIX */
.site-header{height:78px}
.header-inner{height:78px;min-height:78px;display:flex;align-items:center}
.brand-area{height:100%;display:flex;align-items:center;flex:0 0 auto}
.brand{display:inline-flex!important;align-items:center!important;gap:11px!important;height:48px;line-height:1!important}
.brand-logo,.custom-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;min-width:42px!important;min-height:42px!important;display:block!important;object-fit:contain!important;border-radius:11px!important}
.brand-name{display:inline-block!important;white-space:nowrap!important;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--white)}
.brand-name em{color:var(--gold);font-style:normal}
.main-nav{min-width:0}
.main-nav>div{width:auto}
.main-nav .primary-menu{margin:0!important;padding:0!important}
.header-actions{margin-left:auto}
.header-cta{font-size:13px!important;padding:12px 18px!important;min-width:128px;white-space:nowrap}
@media(max-width:1080px){
  .brand-name{font-size:18px}
  .main-nav a{padding-left:8px!important;padding-right:8px!important}
  .header-cta{min-width:118px;padding-left:13px!important;padding-right:13px!important}
}
@media(max-width:900px){
  .site-header,.header-inner{height:72px;min-height:72px}
  .brand-logo,.custom-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important}
  .brand-name{font-size:18px}
  .header-actions{margin-left:auto}
}
@media(max-width:520px){
  .brand-name{font-size:16px}
  .brand-logo,.custom-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;min-width:38px!important;min-height:38px!important}
}
