/* v3.7.6 – Glassmorphism for every page EXCEPT Home, single Product, Header and Footer (body.mop-glass is added only there).
   Only backgrounds / borders / shadows / blur are touched – no fonts, sizes or layout. */
body.mop-glass{--gl-bg:rgba(255,255,255,.55);--gl-bg2:rgba(255,255,255,.74);--gl-line:rgba(255,255,255,.8);--gl-sh:0 12px 36px rgba(10,70,50,.10),0 1px 0 rgba(255,255,255,.85) inset;--gl-blur:blur(16px) saturate(1.4);background-color:#e6f6ee}
body.mop-glass::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(820px 520px at 4% 2%,rgba(75,224,143,.34),transparent 62%),
  radial-gradient(760px 520px at 100% 12%,rgba(103,190,214,.28),transparent 62%),
  radial-gradient(760px 520px at 55% 105%,rgba(245,196,81,.16),transparent 65%),
  linear-gradient(165deg,#e4f7ee,#e5f1f7)}

/* sections become see-through so the gradient shows; hero / CTA bands keep their own colour */
body.mop-glass .mop-s:not(.mop-s-hero):not(.mop-s-cta),body.mop-glass .e-con.mop-s:not(.mop-s-hero):not(.mop-s-cta){background:transparent!important}
body.mop-glass main,body.mop-glass .mop-page,body.mop-glass .mop-pagebody{background:transparent}

/* glass cards */
body.mop-glass .mop-s .card,body.mop-glass .mop-s .step,body.mop-glass .mop-cform,body.mop-glass .mop-s-text .mop-prose,body.mop-glass .e-con.mop-prose,
body.mop-glass .mop-s-code.is-card .mop-codebox,body.mop-glass .mop-faqs .elementor-accordion-item,body.mop-glass .mop-faqs details,body.mop-glass .mop-faq details,
body.mop-glass .mop-pagebody>.mop-container>article,body.mop-glass .mop-authbox,body.mop-glass .mop-bigsearch,body.mop-glass .mop-pcard,body.mop-glass .mop-catgrid a,body.mop-glass .mop-cat,
body.mop-glass .mop-sub,body.mop-glass .mop-news,body.mop-glass .mop-empty,body.mop-glass .mop-clist .comment-body,body.mop-glass .mop-nf .nf-search,
body.mop-glass .woocommerce-cart table.shop_table,body.mop-glass .woocommerce-cart .cart-collaterals .cart_totals,body.mop-glass .woocommerce-checkout table.shop_table,
body.mop-glass .woocommerce-checkout form.checkout #customer_details,body.mop-glass .woocommerce-checkout form.checkout #order_review,body.mop-glass .woocommerce-checkout #order_review,
body.mop-glass .woocommerce-account .woocommerce-MyAccount-content,body.mop-glass .woocommerce-MyAccount-navigation,body.mop-glass .woocommerce-order,
body.mop-glass .mop-ty-box,body.mop-glass .mop-ty-sum>div,body.mop-glass .mop-dash-stats .st,body.mop-glass .mop-dash-orders .row,body.mop-glass .mop-dash-quick a,body.mop-glass .mop-wallet,body.mop-glass .mop-walletpick,
body.mop-glass .woocommerce #payment div.payment_box,body.mop-glass .woocommerce-checkout #payment ul.payment_methods li,body.mop-glass .mop-setcard,body.mop-glass .mop-pm-item{
  background:var(--gl-bg)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--gl-line)!important;box-shadow:var(--gl-sh)!important}
body.mop-glass .mop-s .card:hover,body.mop-glass .mop-pcard:hover,body.mop-glass .mop-catgrid a:hover{background:var(--gl-bg2)!important}
/* shop archive / wishlist / search product cards */
body.mop-glass .mop-card{background:var(--gl-bg)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--gl-line)!important;box-shadow:var(--gl-sh)!important}
/* inputs on glass pages */
body.mop-glass .mop-cform-f input[type=text],body.mop-glass .mop-cform-f select,body.mop-glass .mop-cform-f textarea,
body.mop-glass .woocommerce form .input-text,body.mop-glass .woocommerce form select,body.mop-glass .select2-container .select2-selection{background:rgba(255,255,255,.72)!important;border-color:rgba(14,107,67,.16)!important}
/* table rows stay readable */
body.mop-glass .woocommerce table.shop_table th,body.mop-glass .woocommerce table.shop_table td{background:transparent}
/* login / sign-up: no footer (extra safety if another plugin prints one) */
body.mop-auth-page .mop-footer,body.mop-auth-page footer.hfe-footer,body.mop-auth-page .mopf{display:none!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  body.mop-glass{--gl-bg:rgba(255,255,255,.9)}
}