/*
Theme Name: MDN ERP
Description: Arabic SaaS marketing theme for MDN ERP. Home, pricing, illustrated features and company signup.
Version: 1.0.0
Author: MDN
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: mdn-erp
*/
:root{--blue:#087ef6;--navy:#102c51;--ink:#152d4c;--muted:#60728a;--line:#dfebf7;--bg:#f5f9ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.85 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;height:auto}button,a,input,select,summary{outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}.container{width:min(1180px,92%);margin:auto}.site-header{background:#ffffffef;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.header-row{min-height:88px;display:flex;align-items:center;gap:40px}.brand{font-size:25px;font-weight:800;direction:ltr;display:flex;align-items:center;gap:10px;color:var(--navy);white-space:nowrap}.brand span{color:var(--blue)}.brand-mark{width:32px;height:36px;background:linear-gradient(140deg,#60c5ff,#087ef6 55%,#123e72);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.custom-logo{max-height:48px;width:auto}.nav{display:flex;align-items:center;gap:27px;margin-inline-end:auto}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;border-radius:12px;font-weight:bold;border:1px solid transparent;background:var(--blue);color:white;cursor:pointer;gap:10px;box-shadow:0 9px 22px #087ef620}.btn:hover{background:#0667ca;transform:translateY(-1px)}.btn.secondary{background:white;border-color:#b8d9fc;color:var(--blue);box-shadow:none}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:7px 12px;border-radius:9px}.hero{padding:85px 0 75px;background:radial-gradient(ellipse at 15% 45%,#d9efff,transparent 60%),linear-gradient(#f6faff,#fff)}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}.eyebrow{color:#0872d9;letter-spacing:.3px;font-size:14px;font-weight:bold}.hero h1{font-size:clamp(37px,4vw,58px);line-height:1.45;margin:18px 0}.hero h1 span{color:var(--blue)}p{color:var(--muted)}.hero p{font-size:18px;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.small{font-size:13px}.hero-img{border-radius:20px;box-shadow:0 28px 65px #17375a24;transform:perspective(1200px) rotateY(5deg)}.section{padding:75px 0}.soft{background:var(--bg)}.center{text-align:center}.section h2{font-size:clamp(27px,3vw,39px);line-height:1.5;margin:0 0 15px}.section-head{max-width:730px;margin:0 auto 40px;text-align:center}.section-head p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border:1px solid var(--line);padding:25px;border-radius:18px;background:white;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.number{color:var(--blue);background:#edf6ff;border-radius:12px;padding:5px 13px;display:inline-block;font-size:19px;font-weight:bold}.feature-card h3{margin:15px 0 7px}.feature-card p{font-size:14px}.link{color:#086dce;font-weight:bold}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;max-width:930px;margin:35px auto;gap:26px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:23px;padding:38px;background:white;position:relative}.price-card.paid{background:radial-gradient(circle at 0 0,#1e5689,transparent 70%),var(--navy);color:white;border-color:#174a7a;box-shadow:0 18px 45px #12385d20}.price{font-size:58px;line-height:1.4;font-weight:bold;margin-top:12px}.price small{font-size:16px;font-weight:normal}.paid p{color:#d7eaff}.price-list{padding:0;list-style:none;border-top:1px solid #bdcfdf66;padding-top:22px;margin:22px 0}.price-list li{margin-bottom:12px}.price-list li:before{content:'✓';display:inline-block;color:var(--blue);margin-inline-end:10px;font-weight:bold}.paid .price-list li:before{color:#70c8ff}.price-card .btn{width:100%}.pill{display:inline-block;color:#8bd3ff;font-size:13px}.compare{width:100%;border-collapse:collapse;background:white;text-align:right}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.compare th,.compare td{padding:17px;border-bottom:1px solid var(--line)}.compare th{background:#eaf4ff}.compare td:nth-child(n+2){text-align:center}.faq{max-width:880px;margin:auto}.faq details{border:1px solid var(--line);background:white;padding:18px 24px;border-radius:13px;margin:12px 0}.faq summary{cursor:pointer;font-weight:bold}.module-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.module-nav a{border:1px solid var(--line);border-radius:30px;padding:7px 16px;font-size:14px;background:white}.module{scroll-margin-top:110px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;padding:50px 0;border-bottom:1px solid var(--line)}.module:nth-of-type(even) .module-copy{order:2}.module h2{font-size:29px}.module img{border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 38px #17375a12}.checks{padding:0;list-style:none}.checks li:before{content:'✓';color:var(--blue);margin-inline-end:10px}.cta{background:var(--navy);color:white;border-radius:24px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta p{color:#c5d9ef}.cta h2{font-size:30px}.site-footer{background:#f4f8fd;border-top:1px solid var(--line);padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-links a{display:block;margin-bottom:10px;color:#4b6480}.copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:13px;color:#63758b}.form-card{max-width:650px;margin:auto;background:white;border:1px solid var(--line);border-radius:20px;padding:32px}.form-card label{display:block;margin:15px 0}.form-card input,.form-card select{width:100%;padding:11px 14px;border:1px solid #b9cde2;border-radius:9px;margin-top:5px;background:white}.notice{padding:15px;border-radius:10px;background:#eaf4ff;margin:15px 0}.hp{position:absolute;left:-9999px}.content{min-height:50vh}.lightbox{border:0;border-radius:15px;padding:12px;max-width:95vw;width:1100px}.lightbox::backdrop{background:#102c51cc}.lightbox button{display:block;margin:0 0 12px auto;padding:7px 20px}.zoom{cursor:zoom-in}.wp-block-image img{height:auto}.prose{max-width:850px;margin:auto} @media(max-width:900px){.hero-grid,.module{grid-template-columns:1fr;gap:25px}.hero{padding:45px 0}.hero-img{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.header-row{gap:18px}.nav{gap:17px}.module:nth-of-type(even) .module-copy{order:0}.cta{display:block}.footer-grid{grid-template-columns:1fr 1fr}.hero h1{max-width:650px}.hero p{max-width:650px}}@media(max-width:640px){.header-row{min-height:72px;justify-content:space-between;flex-wrap:wrap}.brand{font-size:22px}.menu-toggle{display:block}.header-login{display:none}.nav{display:none;width:100%;padding-bottom:20px;flex-wrap:wrap}.nav.open{display:flex}.cards,.pricing-grid,.footer-grid{grid-template-columns:1fr}.section{padding:45px 0}.price-card{padding:28px}.hero h1{font-size:39px}.hero-img{margin-top:20px}.module{padding:35px 0}.cta{padding:28px}.form-card{padding:22px}.price{font-size:50px}.actions .btn{flex:1}.footer-grid{gap:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}