/* Ilmora Shop 1.4.9 · © 2026 ilmora.studio · t.me/ilmorastudio
 * Gold (metal) look for every gold-filled button and mark of the MAFAZI pages, and a shine that moves over
 * the button from left to right on hover. The selectors have one more class than the page styles, so they win
 * without changing the 35 pages. */
#mzpage{
  --mz-metal:linear-gradient(115deg,#A9812F 0%,#CFA94E 22%,#F3DFA0 46%,#D4AF5F 64%,#B08A38 82%,#DDBF70 100%);
  --mz-metal-soft:linear-gradient(115deg,#C29A44 0%,#DDBC6A 26%,#F1DC9C 50%,#DDBB66 72%,#C49C47 100%);
  --mz-metal-hover:linear-gradient(115deg,#B58C34 0%,#DAB45A 22%,#FAEBB4 46%,#E0BC68 64%,#BC9340 82%,#E8CC82 100%);
}

/* ---------- buttons ---------- */
#mzpage .mz-b.mz-b--gold,
#mzpage .mz-btn-gold.mz-btn-gold,
#mzpage .ils-content .wc-block-components-button:not(.is-link):not(.outlined),
#mzpage .ils-content .woocommerce a.button,
#mzpage .ils-content .woocommerce button.button,
#mzpage .ils-content .woocommerce input.button{
  position:relative;overflow:hidden;isolation:isolate;
  background:var(--mz-metal)!important;color:#0A1213!important;
  border:1px solid #B8923F!important;
  box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(90,60,10,.18);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .35s,filter .3s}
#mzpage .mz-b.mz-b--gold::after,
#mzpage .mz-btn-gold.mz-btn-gold::after,
#mzpage .ils-content .wc-block-components-button:not(.is-link):not(.outlined)::after,
#mzpage .ils-content .woocommerce a.button::after,
#mzpage .ils-content .woocommerce button.button::after,
#mzpage .ils-content .woocommerce input.button::after{
  content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;z-index:2;pointer-events:none;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.78),rgba(255,255,255,0));
  transition:left .8s cubic-bezier(.22,1,.36,1)}
#mzpage .mz-b.mz-b--gold:hover,
#mzpage .mz-btn-gold.mz-btn-gold:hover,
#mzpage .ils-content .wc-block-components-button:not(.is-link):not(.outlined):hover,
#mzpage .ils-content .woocommerce a.button:hover,
#mzpage .ils-content .woocommerce button.button:hover,
#mzpage .ils-content .woocommerce input.button:hover{
  background:var(--mz-metal-hover)!important;color:#0A1213!important;border-color:#D4AF5F!important;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(212,175,95,.30),0 0 0 1px rgba(255,236,160,.35),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(90,60,10,.18)}
#mzpage .mz-b.mz-b--gold:hover::after,
#mzpage .mz-btn-gold.mz-btn-gold:hover::after,
#mzpage .ils-content .wc-block-components-button:not(.is-link):not(.outlined):hover::after,
#mzpage .ils-content .woocommerce a.button:hover::after,
#mzpage .ils-content .woocommerce button.button:hover::after,
#mzpage .ils-content .woocommerce input.button:hover::after{left:135%}
#mzpage .mz-b.mz-b--gold:active,#mzpage .mz-btn-gold.mz-btn-gold:active{transform:translateY(0) scale(.985);transition-duration:.08s}
#mzpage .ils-content .wc-block-components-button:disabled::after{display:none}

/* ---------- gold marks and active switches (same metal, no shine) ---------- */
#mzpage .mz-sw button[aria-pressed="true"],
#mzpage .mz-fl button[aria-pressed="true"]{background:var(--mz-metal)!important;color:#0A1213;border-color:#B8923F;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(90,60,10,.16)}
#mzpage .mz-st:hover i,
#mzpage .mz-st.on .mz-st__n,
#mzpage .mz-tr i{background:var(--mz-metal)!important;color:#0A1213}
#mzpage .mz-bl li::before{background:var(--mz-metal)}
#mzpage .ils-content .wc-block-components-order-summary-item__quantity{background:var(--mz-metal)!important}

/* ---------- home page: the gold section, the active tab and the switch ---------- */
#mzpage .mz-gold-sec.mz-gold-sec{background:var(--mz-metal-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(90,60,10,.18)}
#mzpage .fa-tab.on{background:var(--mz-metal)!important;border-color:#B8923F;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
#mzpage .mz-switch[aria-pressed="true"] i{background:var(--mz-metal)}