/*
Theme Name: MozTech App Theme
Author: MozTechDevelopers
Version: 1.3
Description: Ultra clean thin-button medical app theme.
*/

:root{
 --g1:#1fb874;
 --g2:#0f7a4d;
 --text:#0b3d2c;
}

body{
 margin:0;
 font-family:system-ui,-apple-system,Segoe UI,Roboto;
 background:linear-gradient(180deg,#f6fffb,#e9f7f0);
 color:var(--text);
}

/* layout */
.moz-wrap{
 max-width:820px;
 margin:auto;
 padding:16px;
}

/* ===== ULTRA THIN PREMIUM BUTTONS ===== */
a,
button,
input[type=submit],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button{
 text-decoration:none!important;
}

a.mozbtn,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.moz-panel a,
.moz-wrap a[href]{
 display:block;
 background:linear-gradient(180deg,var(--g1),var(--g2));
 color:#fff!important;
 padding:8px 14px;
 border-radius:8px;
 text-align:center;
 font-weight:600;
 margin:5px 0;
 font-size:13px;
 letter-spacing:.2px;
 box-shadow:0 4px 10px rgba(0,0,0,.10);
}

/* remove bullets from menus/lists */
ul, li{
 list-style:none!important;
 margin-left:0!important;
 padding-left:0!important;
}

/* ===== 3 DOT MENU ===== */
.moz-menu{
 position:fixed;
 top:12px;
 right:12px;
 z-index:9999;
}
.moz-dot{
 width:34px;
 height:34px;
 border-radius:8px;
 border:none;
 font-size:18px;
 background:#fff;
 box-shadow:0 5px 12px rgba(0,0,0,.15);
}
.moz-panel{
 display:none;
 position:absolute;
 right:0;
 top:42px;
 width:190px;
 background:#fff;
 border-radius:12px;
 box-shadow:0 18px 30px rgba(0,0,0,.15);
 padding:8px;
}
.moz-panel a{
 padding:8px 10px;
 font-size:12.5px;
 border-radius:8px;
}
.moz-menu.open .moz-panel{display:block}