/* ==========================================================================
   MEDTRONEX WOODMART-INSPIRED UNIFIED THEME
   Original implementation — not a copy of WoodMart assets/source/UI.
   Loaded LAST so the old visual theme is intentionally superseded.
   ========================================================================== */

:root{
  --mdx-brand:#10847E;
  --mdx-brand-dark:#0b6f6a;
  --mdx-brand-soft:#eef9f8;
  --mdx-accent:#0f9d58;
  --mdx-text:#1f2937;
  --mdx-muted:#6b7280;
  --mdx-faint:#9ca3af;
  --mdx-bg:#f7f8fa;
  --mdx-surface:#fff;
  --mdx-line:#e8eaed;
  --mdx-radius:10px;
  --mdx-radius-lg:14px;
  --mdx-shadow:0 2px 14px rgba(20,35,45,.06);
  --mdx-shadow-hover:0 8px 28px rgba(20,35,45,.11);
}

/* ---------- universal ---------- */
html{scroll-behavior:smooth}
body:not(.admin-body){
  background:var(--mdx-bg);
  color:var(--mdx-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.55;
}
body:not(.admin-body) a{color:var(--mdx-brand)}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4{color:var(--mdx-text);letter-spacing:-.01em}
body:not(.admin-body) .container{width:min(1320px,calc(100% - 32px));}

/* ---------- marketplace header ---------- */
.site-header,.main-header,.header-main,.header-inner{
  background:#fff!important;
}
.site-header{
  border-bottom:1px solid var(--mdx-line);
  box-shadow:0 1px 8px rgba(0,0,0,.035);
}
.topbar,.header-top{
  background:#fff!important;
  color:var(--mdx-muted)!important;
  border-bottom:1px solid #f0f1f2!important;
  font-size:12px!important;
}
.header-main,.header-inner{
  min-height:68px!important;
}
.header-main .container,.header-inner{
  gap:16px;
}
.logo,.brand,.site-logo{color:var(--mdx-text)!important}
.logo img,.brand img,.site-logo img{max-height:46px;width:auto}
.search-wrap,.header-search,.search-box,.search-form{
  border-color:#dfe4e6!important;
}
.search-wrap input,.header-search input,.search-box input,.search-form input{
  background:#f7f9fa!important;
  color:var(--mdx-text)!important;
  border-color:#e0e5e7!important;
  border-radius:8px!important;
  min-height:42px;
}
.search-wrap input:focus,.header-search input:focus,.search-box input:focus,.search-form input:focus{
  background:#fff!important;border-color:var(--mdx-brand)!important;
  box-shadow:0 0 0 3px rgba(16,132,126,.08)!important;
}
.header-actions a,.header-actions button,.header-icon,.account-link,.cart-link,.wishlist-link{
  color:var(--mdx-text)!important;
}
.header-actions a:hover,.header-actions button:hover,.header-icon:hover{
  color:var(--mdx-brand)!important;
}

/* ---------- primary navigation / WoodMart-inspired shop nav ---------- */
.main-nav,.primary-nav,.navigation,.nav-bar{
  background:#fff!important;
  border-top:1px solid #f1f2f3!important;
  border-bottom:1px solid var(--mdx-line)!important;
}
.main-nav a,.primary-nav a,.navigation a,.nav-bar a{
  color:#334155!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.01em;
}
.main-nav a:hover,.primary-nav a:hover,.navigation a:hover,.nav-bar a:hover,
.main-nav .active>a,.primary-nav .active>a{
  color:var(--mdx-brand)!important;
}
.dropdown-menu,.mega-menu,.nav-dropdown{
  background:#fff!important;
  border:1px solid var(--mdx-line)!important;
  box-shadow:0 12px 35px rgba(20,35,45,.12)!important;
  border-radius:0 0 10px 10px!important;
}
.dropdown-menu a,.mega-menu a,.nav-dropdown a{color:#475569!important}
.dropdown-menu a:hover,.mega-menu a:hover,.nav-dropdown a:hover{
  background:var(--mdx-brand-soft)!important;color:var(--mdx-brand)!important;
}

/* ---------- content sections ---------- */
.section,.content-section,.shop-section{
  margin-block:22px;
}
.card,.product-card,.category-card,.shop-card,.panel,.box,.content-card{
  background:#fff!important;
  border:1px solid var(--mdx-line)!important;
  border-radius:var(--mdx-radius-lg)!important;
  box-shadow:var(--mdx-shadow)!important;
}
.card:hover,.product-card:hover,.category-card:hover,.shop-card:hover{
  box-shadow:var(--mdx-shadow-hover)!important;
  border-color:#d8e3e3!important;
}
.product-card .product-title,.product-card h3,.product-card h4{
  color:var(--mdx-text)!important;font-weight:600!important;font-size:14px!important;
}
.product-card .price,.product-price,.sale-price{
  color:var(--mdx-text)!important;font-weight:700!important;
}
.product-card .mrp,.old-price,.regular-price{
  color:#9ca3af!important;
}
.product-card .discount,.discount-badge,.save-badge{
  color:var(--mdx-accent)!important;
}
.badge,.tag,.pill{
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:600!important;
}

/* ---------- buttons ---------- */
body:not(.admin-body) .btn-primary,
body:not(.admin-body) .btn-teal,
body:not(.admin-body) button.btn-primary{
  background:var(--mdx-brand)!important;
  border-color:var(--mdx-brand)!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body:not(.admin-body) .btn-primary:hover,
body:not(.admin-body) .btn-teal:hover{
  background:var(--mdx-brand-dark)!important;
  border-color:var(--mdx-brand-dark)!important;
}
body:not(.admin-body) .btn-outline{
  color:var(--mdx-brand)!important;
  background:#fff!important;
  border-color:#cddedc!important;
}
body:not(.admin-body) .btn-light{
  color:var(--mdx-brand)!important;
  background:var(--mdx-brand-soft)!important;
}

/* ---------- forms ---------- */
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea{
  color:var(--mdx-text);
  border-color:#dfe4e7;
  border-radius:7px;
}
body:not(.admin-body) input:focus,
body:not(.admin-body) select:focus,
body:not(.admin-body) textarea:focus{
  border-color:var(--mdx-brand)!important;
  outline:0;
  box-shadow:0 0 0 3px rgba(16,132,126,.08);
}

/* ---------- shop toolbar/filter ---------- */
.shop-toolbar,.catalog-toolbar,.products-toolbar{
  background:#fff!important;
  border:1px solid var(--mdx-line)!important;
  border-radius:10px!important;
  padding:10px 12px!important;
}
.filter-sidebar,.shop-sidebar,.sidebar,.filters{
  background:#fff!important;
  border-color:var(--mdx-line)!important;
  border-radius:10px!important;
}
.filter-sidebar a,.shop-sidebar a,.sidebar a{color:#475569!important}
.filter-sidebar a:hover,.shop-sidebar a:hover,.sidebar a:hover{color:var(--mdx-brand)!important}

/* ---------- breadcrumbs ---------- */
.breadcrumb,.breadcrumbs{
  color:var(--mdx-muted)!important;
  font-size:12px!important;
}
.breadcrumb a,.breadcrumbs a{color:var(--mdx-brand)!important}

/* ---------- customer/account WoodMart-style shell ---------- */
.account-layout,.customer-layout,.account-shell{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.account-sidebar,.customer-sidebar{
  background:#fff!important;
  border:1px solid var(--mdx-line)!important;
  border-radius:12px!important;
  box-shadow:var(--mdx-shadow)!important;
  overflow:hidden;
}
.account-sidebar a,.customer-sidebar a{
  display:flex!important;
  align-items:center;
  min-height:44px;
  padding:10px 14px!important;
  color:#475569!important;
  border-bottom:1px solid #f1f2f3!important;
}
.account-sidebar a:hover,.customer-sidebar a:hover,
.account-sidebar a.active,.customer-sidebar a.active{
  color:var(--mdx-brand)!important;
  background:var(--mdx-brand-soft)!important;
}
.account-content,.customer-content{
  min-width:0;
}
.account-content .card,.customer-content .card{
  border-radius:12px!important;
}

/* common alternate account markup */
.customer-portal,.account-page{
  background:transparent!important;
}
.customer-portal .sidebar,.account-page .sidebar{
  background:#fff!important;
  border:1px solid var(--mdx-line)!important;
}

/* ---------- mobile customer drawer ---------- */
.customer-menu-toggle,.account-menu-toggle{
  display:none;
}
.customer-drawer-backdrop,.account-drawer-backdrop{
  display:none;
}

/* ---------- footer ---------- */
.site-footer,.footer,.premium-footer{
  background:#fff!important;
  color:#64748b!important;
  border-top:1px solid var(--mdx-line)!important;
}
.site-footer h3,.site-footer h4,.footer h3,.footer h4,.premium-footer h3,.premium-footer h4{
  color:var(--mdx-text)!important;
}
.site-footer a,.footer a,.premium-footer a{color:#64748b!important}
.site-footer a:hover,.footer a:hover,.premium-footer a:hover{color:var(--mdx-brand)!important}

/* ==========================================================================
   ADMIN — complete visual reset to a WoodMart-inspired professional
   commerce control center: white navigation, compact topbar, cards,
   clean tables and teal interaction language.
   ========================================================================== */
body.admin-body{
  --admin-brand:var(--mdx-brand);
  --admin-brand-dark:var(--mdx-brand-dark);
  --admin-bg:#f6f7f8;
  --admin-surface:#fff;
  --admin-text:#1f2937;
  --admin-muted:#6b7280;
  --admin-line:#e6e9eb;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
  font-size:14px!important;
}
.admin-shell{background:var(--admin-bg)!important}
.admin-sidebar{
  width:250px!important;
  background:#fff!important;
  color:#475569!important;
  border-right:1px solid var(--admin-line)!important;
  box-shadow:2px 0 12px rgba(20,35,45,.035)!important;
}
.as-brand{
  background:#fff!important;
  color:var(--admin-text)!important;
  border-bottom:1px solid var(--admin-line)!important;
  padding:17px 16px!important;
}
.as-brand strong{color:var(--admin-text)!important}
.as-brand-copy span,.as-brand-copy small{color:var(--admin-muted)!important}
.logo-mark{
  background:var(--admin-brand)!important;
  color:#fff!important;
  border-radius:8px!important;
}
.admin-sidebar nav a{
  color:#536273!important;
  border-left:3px solid transparent!important;
  border-radius:0!important;
  margin:2px 8px!important;
  padding:9px 12px!important;
  font-size:13px!important;
}
.admin-sidebar nav a:hover,
.admin-sidebar nav a.active{
  color:var(--admin-brand)!important;
  background:var(--mdx-brand-soft)!important;
  border-left-color:var(--admin-brand)!important;
}
.admin-sidebar .nav-section,.admin-sidebar .section-title{
  color:#9aa3ad!important;
}
.admin-main{background:var(--admin-bg)!important;min-width:0}
.admin-topbar{
  background:#fff!important;
  color:var(--admin-text)!important;
  border-bottom:1px solid var(--admin-line)!important;
  box-shadow:0 1px 8px rgba(20,35,45,.035)!important;
  min-height:70px!important;
  padding:10px 18px!important;
}
.admin-topbar #sidebarToggle{
  color:var(--admin-brand)!important;
}
.at-eyebrow{color:var(--admin-brand)!important}
.at-title h1{color:var(--admin-text)!important;font-size:19px!important}
.at-user{color:#475569!important}
.admin-content{
  padding:22px!important;
  max-width:1600px;
  margin:0 auto;
}
.admin-content .card,
.admin-content .panel,
.admin-content .box,
.admin-content .stat-card,
.admin-content .dashboard-card{
  background:#fff!important;
  border:1px solid var(--admin-line)!important;
  border-radius:12px!important;
  box-shadow:var(--mdx-shadow)!important;
}
.admin-content .card:hover,
.admin-content .dashboard-card:hover{box-shadow:var(--mdx-shadow-hover)!important}
.admin-content h1,.admin-content h2,.admin-content h3,.admin-content h4{
  color:var(--admin-text)!important;
}
.admin-content a{color:var(--admin-brand)!important}
.admin-content .btn-primary,.admin-content .btn-success{
  background:var(--admin-brand)!important;
  border-color:var(--admin-brand)!important;
  color:#fff!important;
}
.admin-content .btn-primary:hover,.admin-content .btn-success:hover{
  background:var(--admin-brand-dark)!important;
}
.admin-content .btn-outline{
  background:#fff!important;color:var(--admin-brand)!important;border-color:#cddedc!important;
}
.admin-content input,.admin-content select,.admin-content textarea{
  background:#fff!important;
  color:var(--admin-text)!important;
  border:1px solid #dfe4e7!important;
  border-radius:7px!important;
  min-height:38px;
}
.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{
  border-color:var(--admin-brand)!important;
  box-shadow:0 0 0 3px rgba(16,132,126,.08)!important;
  outline:0!important;
}
.admin-content table{
  background:#fff!important;
  border-color:var(--admin-line)!important;
}
.admin-content th{
  background:#f8fafb!important;
  color:#526170!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.admin-content td{color:#334155!important;border-color:#edf0f2!important}
.admin-content tr:hover td{background:#fbfdfd!important}
.admin-mobile-nav{
  background:#fff!important;
  border-top:1px solid var(--admin-line)!important;
  box-shadow:0 -4px 18px rgba(20,35,45,.08)!important;
}
.admin-mobile-nav a,.admin-mobile-nav button{color:#64748b!important}
.admin-mobile-nav a.active,.admin-mobile-nav button.active{color:var(--admin-brand)!important}

/* Admin submenu: white commerce navigation */
.admin-sidebar .submenu,
.admin-sidebar ul ul,
.admin-sidebar .nav-submenu{
  background:#fafbfc!important;
  border-left:1px solid #e8edef!important;
}
.admin-sidebar .submenu a,
.admin-sidebar ul ul a,
.admin-sidebar .nav-submenu a{
  color:#687584!important;
  font-size:12.5px!important;
}
.admin-sidebar .submenu a:hover,
.admin-sidebar ul ul a:hover{color:var(--admin-brand)!important;background:#f0f9f8!important}

/* ---------- responsive ---------- */
@media (max-width:1199px){
  body:not(.admin-body) .container{width:min(100% - 24px,1120px)}
  .account-layout,.customer-layout,.account-shell{
    grid-template-columns:210px minmax(0,1fr);gap:16px;
  }
  .admin-sidebar{width:232px!important}
  .admin-content{padding:18px!important}
}
@media (max-width:767px){
  body:not(.admin-body){font-size:13px}
  body:not(.admin-body) .container{width:calc(100% - 20px)}
  .header-main,.header-inner{min-height:58px!important}
  .main-nav,.primary-nav,.navigation,.nav-bar{display:none!important}
  .search-wrap input,.header-search input,.search-box input,.search-form input{min-height:40px!important;font-size:13px!important}
  .account-layout,.customer-layout,.account-shell{
    display:block;
  }
  .account-sidebar,.customer-sidebar{
    display:none!important;
  }
  .customer-menu-toggle,.account-menu-toggle{
    display:inline-flex!important;
    align-items:center;justify-content:center;
    min-height:40px;padding:8px 12px;
    border:1px solid #cddedc;border-radius:7px;
    background:var(--mdx-brand-soft);color:var(--mdx-brand);
    font-weight:600;
  }
  .customer-drawer-backdrop,.account-drawer-backdrop{
    position:fixed;inset:0;background:rgba(15,23,42,.42);
    z-index:9000;
  }
  .customer-drawer-backdrop.open,.account-drawer-backdrop.open{display:block}
  .account-sidebar.open,.customer-sidebar.open{
    display:block!important;
    position:fixed!important;
    z-index:9001!important;
    left:0!important;top:0!important;bottom:0!important;
    width:min(310px,86vw)!important;
    max-width:none!important;
    overflow-y:auto!important;
    border-radius:0 12px 12px 0!important;
    box-shadow:10px 0 30px rgba(15,23,42,.18)!important;
  }
  .account-content,.customer-content{width:100%!important}
  .card,.product-card,.category-card{border-radius:10px!important}
  .admin-sidebar{
    position:fixed!important;
    left:0;top:0;bottom:0;
    transform:translateX(-105%);
    z-index:10000;
    transition:transform .2s ease;
    width:min(280px,88vw)!important;
    box-shadow:12px 0 30px rgba(15,23,42,.15)!important;
  }
  .admin-sidebar.open{transform:translateX(0)}
  .admin-topbar{min-height:60px!important;padding:8px 10px!important}
  .at-title h1{font-size:16px!important}
  .at-eyebrow{display:none!important}
  .admin-topbar form{order:3;flex-basis:100%;max-width:none!important;margin:8px 0 0!important}
  .admin-topbar{flex-wrap:wrap}
  .at-right{margin-left:auto}
  .admin-content{padding:12px!important}
  .admin-content .table-wrap{max-width:100%;overflow-x:auto}
  .admin-content table{min-width:680px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}