
/* =========================================================
   DHUMS PROFESSIONAL SITE-WIDE FINISH
   Final override layer — desktop/tablet/mobile
   ========================================================= */
:root{--dhp-brand:#00a7a5;--dhp-brand-dark:#008b89;--dhp-text:#17191c;--dhp-muted:#667085;--dhp-border:#e4e7ec;--dhp-soft:#f7f8fa;--dhp-dark:#151719;--dhp-radius:12px}
html,body{max-width:100%;overflow-x:hidden}img,video,iframe,svg{max-width:100%}
.dhums-container{width:min(1200px,calc(100% - 40px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}

/* Header */
.dhums-header{position:sticky!important;top:0!important;z-index:10000!important;width:100%!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--dhp-border)!important;box-shadow:0 1px 4px rgba(16,24,40,.06)!important}
.dhums-brandbar{width:100%!important;background:#fff!important}
.dhums-brand-inner{min-height:76px!important;height:76px!important;padding:0!important;gap:24px!important;align-items:center!important}
.dhums-logo{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-width:132px!important;margin:0!important;padding:0!important;line-height:1!important;background:transparent!important}
.dhums-logo img{display:block!important;width:auto!important;max-width:150px!important;height:42px!important;object-fit:contain!important;object-position:left center!important}
.dhums-logo strong{font-size:28px!important;letter-spacing:-1.4px!important}
.dhums-nav{flex:1 1 auto!important;min-width:0!important;margin:0!important}.dhums-nav-inner{display:flex!important;align-items:center!important;gap:2px!important;overflow-x:auto!important}
.dhums-nav-link{color:#344054!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:9px 11px!important;font-size:14px!important;font-weight:600!important;transition:color .16s ease,border-color .16s ease!important}
.dhums-nav-link:hover,.dhums-nav-link:focus-visible{color:var(--dhp-brand-dark)!important;background:transparent!important;border-bottom-color:var(--dhp-brand)!important;box-shadow:none!important}
.dhums-header-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
.dhums-search-btn,.dhums-menu-btn,.dhums-icon-link{box-sizing:border-box!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#344054!important;text-decoration:none!important;transition:color .16s ease,border-color .16s ease!important;-webkit-tap-highlight-color:transparent!important}
.dhums-search-btn i,.dhums-menu-btn i,.dhums-icon-link i{width:19px!important;height:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;line-height:1!important}
.dhums-search-btn:hover,.dhums-search-btn:focus-visible,.dhums-menu-btn:hover,.dhums-menu-btn:focus-visible,.dhums-icon-link:hover,.dhums-icon-link:focus-visible{color:var(--dhp-brand-dark)!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
.dhums-search-btn:focus-visible,.dhums-menu-btn:focus-visible,.dhums-icon-link:focus-visible{outline:2px solid rgba(0,167,165,.35)!important;outline-offset:2px!important}
.dhums-login-link{width:auto!important;min-width:94px!important;padding:0 15px!important;gap:8px!important;border-color:#d8dde5!important;border-radius:10px!important;background:#fff!important;color:#1d2939!important;font-weight:700!important}
.dhums-login-link:hover,.dhums-login-link:focus-visible{background:#fff!important;border-color:#aeb7c4!important;color:var(--dhp-brand-dark)!important}
.dhums-login-link span{display:inline!important;font-size:13px!important;font-weight:700!important}
.dhums-cart-link{position:relative!important;width:40px!important;min-width:40px!important}.dhums-cart-count{position:absolute!important;top:1px!important;right:1px!important;width:16px!important;min-width:16px!important;height:16px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#d93025!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important;pointer-events:none!important}
.dhums-menu-btn{display:none!important}
.dhums-header button:hover,.dhums-header a:hover,.dhums-drawer button:hover,.dhums-drawer a:hover{box-shadow:none!important}
.dhums-drawer-head button,.dhums-drawer-head button:hover,.dhums-drawer-head button:focus{background:transparent!important;border:0!important}
.dhums-drawer nav a:hover,.dhums-drawer nav a:focus{background:transparent!important;padding-left:24px!important;color:var(--dhp-brand-dark)!important}

/* Search */
.dhums-search-panel{display:none!important}
.dhums-search-page{width:min(980px,calc(100% - 40px))!important;max-width:980px!important;margin:0 auto!important;padding:46px 0 72px!important}
.dhums-search-page .dhums-section-heading{margin:0 0 20px!important}
.dhums-search-page-form{display:flex!important;width:100%!important;max-width:860px!important;margin:0 auto 26px!important;padding:6px!important;gap:6px!important;background:#fff!important;border:1px solid #d9dee7!important;border-radius:14px!important;box-shadow:0 8px 26px rgba(16,24,40,.06)!important}
.dhums-search-page-form input{flex:1 1 auto!important;min-width:0!important;height:50px!important;border:0!important;outline:0!important;background:transparent!important;border-radius:10px!important;padding:0 15px!important;font:inherit!important;color:#101828!important}
.dhums-search-page-form input:focus{border:0!important;box-shadow:none!important}
.dhums-search-page-form button{flex:0 0 116px!important;height:50px!important;border:0!important;border-radius:10px!important;background:#17191c!important;color:#fff!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important}
.dhums-search-page-form button:hover,.dhums-search-page-form button:focus{background:#2b3036!important}
.dhums-search-results{max-width:900px!important;margin:0 auto!important}.dhums-search-item{padding:18px 0!important;border-bottom:1px solid var(--dhp-border)!important}.dhums-search-item a{grid-template-columns:190px minmax(0,1fr)!important;gap:20px!important}.dhums-search-item img{width:190px!important;height:118px!important;border-radius:10px!important;background:#f1f3f5!important;object-fit:cover!important}

/* Footer */
.dhums-footer-pro{margin-top:0!important;background:#111315!important;color:#d0d5dd!important;border-top:1px solid #24282d!important}
.dhums-footer-pro>.dhums-container{width:min(1200px,calc(100% - 40px))!important;padding:0!important}
.dhums-footer-pro .dhums-newsletter{margin:0!important;padding:28px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;background:transparent!important;border:0!important;border-bottom:1px solid #2a2f35!important}
.dhums-footer-pro .dhums-newsletter h3{margin:0 0 5px!important;color:#fff!important;font-size:18px!important}.dhums-footer-pro .dhums-newsletter p{margin:0!important;color:#98a2b3!important;font-size:13px!important}
.dhums-footer-pro .dhums-newsletter form{display:flex!important;max-width:440px!important;min-width:320px!important;width:100%!important}
.dhums-footer-pro .dhums-newsletter input{flex:1!important;min-width:0!important;height:44px!important;border:1px solid #3a4048!important;border-right:0!important;border-radius:9px 0 0 9px!important;padding:0 13px!important;outline:0!important;background:#1a1e23!important;color:#fff!important}
.dhums-footer-pro .dhums-newsletter input::placeholder{color:#98a2b3!important}
.dhums-footer-pro .dhums-newsletter button{height:44px!important;border:1px solid #3a4048!important;border-radius:0 9px 9px 0!important;padding:0 17px!important;background:#fff!important;color:#17191c!important;font-weight:700!important}
.dhums-footer-pro .dhums-footer-grid{display:grid!important;grid-template-columns:1.6fr 1fr 1fr 1.2fr!important;gap:48px!important;padding:38px 0 34px!important}
.dhums-footer-pro .dhums-footer-logo{display:inline-flex!important;align-items:center!important;color:#fff!important;font-size:25px!important;font-weight:800!important}.dhums-footer-pro .dhums-footer-logo img{max-width:145px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.dhums-footer-pro .dhums-footer-col h3{margin:0 0 13px!important;color:#fff!important;font-size:14px!important;font-weight:700!important}
.dhums-footer-pro .dhums-footer-col p,.dhums-footer-pro .dhums-footer-col a{color:#98a2b3!important;font-size:13px!important;line-height:1.7!important}.dhums-footer-pro .dhums-footer-col p{margin:10px 0 0!important}
.dhums-footer-pro .dhums-footer-col ul{margin:0!important;padding:0!important;list-style:none!important}.dhums-footer-pro .dhums-footer-col li{margin:0 0 7px!important}
.dhums-footer-pro .dhums-footer-col li a:hover{background:transparent!important;color:#fff!important}
.dhums-footer-pro .footer-contact{display:flex!important;gap:9px!important;align-items:flex-start!important}.dhums-footer-pro .footer-contact i{width:16px!important;flex:0 0 16px!important;margin-top:4px!important}
.dhums-footer-pro .dhums-social{display:flex!important;gap:8px!important;margin-top:16px!important}.dhums-footer-pro .dhums-social a{width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #343a40!important;border-radius:9px!important;background:transparent!important;color:#cbd5e1!important}.dhums-footer-pro .dhums-social a:hover{background:transparent!important;border-color:#667085!important;color:#fff!important}
.dhums-footer-pro .dhums-footer-bottom{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-top:1px solid #2a2f35!important;color:#7f8996!important;text-align:left!important;font-size:12px!important}.dhums-footer-pro .dhums-footer-legal{display:flex!important;gap:18px!important}.dhums-footer-pro .dhums-footer-legal a{color:#98a2b3!important}.dhums-footer-pro .dhums-footer-legal a:hover{background:transparent!important;color:#fff!important}

/* Auth */
.dhums-auth-heading{gap:12px!important}.dhums-auth-mark{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;border-radius:10px!important;font-size:17px!important}.dhums-auth-heading h2{font-size:22px!important;line-height:1.25!important}

/* Product images */
.product-main-image{aspect-ratio:4 / 3!important;min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f1f3f5!important;border-radius:14px!important;overflow:hidden!important}
.product-main-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;background:#f1f3f5!important}
.product-placeholder.large{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#eef1f4,#e5e9ee)!important;color:#9aa4b2!important;font-size:42px!important}
.product-card .product-image-link{background:#f1f3f5!important}.product-card .product-image-link .product-placeholder{background:linear-gradient(135deg,#eef1f4,#e5e9ee)!important;color:#9aa4b2!important}
.dhums-card i,.dhums-card .bi,.product-card i,.product-card .bi,.dhums-related-section i,.dhums-related-section .bi{opacity:1!important;visibility:visible!important}.product-card-actions .store-btn i,.buy-actions .store-btn i{width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Admin */
body.dhums-admin-body{background:#f5f7fa!important;color:#172033!important}
body.dhums-admin-body .dhums-admin-sidebar{width:260px!important;flex-basis:260px!important;background:#121416!important;border-right:1px solid #262b31!important}
body.dhums-admin-body .dhums-admin-content-area{min-width:0!important;background:#f5f7fa!important}
body.dhums-admin-body .dhums-admin-topbar{min-height:72px!important;padding:0 30px!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important}
body.dhums-admin-body .dhums-admin-main-content{width:100%!important;min-width:0!important}
body.dhums-admin-body .dhums-admin-main-content>.container-fluid{width:min(1480px,calc(100% - 48px))!important;max-width:1480px!important;margin:0 auto!important;padding:28px 0 56px!important}
body.dhums-admin-body .dhums-admin-page,body.dhums-admin-body .dhums-news-form-page,body.dhums-admin-body .q-admin-wrap{width:min(1480px,calc(100% - 48px))!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important}
body.dhums-admin-body .dhums-news-form-page,body.dhums-admin-body .q-admin-wrap{padding-left:0!important;padding-right:0!important}
body.dhums-admin-body .card,body.dhums-admin-body .dhums-admin-table-card,body.dhums-admin-body .dhums-admin-form-card,body.dhums-admin-body .q-admin-card,body.dhums-admin-body .dhums-news-form-card{background:#fff!important;border:1px solid #e3e7ed!important;border-radius:14px!important;box-shadow:0 8px 28px rgba(16,24,40,.055)!important}
body.dhums-admin-body .card-body{padding:26px!important}
body.dhums-admin-body .container-fluid>.d-flex:first-child,body.dhums-admin-body .dhums-admin-page-head,body.dhums-admin-body .dhums-news-form-header,body.dhums-admin-body .q-admin-head{margin-bottom:22px!important}
body.dhums-admin-body h1,body.dhums-admin-body h2,body.dhums-admin-body h3{color:#172033!important}
body.dhums-admin-body .form-label,body.dhums-admin-body .q-field label,body.dhums-admin-body .dhums-form-label{color:#344054!important;font-weight:650!important}
body.dhums-admin-body .form-control,body.dhums-admin-body .form-select,body.dhums-admin-body .q-field input,body.dhums-admin-body .q-field select,body.dhums-admin-body .q-field textarea,body.dhums-admin-body .dhums-form-control,body.dhums-admin-body .dhums-form-select,body.dhums-admin-body .settings-grid input,body.dhums-admin-body .settings-grid textarea{min-height:44px!important;border:1px solid #d5dae2!important;border-radius:9px!important;background:#fff!important;color:#172033!important;box-shadow:none!important}
body.dhums-admin-body textarea.form-control,body.dhums-admin-body textarea.dhums-form-control,body.dhums-admin-body .q-field textarea{min-height:120px!important}
body.dhums-admin-body .form-control:focus,body.dhums-admin-body .form-select:focus,body.dhums-admin-body .q-field input:focus,body.dhums-admin-body .q-field select:focus,body.dhums-admin-body .q-field textarea:focus{border-color:#98a2b3!important;box-shadow:0 0 0 3px rgba(16,24,40,.06)!important}
body.dhums-admin-body .btn,body.dhums-admin-body .dhums-admin-btn,body.dhums-admin-body .q-btn,body.dhums-admin-body .dhums-news-btn{min-height:42px!important;border-radius:9px!important;font-weight:650!important;box-shadow:none!important}
body.dhums-admin-body .btn-success,body.dhums-admin-body .dhums-admin-btn.primary,body.dhums-admin-body .q-btn.primary{background:#17191c!important;border-color:#17191c!important;color:#fff!important}
body.dhums-admin-body .btn-secondary,body.dhums-admin-body .dhums-admin-btn:not(.primary),body.dhums-admin-body .q-btn:not(.primary){background:#fff!important;border-color:#d5dae2!important;color:#344054!important}
body.dhums-admin-body .btn:hover,body.dhums-admin-body .dhums-admin-btn:hover,body.dhums-admin-body .q-btn:hover,body.dhums-admin-body .dhums-news-btn:hover{filter:none!important;transform:none!important}
body.dhums-admin-body .table,body.dhums-admin-body .admin-table,body.dhums-admin-body .dhums-category-table{background:#fff!important}
body.dhums-admin-body .table th,body.dhums-admin-body .admin-table th,body.dhums-admin-body .dhums-category-table th{background:#f8fafc!important;color:#667085!important;font-size:12px!important;font-weight:700!important}
body.dhums-admin-body .dhums-admin-nav-link{border-radius:9px!important;min-height:44px!important}
body.dhums-admin-body .dhums-admin-nav-link:hover{background:transparent!important;color:#fff!important}
body.dhums-admin-body .dhums-admin-nav-link.active{background:#1f2937!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--dhp-brand)!important}
body.dhums-admin-body .dhums-admin-mobile-toggle{background:transparent!important}body.dhums-admin-body .dhums-admin-mobile-toggle:hover{background:transparent!important;color:#111827!important}

/* Responsive */
@media(max-width:991px){
  .dhums-container{width:calc(100% - 32px)!important}
  .dhums-brand-inner{width:calc(100% - 32px)!important;min-height:64px!important;height:64px!important;gap:8px!important}
  .dhums-menu-btn{display:inline-flex!important;flex:0 0 40px!important}
  .dhums-logo{min-width:0!important;flex:1 1 auto!important;justify-content:center!important}
  .dhums-logo img{height:36px!important;max-width:125px!important}.dhums-logo strong{font-size:24px!important}
  .dhums-nav{display:none!important}.dhums-header-actions{gap:4px!important}
  .dhums-search-btn,.dhums-menu-btn,.dhums-icon-link{width:40px!important;min-width:40px!important;height:40px!important}
  .dhums-login-link{width:40px!important;min-width:40px!important;padding:0!important;border-color:transparent!important;background:transparent!important}
  .dhums-login-link:hover,.dhums-login-link:focus-visible{border-color:transparent!important;background:transparent!important}.dhums-login-link span{display:none!important}
  .dhums-drawer{z-index:10050!important}.dhums-drawer-overlay{z-index:10040!important}
  .dhums-search-page{width:calc(100% - 32px)!important;padding:32px 0 54px!important}
  .dhums-footer-pro>.dhums-container{width:calc(100% - 32px)!important}
  .dhums-footer-pro .dhums-newsletter{align-items:stretch!important;flex-direction:column!important;gap:14px!important}
  .dhums-footer-pro .dhums-newsletter form{max-width:none!important;min-width:0!important}
  .dhums-footer-pro .dhums-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 28px!important}
  body.dhums-admin-body .dhums-admin-topbar{padding:0 20px!important}
  body.dhums-admin-body .dhums-admin-main-content>.container-fluid,body.dhums-admin-body .dhums-admin-page,body.dhums-admin-body .dhums-news-form-page,body.dhums-admin-body .q-admin-wrap{width:calc(100% - 36px)!important}
}
@media(max-width:600px){
  .dhums-search-page-form{padding:5px!important}.dhums-search-page-form input{height:48px!important}.dhums-search-page-form button{flex-basis:92px!important;height:48px!important}
  .dhums-search-item a{grid-template-columns:100px minmax(0,1fr)!important;gap:12px!important}.dhums-search-item img{width:100px!important;height:78px!important}
  .dhums-footer-pro .dhums-footer-grid{grid-template-columns:1fr!important;gap:24px!important;padding:30px 0!important}
  .dhums-footer-pro .dhums-footer-bottom{min-height:0!important;padding:16px 0!important;flex-direction:column!important;align-items:flex-start!important}
  .dhums-footer-pro .dhums-footer-legal{gap:14px!important}
  .product-detail{padding:16px!important;gap:22px!important}.product-main-image{aspect-ratio:1 / 1!important}.product-info{padding:4px 0!important}
  body.dhums-admin-body .dhums-admin-main-content>.container-fluid,body.dhums-admin-body .dhums-admin-page,body.dhums-admin-body .dhums-news-form-page,body.dhums-admin-body .q-admin-wrap{width:calc(100% - 28px)!important}
  body.dhums-admin-body .card-body,body.dhums-admin-body .q-admin-card,body.dhums-admin-body .dhums-news-form-body{padding:18px!important}
}


/* =========================================================
   DHUMS ADMIN — FINAL CONSISTENT FORM / TABLE SYSTEM
   ========================================================= */
body.dhums-admin-body .dhums-admin-page,
body.dhums-admin-body .dhums-news-form-page,
body.dhums-admin-body .dhums-posts-form-page,
body.dhums-admin-body .q-admin-wrap{
  box-sizing:border-box!important;
}

body.dhums-admin-body .dhums-admin-page-head,
body.dhums-admin-body .dhums-news-form-header,
body.dhums-admin-body .dhums-posts-form-header{
  align-items:flex-end!important;
  gap:20px!important;
}

body.dhums-admin-body .dhums-admin-page-head h1,
body.dhums-admin-body .dhums-news-form-title,
body.dhums-admin-body .dhums-posts-form-title{
  font-size:28px!important;
  line-height:1.2!important;
  margin:0!important;
  letter-spacing:-.01em!important;
}

body.dhums-admin-body .dhums-admin-page-head p,
body.dhums-admin-body .dhums-news-form-subtitle,
body.dhums-admin-body .dhums-posts-form-subtitle{
  margin:7px 0 0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* Every admin form uses the same box model. */
body.dhums-admin-body .dhums-settings-form,
body.dhums-admin-body .dhums-admin-standard-form{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

body.dhums-admin-body .dhums-settings-form{
  display:grid!important;
  gap:20px!important;
}

body.dhums-admin-body .dhums-settings-form section,
body.dhums-admin-body .dhums-admin-form-card,
body.dhums-admin-body .dhums-admin-table-card,
body.dhums-admin-body .dhums-admin-panel,
body.dhums-admin-body .dhums-news-form-card,
body.dhums-admin-body .dhums-posts-form-card{
  width:100%!important;
  box-sizing:border-box!important;
}

body.dhums-admin-body .dhums-admin-form-card{
  max-width:none!important;
  padding:26px!important;
}

body.dhums-admin-body .dhums-admin-standard-form{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}

body.dhums-admin-body .dhums-admin-form-grid,
body.dhums-admin-body .settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
}

body.dhums-admin-body .dhums-admin-form-grid .wide,
body.dhums-admin-body .settings-grid .wide{
  grid-column:1/-1!important;
}

body.dhums-admin-body .dhums-admin-form-grid label,
body.dhums-admin-body .settings-grid label,
body.dhums-admin-body .dhums-admin-form-card label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  margin:0!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
}

body.dhums-admin-body .dhums-admin-form-grid input,
body.dhums-admin-body .dhums-admin-form-grid select,
body.dhums-admin-body .dhums-admin-form-grid textarea,
body.dhums-admin-body .settings-grid input,
body.dhums-admin-body .settings-grid select,
body.dhums-admin-body .settings-grid textarea,
body.dhums-admin-body .dhums-admin-form-card input,
body.dhums-admin-body .dhums-admin-form-card select,
body.dhums-admin-body .dhums-admin-form-card textarea{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:11px 13px!important;
  margin:0!important;
  border:1px solid #d5dae2!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
}

body.dhums-admin-body .dhums-admin-form-grid textarea,
body.dhums-admin-body .settings-grid textarea,
body.dhums-admin-body .dhums-admin-form-card textarea{
  min-height:120px!important;
  resize:vertical!important;
}

body.dhums-admin-body .dhums-admin-form-grid input:focus,
body.dhums-admin-body .dhums-admin-form-grid select:focus,
body.dhums-admin-body .dhums-admin-form-grid textarea:focus,
body.dhums-admin-body .settings-grid input:focus,
body.dhums-admin-body .settings-grid select:focus,
body.dhums-admin-body .settings-grid textarea:focus,
body.dhums-admin-body .dhums-admin-form-card input:focus,
body.dhums-admin-body .dhums-admin-form-card select:focus,
body.dhums-admin-body .dhums-admin-form-card textarea:focus{
  border-color:#98a2b3!important;
  box-shadow:0 0 0 3px rgba(16,24,40,.06)!important;
}

body.dhums-admin-body .dhums-admin-form-grid small,
body.dhums-admin-body .settings-grid small,
body.dhums-admin-body .dhums-admin-form-card small{
  color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

body.dhums-admin-body .dhums-admin-form-actions,
body.dhums-admin-body .dhums-settings-actions,
body.dhums-admin-body .dhums-news-actions,
body.dhums-admin-body .dhums-posts-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding-top:20px!important;
  margin-top:0!important;
}

/* Product categories: list and add/edit are deliberately separate pages. */
body.dhums-admin-body .dhums-category-list-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
  padding:15px 18px!important;
  background:#fff!important;
  border:1px solid #e3e7ed!important;
  border-radius:12px!important;
  box-shadow:0 6px 22px rgba(16,24,40,.035)!important;
}
body.dhums-admin-body .dhums-category-list-toolbar>div:first-child{display:flex;align-items:center;gap:10px}
body.dhums-admin-body .dhums-category-list-toolbar>div:first-child span{font-size:12px;color:#667085}
body.dhums-admin-body .dhums-category-filter{display:flex;gap:6px;flex-wrap:wrap}
body.dhums-admin-body .dhums-category-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #d5dae2;border-radius:8px;background:#fff;color:#475467;text-decoration:none;font-size:12px;font-weight:650}
body.dhums-admin-body .dhums-category-filter a.active{background:#17191c;border-color:#17191c;color:#fff}
body.dhums-admin-body .dhums-product-category-table-card{overflow:hidden!important;padding:0!important}
body.dhums-admin-body .dhums-admin-table-scroll{width:100%;overflow-x:auto}
body.dhums-admin-body .dhums-product-category-table{width:100%!important;min-width:760px!important;border-collapse:collapse!important}
body.dhums-admin-body .dhums-product-category-table th,
body.dhums-admin-body .dhums-product-category-table td{padding:15px 18px!important;vertical-align:middle!important;border-bottom:1px solid #eef0f3!important}
body.dhums-admin-body .dhums-product-category-table td:nth-child(2){min-width:240px;white-space:normal!important}
body.dhums-admin-body .dhums-product-category-table td:nth-child(2) strong{display:block;color:#172033}
body.dhums-admin-body .dhums-product-category-table td:nth-child(2) small{display:block;margin-top:4px;color:#667085;line-height:1.45}
body.dhums-admin-body .dhums-product-category-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#475467;background:#f8fafc;padding:4px 7px;border-radius:6px}
body.dhums-admin-body .dhums-language-pill,
body.dhums-admin-body .dhums-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
body.dhums-admin-body .dhums-language-pill{background:#f2f4f7;color:#475467}
body.dhums-admin-body .dhums-language-pill.en{background:#eef4ff;color:#175cd3}
body.dhums-admin-body .dhums-status-pill.active{background:#ecfdf3;color:#027a48}
body.dhums-admin-body .dhums-status-pill.inactive{background:#f2f4f7;color:#667085}
body.dhums-admin-body .dhums-category-actions{white-space:nowrap!important}
body.dhums-admin-body .dhums-category-actions form{display:inline-flex!important;margin:0!important}
body.dhums-admin-body .dhums-category-actions .dhums-admin-btn{margin-right:6px!important}
body.dhums-admin-body .dhums-category-actions .dhums-admin-btn:last-child{margin-right:0!important}
body.dhums-admin-body .dhums-product-category-form-card{max-width:920px!important;margin:0 auto!important}
body.dhums-admin-body .dhums-product-category-form-page .dhums-admin-page-head{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}

/* News/post forms: prevent malformed nested layouts from collapsing from slug onward. */
body.dhums-admin-body .dhums-news-form-body,
body.dhums-admin-body .dhums-posts-form-body{padding:28px!important;box-sizing:border-box!important}
body.dhums-admin-body .dhums-form-group{display:block!important;width:100%!important;min-width:0!important;margin:0 0 20px!important}
body.dhums-admin-body .dhums-form-label{display:block!important;width:100%!important;margin:0 0 8px!important}
body.dhums-admin-body .dhums-form-control,
body.dhums-admin-body .dhums-form-select{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:46px!important;box-sizing:border-box!important}
body.dhums-admin-body textarea.dhums-form-control{min-height:120px!important}
body.dhums-admin-body .dhums-news-two-column,
body.dhums-admin-body .dhums-posts-two-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%!important;min-width:0!important}
body.dhums-admin-body .dhums-news-two-column .dhums-form-group,
body.dhums-admin-body .dhums-posts-two-column .dhums-form-group{min-width:0!important}
body.dhums-admin-body .dhums-form-check{display:flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:600!important;color:#344054!important}
body.dhums-admin-body .dhums-form-check input{width:auto!important;min-height:auto!important}

@media(max-width:900px){
  body.dhums-admin-body .dhums-admin-form-grid,
  body.dhums-admin-body .settings-grid,
  body.dhums-admin-body .dhums-news-two-column,
  body.dhums-admin-body .dhums-posts-two-column{grid-template-columns:1fr!important}
  body.dhums-admin-body .dhums-admin-form-grid .wide,
  body.dhums-admin-body .settings-grid .wide{grid-column:auto!important}
  body.dhums-admin-body .dhums-product-category-form-card{max-width:none!important}
}
@media(max-width:600px){
  body.dhums-admin-body .dhums-category-list-toolbar{align-items:flex-start!important;flex-direction:column!important}
  body.dhums-admin-body .dhums-admin-form-card,
  body.dhums-admin-body .dhums-news-form-body,
  body.dhums-admin-body .dhums-posts-form-body{padding:18px!important}
  body.dhums-admin-body .dhums-admin-page-head,
  body.dhums-admin-body .dhums-news-form-header,
  body.dhums-admin-body .dhums-posts-form-header{align-items:flex-start!important;flex-direction:column!important}
  body.dhums-admin-body .dhums-admin-page-head .dhums-admin-btn{width:100%!important}
}


/* =========================================================
   DHUMS ADMIN SIDEBAR — FINAL FIX
   Desktop: permanently fixed sidebar + independent menu scroll.
   Content never pushes/hides the admin menu.
   ========================================================= */

@media (min-width: 769px) {

  html, body.dhums-admin-body {
    min-height: 100%;
  }

  body.dhums-admin-body .dhums-admin-layout {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
  }

  body.dhums-admin-body .dhums-admin-sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 260px !important;
    max-width: 260px !important;
    flex: none !important;

    height: 100vh !important;
    min-height: 100vh !important;

    z-index: 12000 !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;
  }

  body.dhums-admin-body .dhums-admin-brand {
    flex: 0 0 72px !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  body.dhums-admin-body .dhums-admin-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: calc(100vh - 72px) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 18px 12px 28px !important;

    scrollbar-width: thin;
    scrollbar-color: #3a4048 #121416;
  }

  body.dhums-admin-body .dhums-admin-nav::-webkit-scrollbar {
    width: 7px;
  }

  body.dhums-admin-body .dhums-admin-nav::-webkit-scrollbar-track {
    background: #121416;
  }

  body.dhums-admin-body .dhums-admin-nav::-webkit-scrollbar-thumb {
    background: #3a4048;
    border-radius: 10px;
  }

  body.dhums-admin-body .dhums-admin-nav::-webkit-scrollbar-thumb:hover {
    background: #515963;
  }

  body.dhums-admin-body .dhums-admin-content-area {
    display: flex !important;
    flex-direction: column !important;

    width: calc(100% - 260px) !important;
    max-width: none !important;
    min-width: 0 !important;

    min-height: 100vh !important;
    margin-left: 260px !important;
  }

  body.dhums-admin-body .dhums-admin-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 11000 !important;
    flex: 0 0 auto !important;
  }

  body.dhums-admin-body .dhums-admin-main-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

/* Keep the mobile drawer completely independent from the desktop fix. */
@media (max-width: 768px) {

  body.dhums-admin-body .dhums-admin-layout {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
  }

  body.dhums-admin-body .dhums-admin-sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: auto !important;

    width: min(310px, 86vw) !important;
    max-width: min(310px, 86vw) !important;

    height: 100vh !important;
    min-height: 100vh !important;

    flex: none !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    transform: translateX(-105%);
    transition: transform .25s ease;
  }

  body.dhums-admin-body .dhums-admin-sidebar.mobile-open {
    transform: translateX(0) !important;
  }

  body.dhums-admin-body .dhums-admin-brand {
    flex: 0 0 62px !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body.dhums-admin-body .dhums-admin-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: calc(100vh - 62px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.dhums-admin-body .dhums-admin-content-area {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;

    margin-left: 0 !important;
  }

  body.dhums-admin-body .dhums-admin-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 10800 !important;
  }
}


/* =========================================================
   DHUMS ADMIN — FINAL GLOBAL CONTROL ALIGNMENT
   ========================================================= */
body.dhums-admin-body .dhums-admin-dashboard,
body.dhums-admin-body .portal-dashboard-extra,
body.dhums-admin-body .dhums-admin-page,
body.dhums-admin-body .dhums-news-form-page,
body.dhums-admin-body .dhums-posts-form-page,
body.dhums-admin-body .q-admin-wrap {
    box-sizing: border-box !important;
}

body.dhums-admin-body .dhums-form-control,
body.dhums-admin-body .dhums-form-select,
body.dhums-admin-body .dhums-admin-form-card input,
body.dhums-admin-body .dhums-admin-form-card select,
body.dhums-admin-body .dhums-admin-form-card textarea,
body.dhums-admin-body .settings-grid input,
body.dhums-admin-body .settings-grid select,
body.dhums-admin-body .settings-grid textarea,
body.dhums-admin-body .portal-form-grid input,
body.dhums-admin-body .portal-form-grid select,
body.dhums-admin-body .portal-form-grid textarea {
    width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    border: 1px solid #d7dce3 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #172033 !important;
    padding: 10px 13px !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    outline: none !important;
}

body.dhums-admin-body textarea.dhums-form-control,
body.dhums-admin-body .settings-grid textarea,
body.dhums-admin-body .portal-form-grid textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

body.dhums-admin-body .dhums-form-control:focus,
body.dhums-admin-body .dhums-form-select:focus,
body.dhums-admin-body .dhums-admin-form-card input:focus,
body.dhums-admin-body .dhums-admin-form-card select:focus,
body.dhums-admin-body .dhums-admin-form-card textarea:focus,
body.dhums-admin-body .settings-grid input:focus,
body.dhums-admin-body .settings-grid select:focus,
body.dhums-admin-body .settings-grid textarea:focus,
body.dhums-admin-body .portal-form-grid input:focus,
body.dhums-admin-body .portal-form-grid select:focus,
body.dhums-admin-body .portal-form-grid textarea:focus {
    border-color: #98a2b3 !important;
    box-shadow: 0 0 0 3px rgba(16,24,40,.05) !important;
}

body.dhums-admin-body .dhums-form-group,
body.dhums-admin-body .dhums-news-two-column > .dhums-form-group,
body.dhums-admin-body .dhums-posts-two-column > .dhums-form-group {
    min-width: 0 !important;
    width: 100% !important;
}

body.dhums-admin-body .dhums-news-two-column,
body.dhums-admin-body .dhums-posts-two-column {
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: start !important;
}

body.dhums-admin-body .dhums-form-check-list {
    display: grid !important;
    gap: 10px !important;
    padding: 2px 0 !important;
}

body.dhums-admin-body .dhums-form-check {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #344054 !important;
}

body.dhums-admin-body .dhums-form-check input {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
}

body.dhums-admin-body .dhums-news-form-card,
body.dhums-admin-body .dhums-posts-form-card,
body.dhums-admin-body .dhums-admin-form-card {
    width: 100% !important;
    max-width: none !important;
}

body.dhums-admin-body .dhums-news-form-body,
body.dhums-admin-body .dhums-posts-form-body {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (min-width: 901px) {
    body.dhums-admin-body .dhums-news-form-page,
    body.dhums-admin-body .dhums-posts-form-page {
        padding: 28px !important;
    }
}

@media (max-width: 900px) {
    body.dhums-admin-body .dhums-news-two-column,
    body.dhums-admin-body .dhums-posts-two-column {
        grid-template-columns: 1fr !important;
    }
}
