/* MANNAT Modern Account Dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%;margin:0 0 22px}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:8px;background:#f0f6fd;border:1px solid #e3edf8;border-radius:15px;list-style:none}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:7px;padding:12px 15px;border-radius:10px;color:#17243a;text-decoration:none;font-size:14px;font-weight:600;transition:.2s}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#e2efff;color:#0866d8}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#0866d8;color:#fff;box-shadow:0 5px 14px rgba(8,102,216,.18)}
.mmad-dashboard{--mmad-blue:#0866d8;color:#18243a}
.mmad-welcome{position:relative;display:flex;align-items:center;gap:22px;overflow:hidden;padding:25px 28px;margin:0 0 18px;background:linear-gradient(110deg,#eaf4ff,#d9ebff);border:1px solid #d8eaff;border-radius:17px}
.mmad-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 82px;width:82px;height:82px;border:7px solid rgba(255,255,255,.75);border-radius:50%;background:#0866d8;color:#fff;font-size:35px;font-weight:700;box-shadow:0 5px 16px rgba(8,102,216,.16)}
.mmad-welcome-copy{position:relative;z-index:1}
.mmad-welcome h2{margin:0 0 4px;color:#15233a;font-size:27px;line-height:1.2;font-weight:750}
.mmad-welcome h2:after{content:none}
.mmad-welcome h2{ }
.mmad-welcome-sub{margin:0 0 5px;font-size:16px;font-weight:600;color:#243751}
.mmad-welcome-desc{margin:0;color:#53647a;font-size:14px}
.mmad-welcome-art{margin-left:auto;color:rgba(8,102,216,.18);font-size:76px;line-height:1}
.mmad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.mmad-stat-card{display:flex;align-items:center;gap:13px;min-width:0;padding:17px 15px;border:1px solid;border-radius:15px}
.mmad-stat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--tone);color:#fff;font-size:25px;font-weight:700}
.mmad-stat-number{display:block;font-size:27px;line-height:1.1;color:#15233a}
.mmad-stat-label{display:block;margin-top:4px;font-size:14px;font-weight:700;color:#17243a}
.mmad-stat-card small{display:block;margin-top:2px;color:#68788d;font-size:11px}
.tone-blue{--tone:#2684e8;background:#eff7ff;border-color:#d6eaff}
.tone-orange{--tone:#f28a16;background:#fff8ed;border-color:#ffebce}
.tone-green{--tone:#19a765;background:#effbf5;border-color:#d5f3e3}
.tone-purple{--tone:#8b5bd6;background:#f7f2ff;border-color:#e9ddff}
.tone-red{--tone:#ed5555;background:#fff3f3;border-color:#ffdddd}
.mmad-panel{padding:19px;margin:0 0 17px;background:#fff;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 3px 13px rgba(30,55,90,.035)}
.mmad-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.mmad-section-heading h3{display:flex;align-items:center;gap:9px;margin:0;color:#17243a;font-size:19px;font-weight:750}
.mmad-heading-icon{color:#0866d8;font-size:22px}
.mmad-text-link{color:#0866d8;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.mmad-order-table-wrap{overflow-x:auto}
.mmad-order-table{width:100%;border-collapse:collapse;font-size:13px}
.mmad-order-table th{padding:12px 10px;background:#f2f6fb;color:#26364d;text-align:left;font-weight:700;white-space:nowrap}
.mmad-order-table td{padding:11px 10px;border-bottom:1px solid #edf1f5;color:#4c5c70;vertical-align:middle}
.mmad-order-table tr:last-child td{border-bottom:0}
.mmad-order-table td strong{color:#0866d8}
.mmad-status{display:inline-block;padding:5px 10px;border-radius:20px;background:#eef2f7;color:#536174;font-size:11px;font-weight:700;white-space:nowrap}
.mmad-status.status-completed{background:#dcf8e8;color:#16834e}
.mmad-status.status-processing{background:#e5f1ff;color:#0866d8}
.mmad-status.status-on-hold{background:#fff1d8;color:#a86a00}
.mmad-status.status-cancelled,.mmad-status.status-failed,.mmad-status.status-refunded{background:#ffe8e8;color:#c33}
.mmad-view-button{display:inline-block;padding:7px 12px;border:1px solid #8dbdff;border-radius:7px;color:#0866d8;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.mmad-view-button:hover{background:#0866d8;color:#fff}
.mmad-empty{padding:18px;background:#f7faff;border-radius:10px;color:#596a80}
.mmad-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mmad-quick-card{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:125px;padding:14px 9px;border:1px solid;border-radius:13px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}
.mmad-quick-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,55,90,.08)}
.mmad-quick-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:8px;border-radius:50%;background:var(--tone);color:#fff;font-size:23px;font-weight:700}
.mmad-quick-card strong{color:#17243a;font-size:13px}
.mmad-quick-card small{margin-top:4px;color:#68788d;font-size:11px;line-height:1.35}
.mmad-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mmad-account-info{margin:0}
.mmad-account-info div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:13px}
.mmad-account-info div:last-child{border:0}
.mmad-account-info dt{color:#526176;font-weight:700}
.mmad-account-info dd{margin:0;color:#34445a;text-align:right;overflow-wrap:anywhere}
.amad-help-panel{background:linear-gradient(110deg,#fff,#f2f8ff)}
.amad-help-panel p{color:#5a6b80;font-size:13px}
.mmad-primary-button{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;background:#0866d8;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.mmad-primary-button:hover{background:#0756b6;color:#fff}
.mmad-mobile-bottom{display:none}
@media(max-width:900px){
 .mmad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mmad-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .woocommerce-account .woocommerce-MyAccount-navigation ul{gap:3px}
 .woocommerce-account .woocommerce-MyAccount-navigation li a{padding:10px 11px;font-size:13px}
}
@media(max-width:767px){
 body.woocommerce-account{padding-bottom:76px}
 .woocommerce-account .woocommerce-MyAccount-navigation{margin:0 0 15px}
 .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:12px}
 .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
 .woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto}
 .woocommerce-account .woocommerce-MyAccount-navigation li a{padding:9px 12px;font-size:12px;white-space:nowrap}
 .mmad-welcome{gap:12px;padding:16px;margin-bottom:13px;border-radius:14px}
 .mmad-avatar{flex-basis:57px;width:57px;height:57px;border-width:4px;font-size:24px}
 .mmad-welcome h2{font-size:20px}
 .mmad-welcome-sub{font-size:13px}
 .mmad-welcome-desc{font-size:11px;line-height:1.4}
 .mmad-welcome-art{display:none}
 .mmad-stats{gap:9px;margin-bottom:13px}
 .mmad-stat-card{gap:9px;padding:12px 10px;border-radius:12px}
 .mmad-stat-icon{flex-basis:36px;width:36px;height:36px;font-size:19px}
 .mmad-stat-number{font-size:21px}
 .mmad-stat-label{font-size:12px}
 .mmad-stat-card small{font-size:10px}
 .mmad-panel{padding:14px;margin-bottom:13px;border-radius:13px}
 .mmad-section-heading{margin-bottom:11px}
 .mmad-section-heading h3{font-size:16px}
 .mmad-text-link{font-size:11px}
 .mmad-order-table-wrap{overflow:visible}
 .mmad-order-table,.mmad-order-table tbody,.mmad-order-table tr,.mmad-order-table td{display:block;width:100%}
 .mmad-order-table thead{display:none}
 .mmad-order-table tr{position:relative;margin:0 0 10px;padding:8px 10px;border:1px solid #e9eff6;border-radius:10px;background:#fff}
 .mmad-order-table tr:last-child{margin-bottom:0}
 .mmad-order-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border:0;font-size:12px;text-align:right}
 .mmad-order-table td:before{content:attr(data-label);color:#6b7b8f;font-weight:600;text-align:left}
 .mmad-view-button{padding:6px 10px}
 .mmad-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .mmad-quick-card{min-height:102px;padding:10px 5px;border-radius:11px}
 .mmad-quick-icon{width:34px;height:34px;margin-bottom:6px;font-size:19px}
 .mmad-quick-card strong{font-size:11px}
 .mmad-quick-card small{font-size:9px}
 .mmad-bottom-grid{grid-template-columns:1fr;gap:0}
 .mmad-account-info div{font-size:12px}
 .mmad-mobile-bottom{position:fixed;z-index:99999;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e5ebf2;box-shadow:0 -4px 18px rgba(30,55,90,.08)}
 .mmad-mobile-bottom>a,.mmad-mobile-bottom>button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;padding:3px 1px;border:0;background:transparent;color:#66758a;text-decoration:none;font:600 10px/1.2 inherit}
 .mmad-mobile-bottom>a span,.mmad-mobile-bottom>button span{font-size:19px;line-height:1.1}
 .mmad-mobile-bottom>a.is-current{color:#0866d8}
 .mmad-more-menu{position:absolute;right:8px;bottom:65px;display:none;min-width:165px;padding:7px;background:#fff;border:1px solid #e5ebf2;border-radius:11px;box-shadow:0 8px 24px rgba(20,40,70,.16)}
 .mmad-more-menu.is-open{display:block}
 .mmad-more-menu a{display:block;padding:10px;color:#26364d;text-decoration:none;font-size:13px;border-radius:7px}
 .mmad-more-menu a:hover{background:#f1f6fc}
}


/* v1.0.2: crisp SVG icons in the mobile bottom navigation */
@media(max-width:767px){
 .mmad-mobile-bottom .mmad-nav-item{
   display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;
   gap:5px;min-width:0;padding:5px 2px;border:0;background:transparent;
   color:#68778b;text-decoration:none;font:600 11px/1.2 inherit;cursor:pointer;
 }
 .mmad-mobile-bottom .mmad-nav-icon{
   display:block;width:23px;height:23px;fill:none;stroke:currentColor;
   stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
   flex:0 0 23px;
 }
 .mmad-mobile-bottom .mmad-nav-item.is-current{color:#0866d8}
 .mmad-mobile-bottom .mmad-nav-item:focus-visible{outline:2px solid #0866d8;outline-offset:-2px;border-radius:8px}
 .mmad-mobile-bottom .mmad-more-menu{z-index:2}
}

/* v1.0.4: keep original Home / Orders / Account / Support / More menu; apply colorful app-style icons */
@media(max-width:767px){
 .mmad-mobile-bottom{
   position:fixed;z-index:99999;right:0;bottom:0;left:0;
   display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;
   gap:2px;padding:9px 7px calc(9px + env(safe-area-inset-bottom));
   background:rgba(255,255,255,.98);border-top:1px solid #edf0f4;
   box-shadow:0 -5px 20px rgba(24,42,68,.07);
 }
 .mmad-mobile-bottom .mmad-bottom-item{
   display:flex;min-width:0;align-items:center;justify-content:flex-start;
   flex-direction:column;gap:7px;padding:0 2px;border:0;background:transparent;
   color:#626b70;text-decoration:none;font:600 11px/1.2 inherit;text-align:center;cursor:pointer;
 }
 .mmad-mobile-bottom .mmad-bottom-icon{
   display:flex;align-items:center;justify-content:center;
   width:54px;height:54px;border-radius:18px;
   box-shadow:0 5px 13px rgba(30,50,70,.055);
 }
 .mmad-mobile-bottom .mmad-bottom-icon svg{
   display:block;width:31px;height:31px;fill:none;stroke:currentColor;
   stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;
 }
 .mmad-mobile-bottom .item-home .mmad-bottom-icon{background:#e3f5eb;color:#168451}
 .mmad-mobile-bottom .item-orders .mmad-bottom-icon{background:#e7efff;color:#2865b8}
 .mmad-mobile-bottom .item-account .mmad-bottom-icon{background:#f0e5ff;color:#8252bd}
 .mmad-mobile-bottom .item-support .mmad-bottom-icon{background:#fff0c9;color:#b27a08}
 .mmad-mobile-bottom .item-more .mmad-bottom-icon{background:#ffe5eb;color:#d34e72}
 .mmad-mobile-bottom .item-account .mmad-bottom-label{color:#8252bd}
 .mmad-mobile-bottom .mmad-bottom-label{display:block;white-space:nowrap;font-size:11px}
 .mmad-mobile-bottom .mmad-bottom-item:focus-visible{outline:2px solid #0866d8;outline-offset:2px;border-radius:8px}
 .mmad-mobile-bottom .mmad-more-menu{z-index:2}
 body.woocommerce-account{padding-bottom:105px}
}
@media(max-width:380px){
 .mmad-mobile-bottom{padding-right:3px;padding-left:3px}
 .mmad-mobile-bottom .mmad-bottom-icon{width:47px;height:47px;border-radius:15px}
 .mmad-mobile-bottom .mmad-bottom-icon svg{width:27px;height:27px}
 .mmad-mobile-bottom .mmad-bottom-label{font-size:10px}
}

/* v1.0.5: Logout replaces More in the mobile bottom navigation */
@media(max-width:767px){
 .mmad-mobile-bottom .item-logout .mmad-bottom-icon{background:#ffe5eb;color:#d34e72}
 .mmad-mobile-bottom .item-logout .mmad-bottom-label{color:#d34e72}
}


/* v1.0.6: compact bottom navigation sizing to match the second reference image */
@media(max-width:767px){
 .mmad-mobile-bottom{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}
 .mmad-mobile-bottom .mmad-bottom-item{gap:6px}
 .mmad-mobile-bottom .mmad-bottom-icon{
   width:40px;height:40px;border-radius:14px;
   box-shadow:0 4px 10px rgba(30,50,70,.045)
 }
 .mmad-mobile-bottom .mmad-bottom-icon svg{width:24px;height:24px}
 .mmad-mobile-bottom .mmad-bottom-label{font-size:10px;line-height:1.15}
 body.woocommerce-account{padding-bottom:82px}
}
@media(max-width:380px){
 .mmad-mobile-bottom .mmad-bottom-icon{width:37px;height:37px;border-radius:13px}
 .mmad-mobile-bottom .mmad-bottom-icon svg{width:22px;height:22px}
 .mmad-mobile-bottom .mmad-bottom-label{font-size:9px}
}