/* ===== Mobl30 — glass header (menu) + footer, site-wide ===== */
.m30-head,.m30-foot{
  --a:#2f6b4f;--a-soft:rgba(47,107,79,.45);--a-ring:rgba(47,107,79,.12);
  --ink:#1c211e;--mut:#5d655f;--line:rgba(28,33,30,.1);
  direction:rtl;text-align:right;color:var(--ink);font-family:Vazirmatn,Kalameh,Tahoma,sans-serif;
}
.m30-head *,.m30-foot *,.m30-head *::before,.m30-foot *::before{box-sizing:border-box}
.m30-head a,.m30-foot a{text-decoration:none;color:inherit}
.m30-head ul,.m30-foot ul{list-style:none;margin:0;padding:0}
.m30-head li{margin:0}
.m30-ico{width:20px;height:20px;flex:none}
.m30-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* old Elementor header / footer are replaced */
body.m30-chrome [data-elementor-type="header"],
body.m30-chrome [data-elementor-type="footer"]{display:none!important}
body.m30-chrome{background:#eeece8}

.m30-glass{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(20,24,22,.04),0 12px 32px rgba(20,24,22,.07)}

/* buttons (same as the homepage) */
@property --m30spin{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes m30spin{to{--m30spin:360deg}}
.m30-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:14.5px;line-height:1;white-space:nowrap;
  transition:background-color .25s,color .25s,box-shadow .3s,filter .25s;touch-action:manipulation;border:0;cursor:pointer;font-family:inherit}
.m30-btn .m30-ico{width:17px;height:17px}
.m30-btn--primary{background:var(--a);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px -6px var(--a-soft);--ring:rgba(255,255,255,.95)}
.m30-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--m30spin),transparent 0deg,transparent 250deg,var(--ring,#fff) 320deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .3s}
.m30-btn:hover::before,.m30-btn.is-hot::before,.m30-btn:focus-visible::before{opacity:1;animation:m30spin 2.4s linear infinite}
.m30-btn--primary:hover,.m30-btn--primary.is-hot{filter:brightness(1.08)}

/* ---------- header ---------- */
.m30-head{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:999;padding:12px 24px 0}
.m30-nav{max-width:1256px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:7px 7px 7px 12px;border-radius:999px}
/* the bar floats over page content: keep it frosted but readable */
.m30-head .m30-nav.m30-glass,.m30-head .m30-drop.m30-glass{background:rgba(250,249,247,.92)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.m30-head .m30-nav.m30-glass,.m30-head .m30-drop.m30-glass{background:rgba(250,249,247,.78);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}}
.m30-brand{display:flex;align-items:center;gap:10px;padding-inline:6px 10px;font-weight:900;font-size:18px;white-space:nowrap}
.m30-brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}
.m30-nav__links{display:flex;gap:2px;flex:1;justify-content:center}
.m30-nav__links a{display:block;padding:10px 15px;border-radius:999px;font-size:14.5px;font-weight:500;transition:background-color .2s,color .2s}
.m30-nav__links a:hover{background:rgba(255,255,255,.95)}
.m30-nav__links a.is-current{background:#fff;color:var(--a);font-weight:800}
.m30-nav__tools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.m30-iconbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.7);display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background-color .2s;padding:0}
.m30-iconbtn:hover,.m30-iconbtn[aria-expanded="true"]{background:#fff}
.m30-cartbtn{min-height:44px;padding:0 16px}
.m30-cartcount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:var(--a);font-size:12px;font-weight:800}
.m30-cartcount[hidden]{display:none}
.m30-burger{display:none}
.m30-drop{max-width:1256px;margin:10px auto 0;border-radius:24px;padding:12px}
.m30-drop[hidden]{display:none}
.m30-searchform{display:flex;gap:8px}
.m30-searchform input[type="search"]{flex:1;min-width:0;min-height:48px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 18px;font:inherit;font-size:16px;color:var(--ink)}
.m30-searchform input[type="search"]:focus{outline:2px solid var(--a);outline-offset:1px}
.m30-mlinks a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 14px;border-radius:16px;font-weight:700;font-size:15px}
.m30-mlinks a:hover,.m30-mlinks a.is-current{background:#fff;color:var(--a)}
.m30-mlinks .m30-ico{width:16px;height:16px;opacity:.5}
.m30-head a:focus-visible,.m30-head button:focus-visible,.m30-foot a:focus-visible{outline:2px solid var(--a);outline-offset:3px}

/* ---------- footer ---------- */
.m30-foot{padding:40px 24px 28px}
.m30-foot__card{max-width:1256px;margin:0 auto;border-radius:32px;padding:36px}
.m30-foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:28px}
.m30-foot__brand p{margin:12px 0 0;color:var(--mut);font-size:14px;line-height:2;max-width:30em}
.m30-foot nav,.m30-foot__contact{display:flex;flex-direction:column;gap:10px;font-size:14px}
.m30-foot strong{font-size:15px;font-weight:800;margin-bottom:2px}
.m30-foot nav a,.m30-foot__contact a{color:var(--mut);transition:color .2s;display:inline-flex;align-items:center;gap:8px;align-self:flex-start}
.m30-foot nav a:hover,.m30-foot__contact a:hover{color:var(--a)}
.m30-foot__contact .m30-ico{width:17px;height:17px;color:var(--a)}
.m30-foot__bar{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut)}
.m30-foot__trust{display:inline-flex;align-items:center;gap:6px}
.m30-foot__trust .m30-ico{width:16px;height:16px;color:var(--a)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .m30-nav__links a{padding:10px 11px;font-size:14px}
}
@media (max-width:960px){
  .m30-nav__links{display:none}
  .m30-burger{display:grid}
  .m30-foot__grid{grid-template-columns:1fr 1fr}
  .m30-foot__brand{grid-column:1/-1}
}
@media (max-width:600px){
  .m30-head{padding:8px 10px 0}
  .m30-brand span{display:none}
  .m30-cartbtn__t{display:none}
  .m30-cartbtn{padding:0 14px}
  .m30-nav{gap:8px}
  .m30-searchform .m30-btn{padding:0 16px}
  .m30-foot{padding:28px 10px 20px}
  .m30-foot__card{padding:22px 18px;border-radius:24px}
  .m30-foot__grid{gap:22px}
}
@media (prefers-reduced-motion:reduce){.m30-btn::before{animation:none!important}}

/* ---------- shop & category pages: same product cards as the homepage ---------- */
body.m30-chrome.woocommerce ul.products,body.m30-chrome .woocommerce ul.products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 32px!important;padding:0!important;float:none!important;width:auto!important}
body.m30-chrome ul.products::before,body.m30-chrome ul.products::after{display:none!important}
body.m30-chrome ul.products li.product{
  --a:#2f6b4f;--a-soft:rgba(47,107,79,.45);
  width:auto!important;max-width:none!important;float:none!important;margin:0!important;clear:none!important;
  position:relative;isolation:isolate;overflow:hidden;display:flex!important;flex-direction:column;
  background:#fff;border:1px solid rgba(28,33,30,.08);border-radius:24px;padding:8px 8px 14px!important;text-align:right;
  font-family:Vazirmatn,Kalameh,Tahoma,sans-serif;transition:box-shadow .4s ease}
body.m30-chrome ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;color:#1c211e;text-decoration:none}
body.m30-chrome ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain;background:#f4f2ee;border-radius:18px;margin:0 0 12px!important;display:block}
body.m30-chrome ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;font-weight:800!important;line-height:1.6!important;padding:0 8px!important;margin:0 0 6px!important;color:#1c211e!important}
body.m30-chrome ul.products li.product .price{display:flex!important;flex-direction:column;gap:2px;padding:0 8px;margin:auto 0 12px!important;color:#1c211e!important;font-size:16px!important;font-weight:900;font-variant-numeric:tabular-nums}
body.m30-chrome ul.products li.product .price del{font-size:12.5px;color:#8a918b!important;font-weight:500;opacity:1}
body.m30-chrome ul.products li.product .price ins{text-decoration:none;background:none;color:#1c211e!important}
body.m30-chrome ul.products li.product .onsale{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;margin:0!important;min-height:0!important;min-width:0!important;line-height:1!important;
  padding:6px 10px!important;border-radius:999px!important;background:var(--a)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;z-index:4}
body.m30-chrome ul.products li.product .button{
  display:flex!important;align-items:center;justify-content:center;width:auto;margin:0 4px!important;min-height:44px;border-radius:999px!important;
  background:#1c211e!important;color:#fff!important;font-weight:700!important;font-size:14px!important;padding:0 14px!important;border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:filter .25s;text-align:center;line-height:1.2}
body.m30-chrome ul.products li.product .button:hover{filter:brightness(1.15)}
body.m30-chrome ul.products li.product .added_to_cart{display:block;text-align:center;margin-top:8px;font-size:13px;color:var(--a)}
/* hover: thin border light that follows the cursor (set by m30-chrome.js) */
body.m30-chrome ul.products li.product::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),var(--a) 0%,var(--a) 25%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .3s}
body.m30-chrome ul.products li.product.is-hot::before,body.m30-chrome ul.products li.product:hover::before{opacity:1}
body.m30-chrome ul.products li.product.is-hot,body.m30-chrome ul.products li.product:hover{box-shadow:0 18px 36px -14px rgba(20,24,22,.22)}
body.m30-chrome .woocommerce-pagination ul{border:0!important;display:flex!important;justify-content:center;gap:6px}
body.m30-chrome .woocommerce-pagination ul li{border:0!important}
body.m30-chrome .woocommerce-pagination ul li a,body.m30-chrome .woocommerce-pagination ul li span{display:grid!important;place-items:center;min-width:42px;height:42px;border-radius:999px;background:#fff;border:1px solid rgba(28,33,30,.08)}
body.m30-chrome .woocommerce-pagination ul li span.current{background:#2f6b4f;color:#fff}
@media (max-width:1024px){body.m30-chrome ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  body.m30-chrome ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.m30-chrome ul.products li.product{border-radius:18px;padding:6px 6px 10px!important}
  body.m30-chrome ul.products li.product .woocommerce-loop-product__title{font-size:13.5px!important;padding:0 4px!important}
  body.m30-chrome ul.products li.product .price{font-size:14px!important;padding:0 4px}
  body.m30-chrome ul.products li.product .button{min-height:40px;font-size:12.5px!important;padding:0 8px!important}
}

/* ---------- category pages built with the Element Pack product grid (e.g. مبل کلاسیک) ---------- */
body.m30-chrome .bdt-wc-product-inner{
  --a:#2f6b4f;position:relative;isolation:isolate;overflow:hidden;height:100%;display:flex;flex-direction:column;
  background:#fff!important;border:1px solid rgba(28,33,30,.08)!important;border-radius:24px!important;padding:8px 8px 14px!important;
  box-shadow:none!important;font-family:Vazirmatn,Kalameh,Tahoma,sans-serif;text-align:right;transition:box-shadow .4s ease}
body.m30-chrome .bdt-wc-product-image{border-radius:18px;overflow:hidden;background:#f4f2ee!important;aspect-ratio:1/1;margin-bottom:12px}
body.m30-chrome .bdt-wc-product-image img{width:100%!important;height:100%!important;object-fit:contain;display:block}
body.m30-chrome .bdt-wc-product-image .bdt-wc-add-to-cart{position:absolute;inset:auto 10px 10px 10px;opacity:0;transition:opacity .3s}
body.m30-chrome .bdt-wc-product-inner:hover .bdt-wc-add-to-cart,body.m30-chrome .bdt-wc-product-inner.is-hot .bdt-wc-add-to-cart{opacity:1}
body.m30-chrome .bdt-wc-product-image .bdt-wc-add-to-cart .button{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;border-radius:999px!important;background:#1c211e!important;color:#fff!important;font-size:13.5px!important;font-weight:700!important;border:0!important;padding:0 12px!important}
body.m30-chrome .bdt-wc-product-desc{padding:0 8px!important;display:flex;flex-direction:column;gap:6px;flex:1;background:none!important}
body.m30-chrome .bdt-wc-product-title,body.m30-chrome .bdt-wc-product-title a{font-size:15px!important;font-weight:800!important;line-height:1.6!important;color:#1c211e!important;margin:0!important;text-align:right!important}
body.m30-chrome .bdt-wc-product-price{margin-top:auto;text-align:right!important}
body.m30-chrome .bdt-wc-product-price .price{display:flex!important;flex-direction:column;gap:2px;margin:0!important;font-variant-numeric:tabular-nums;align-items:flex-start}
body.m30-chrome .bdt-wc-product-price del,body.m30-chrome .bdt-wc-product-price del *{font-size:12.5px!important;color:#8a918b!important;font-weight:500!important}
body.m30-chrome .bdt-wc-product-price ins,body.m30-chrome .bdt-wc-product-price ins *{text-decoration:none!important;background:none!important;color:#1c211e!important;font-size:16px!important;font-weight:900!important}
body.m30-chrome .bdt-wc-product-inner .bdt-badge{top:16px!important;right:16px!important;left:auto!important;margin:0!important;z-index:4}
body.m30-chrome .bdt-wc-product-inner .bdt-onsale{display:inline-block;padding:6px 10px!important;border-radius:999px!important;background:var(--a)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;min-height:0!important}
body.m30-chrome .bdt-wc-rating:empty{display:none}
body.m30-chrome .bdt-wc-product-inner::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),var(--a) 0%,var(--a) 25%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .3s}
body.m30-chrome .bdt-wc-product-inner.is-hot::before,body.m30-chrome .bdt-wc-product-inner:hover::before{opacity:1}
body.m30-chrome .bdt-wc-product-inner.is-hot,body.m30-chrome .bdt-wc-product-inner:hover{box-shadow:0 18px 36px -14px rgba(20,24,22,.22)!important}

body.m30-chrome .bdt-wc-product-inner .bdt-wc-product-image>a{display:block;height:100%}
body.m30-chrome .bdt-wc-product-inner .bdt-badge .bdt-onsale,body.m30-chrome .bdt-wc-products .bdt-wc-product-inner .bdt-onsale{background:#2f6b4f!important;background-color:#2f6b4f!important;color:#fff!important;border-radius:999px!important}

body.m30-chrome .bdt-wc-product-inner .bdt-badge{background:none!important;background-color:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}

/* ---------- store pages (product, cart, checkout, account): brand colour + softer forms ---------- */
/* the Rubikto widgets ship a purple accent; map it to the Mobl30 green */
body.m30-chrome [class*="bg-[#7c3aed]"]{background-color:#2f6b4f!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px -6px rgba(47,107,79,.45)}
body.m30-chrome [class*="hover:bg-[#5a31f4]"]:hover{background-color:#24563f!important}
body.m30-chrome [class*="border-[#5A31F4]"],body.m30-chrome [class*="focus:border-[#a58cf7]"]:focus{border-color:#2f6b4f!important}
body.m30-chrome [class*="ring-[#5A31F4]"]{--tw-ring-color:#2f6b4f!important}
body.m30-chrome [class*="hover:text-[#5A31F4]"]:hover{color:#2f6b4f!important}
body.m30-chrome [class*="text-[#a58cf7]"]{color:#2f6b4f!important}
body.m30-chrome [class*="bg-[#ede7fa]"]{background:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 32px rgba(20,24,22,.07)}
body.m30-chrome [class*="border-[#bba6f7]"]{border-color:rgba(255,255,255,.9)!important}
body.m30-chrome .hep-pd{font-family:Vazirmatn,Kalameh,Tahoma,sans-serif}
body.m30-chrome .hep-pd img{border-radius:20px}
body.m30-chrome .hep-pd .bg-white{border-radius:28px;border:1px solid rgba(28,33,30,.06)}
body.m30-chrome .hep-pd h1{font-weight:900;color:#1c211e}
/* classic WooCommerce forms and buttons (cart / checkout / account, when used) */
body.m30-chrome.woocommerce-page .button:not(.m30-btn),body.m30-chrome .woocommerce .button:not(.m30-btn),body.m30-chrome #place_order{
  border-radius:999px!important;background:#2f6b4f!important;color:#fff!important;border:0!important;font-weight:800!important;min-height:48px;padding:0 24px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
body.m30-chrome.woocommerce-page .button:not(.m30-btn):hover,body.m30-chrome #place_order:hover{filter:brightness(1.08)}
body.m30-chrome .woocommerce form .input-text,body.m30-chrome .woocommerce form select,body.m30-chrome .woocommerce-page form .input-text{
  min-height:48px;border-radius:14px!important;border:1px solid rgba(28,33,30,.14)!important;background:#fff!important;padding:10px 14px!important;font-size:16px!important}
body.m30-chrome .woocommerce form .input-text:focus{outline:2px solid #2f6b4f;outline-offset:1px;border-color:transparent!important}
body.m30-chrome .woocommerce-message,body.m30-chrome .woocommerce-info,body.m30-chrome .woocommerce-error{border-radius:16px;border-top-color:#2f6b4f!important;background:rgba(255,255,255,.75)!important}
body.m30-chrome .woocommerce-message::before,body.m30-chrome .woocommerce-info::before{color:#2f6b4f!important}
body.m30-chrome .woocommerce table.shop_table{border-radius:20px!important;overflow:hidden;background:#fff;border-color:rgba(28,33,30,.08)!important}
/* category grid: long prices wrap instead of overflowing on phones */
@media (max-width:767px){body.m30-chrome ul.products li.product .price .amount{font-size:13px!important;white-space:normal;word-break:break-word}}
