/*
Theme Name: MIYAR Business Tools
Description: Arabic-first, independent WooCommerce storefront for MIYAR. Includes an opt-in setup wizard for a new store. No hosted site-builder or AI service required.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Author: MIYAR Business Tools
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: miyar-business
Tags: e-commerce, right-sidebar, custom-logo, custom-menu, rtl-language-support, translation-ready
*/
:root{--ink:#18333c;--muted:#60747a;--paper:#f6f7f3;--white:#fff;--green:#006e5a;--lime:#d3efbe;--line:#dce4de;--gold:#b48334;--radius:18px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.85;font-size:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}h1{font-size:clamp(34px,4.2vw,59px);letter-spacing:-1.2px;margin-bottom:20px}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:21px}p{margin-bottom:18px}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;right:20px;z-index:1000;background:white;padding:14px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:87px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:44px;height:44px;border:1px solid var(--line);background:var(--green);border-radius:12px;display:grid;place-items:center;color:#fff}.brand-name{font-size:26px;font-weight:bold;line-height:1.25;display:block}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:.9px;display:block}.brand .custom-logo{max-width:170px;max-height:58px;width:auto}.desktop-nav{display:flex;gap:23px;align-items:center;margin-inline:auto;font-size:14px}.header-actions{display:flex;gap:16px;align-items:center;font-size:13px}.cart-link{background:var(--paper);padding:8px 13px;border:1px solid var(--line);border-radius:9px}.cart-count{display:inline-flex;min-width:20px;justify-content:center;font-weight:bold}.mobile-menu{display:none}.menu-panel{position:absolute;inset-inline:0;top:100%;background:#fff;padding:18px 30px;border-bottom:1px solid var(--line)}.menu-panel a{display:block;padding:9px}.kicker{color:var(--green);font-size:12px;font-weight:bold;letter-spacing:.3px;display:block;margin-bottom:18px}.hero{padding:66px 0 60px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:70px;align-items:center}.hero-copy p{font-size:17px;color:var(--muted);max-width:550px}.hero-copy h1 em{font-style:normal;color:var(--green)}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;border:1px solid var(--green);border-radius:9px;padding:12px 23px;font-weight:bold;font-size:14px;cursor:pointer;line-height:1.6;text-decoration:none}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#005242}.button.secondary{background:transparent;color:var(--ink)!important;border-color:var(--line)}.button.secondary:hover{background:#eaf0e8}.small-note{font-size:11px!important;color:var(--muted);margin:17px 0 0}.status-note{display:inline-block;background:#edf2e8;color:#445b4e;border:1px solid #d9e5d3;border-radius:30px;padding:5px 13px;margin-top:15px;font-size:11px}.sample-frame{position:relative;padding:22px;background:#e9eee4;border-radius:22px;box-shadow:0 18px 45px -30px #18333c55;transform:rotate(-1deg)}.dashboard{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transform:rotate(1deg)}.dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);font-size:13px}.sample-badge{font-size:10px;color:var(--muted);background:var(--paper);padding:3px 9px;border-radius:5px}.dashboard-body{padding:22px}.dashboard-title{font-size:13px;color:var(--muted);margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:25px}.metric{padding:12px 8px;background:var(--paper);border-radius:9px}.metric label{display:block;font-size:10px;color:var(--muted)}.metric b{font:700 22px/1.9 Arial,sans-serif;display:block;direction:ltr;text-align:start}.metric.highlight{background:#e4f0e4;color:var(--green)}.sample-table{width:100%;border-collapse:collapse;font-size:11px}.sample-table td,.sample-table th{padding:9px 4px;border-bottom:1px solid #edf0eb;text-align:start}.sample-table th{color:var(--muted);font-weight:normal}.sample-table td:last-child,.sample-table th:last-child{text-align:end}.progress-track{width:100%;height:5px;background:#e7ece4;border-radius:8px;overflow:hidden;margin-top:19px}.progress-track span{display:block;height:100%;background:var(--green);width:79.2%}.dashboard-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;gap:28px}.value-item{display:flex;align-items:center;gap:12px;font-size:12px}.value-item strong{display:block;font-size:13px}.value-item span{color:var(--muted)}.value-icon{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:15px;color:var(--green);flex-shrink:0}.section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:25px}.section-heading h2{margin-bottom:9px}.section-heading p{color:var(--muted);font-size:14px;margin-bottom:0}.section-link{font-size:13px;white-space:nowrap;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease}.product-card:hover{transform:translateY(-4px)}.product-visual{height:178px;position:relative;overflow:hidden;background:#e8eee5;padding:23px 27px}.product-card:nth-child(2) .product-visual{background:#e8eded}.product-card:nth-child(3) .product-visual{background:#f1ebdf}.visual-caption{font:11px Arial,sans-serif;letter-spacing:1.2px;color:var(--green);direction:ltr;display:flex;justify-content:space-between;margin-bottom:14px}.mini-sheet{background:rgba(255,255,255,.85);border-radius:6px;height:120px;border:1px solid #d2ded1;padding:11px;transform:rotate(-3deg);width:96%;box-shadow:0 10px 18px #18333c0b}.sheet-head{width:48%;height:8px;border-radius:3px;background:#9cb6a7;margin-bottom:12px}.sheet-line{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;margin-bottom:8px}.sheet-line i{height:8px;border-radius:2px;background:#dce6dc}.sheet-line:nth-child(3) i{background:#c2d5c4}.card-copy{padding:25px 25px 22px;display:flex;flex:1;flex-direction:column}.tag{font-size:10px;color:var(--green);letter-spacing:.3px;font-weight:bold;margin-bottom:10px}.card-copy h3{font-size:20px;min-height:58px;margin-bottom:12px}.card-copy p{font-size:13px;color:var(--muted);flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:5px;gap:12px;font-size:12px}.draft-pill{font-size:11px;color:var(--muted);background:var(--paper);padding:4px 9px;border-radius:7px}.card-bottom .price{font-weight:bold;color:var(--green)}.product-image{height:178px;width:100%;object-fit:cover;display:block}.steps-band{background:#fff;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-no{font:15px Arial,sans-serif;color:var(--gold);margin-bottom:14px;display:block}.step h3{font-size:19px;margin-bottom:12px}.step p{font-size:13px;color:var(--muted)}.business-banner{background:var(--ink);padding:42px;border-radius:19px;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.business-banner h2{font-size:29px;margin-bottom:9px}.business-banner p{color:#bdcdd0;margin-bottom:0;font-size:14px}.business-banner .button{background:var(--lime);border-color:var(--lime);color:var(--ink)!important;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:36px 0 21px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.content-shell{padding-block:50px 65px;min-height:50vh}.content-title{margin-bottom:25px;font-size:35px}.entry-content{max-width:950px}.entry-content a{color:var(--green);text-decoration:underline}.entry-content p{line-height:2}.entry-content details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 21px;margin-bottom:13px}.entry-content summary{cursor:pointer;font-weight:bold}.entry-content details p{margin:14px 0 2px;color:var(--muted)}.notice-box{padding:23px 27px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:14px}.woocommerce{width:100%}.woocommerce .woocommerce-breadcrumb{font-size:12px;color:var(--muted)}.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);padding:18px;border-radius:13px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px}.woocommerce div.product .product_title{font-size:32px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,select{border:1px solid #c9d5ce;border-radius:7px;padding:10px;background:#fff;max-width:100%}.woocommerce table.shop_table{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green)}.woocommerce-info,.woocommerce-message{border-top-color:var(--green);background:#eaf2e8}.woocommerce-info::before,.woocommerce-message::before{color:var(--green)}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--green);color:#fff}.woocommerce #payment{background:#edf2eb}.woocommerce .woocommerce-MyAccount-navigation{background:#fff;padding:18px;border-radius:13px;border:1px solid var(--line)}.woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}.woocommerce .woocommerce-MyAccount-navigation li{padding:9px;border-bottom:1px solid var(--line)}.woocommerce .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}.woocommerce .woocommerce-MyAccount-navigation .is-active{font-weight:bold;color:var(--green)}.woocommerce-MyAccount-content{background:#fff;padding:23px;border:1px solid var(--line);border-radius:13px}.woocommerce-page .content-shell>.container{max-width:1200px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--paper)}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.page-links{padding-block:20px}.alignwide{max-width:1100px}.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.sticky{border-color:var(--green)}.gallery-caption{font-size:12px}.bypostauthor{font-weight:normal}
@media(max-width:1000px){.hero-grid{gap:35px}.desktop-nav{gap:13px}.header-inner{gap:15px}.brand-name{font-size:23px}.hero{padding-top:45px}.metrics{gap:6px}.metric b{font-size:19px}.card-copy{padding:20px}.business-banner{padding:30px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{min-height:75px;gap:12px}.desktop-nav,.account-link{display:none}.header-actions{margin-inline-start:auto;gap:10px}.mobile-menu{display:block}.mobile-menu summary{font-size:12px;cursor:pointer;list-style:none;padding:7px;border:1px solid var(--line);border-radius:7px}.brand-mark{width:36px;height:36px}.brand-name{font-size:23px}.brand-sub{font-size:8px}.cart-link{font-size:11px;padding:7px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero{padding:34px 0}.hero-copy p{font-size:15px}.hero-copy h1{font-size:39px;letter-spacing:-.7px}.kicker{font-size:11px;margin-bottom:15px}.button{padding:11px 17px;font-size:13px}.sample-frame{padding:15px;max-width:500px;width:100%;margin-inline:auto}.dashboard-body{padding:18px}.metric b{font-size:20px}.value-strip{grid-template-columns:1fr;gap:17px;padding:24px 0}.value-item{font-size:11px}.section{padding:39px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:28px}.product-grid{grid-template-columns:1fr}.card-copy h3{min-height:0}.product-visual,.product-image{height:158px}.steps{grid-template-columns:1fr;gap:22px}.step{border-bottom:1px solid var(--line);padding-bottom:15px}.step:last-child{border:0}.step-no{margin-bottom:9px}.business-banner{padding:27px;flex-direction:column;align-items:start;gap:22px}.business-banner h2{font-size:26px}.footer-top{flex-direction:column;align-items:start}.footer-links{gap:16px}.footer-bottom{flex-direction:column;gap:5px}.content-shell{padding:30px 0 45px}.content-title{font-size:29px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;float:none!important;margin:0 0 19px!important}.woocommerce-MyAccount-content{margin-top:19px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.miyar-native-menu{display:flex;gap:22px;list-style:none;padding:0;margin:0}