/* Dirani Group V3.7 — Experience & Commerce polish */
:root{
  --dg-green:#1ab81f;
  --dg-green-dark:#118616;
  --dg-ink:#102019;
  --dg-muted:#65736c;
  --dg-line:#e6ece8;
  --dg-soft:#f6f9f7;
  --dg-card:#ffffff;
  --dg-radius:18px;
  --dg-shadow:0 16px 42px rgba(16,32,25,.08);
}
html{scroll-behavior:smooth}
body{background:#fbfcfb}
a,button,input,select,textarea{transition:all .22s ease}
.btn,.button,button{border-radius:12px}
.btn.primary,.button.primary,.auth-submit{box-shadow:0 8px 22px rgba(26,184,31,.18)}
.btn.primary:hover,.button.primary:hover,.auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(26,184,31,.24)}
/* Home section rhythm */
main>section{position:relative}
.section-head,.section-title{max-width:760px}
.section-head h2,.section-title h2{letter-spacing:-.035em}
.category-card,.product-card,.panel,.card,.stat-card{
  border-color:var(--dg-line)!important;
  box-shadow:0 8px 28px rgba(16,32,25,.055);
}
.category-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:var(--dg-shadow)}
/* Product discovery */
.products-toolbar,.catalog-toolbar{
  position:sticky;top:78px;z-index:18;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  background:rgba(251,252,251,.92)!important;
  border:1px solid var(--dg-line);border-radius:16px;
  padding:10px!important;margin-bottom:18px;
}
.product-card{overflow:hidden}
.product-card img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.product-card:hover img{transform:scale(1.035)}
.product-card .product-actions,.product-card .actions{gap:8px}
.product-card .product-actions>*,
.product-card .actions>*{min-height:40px}
/* Product detail */
.product-detail,.product-shell,.product-hero{align-items:start}
.product-gallery,.gallery-panel{position:sticky;top:92px}
.product-info h1,.product-summary h1{letter-spacing:-.045em;line-height:1.02}
.variant-row:hover,.variant-card:hover{border-color:rgba(26,184,31,.45)!important;background:#f8fff8}
.variant-row.is-selected,.variant-card.is-selected{border-color:var(--dg-green)!important;box-shadow:0 0 0 3px rgba(26,184,31,.10)}
/* Shipment builder */
.shipping-builder,.shipment-builder{gap:18px}
.shipment-row,.shipping-row{
  border:1px solid var(--dg-line);border-radius:16px;background:#fff;
  padding:14px;box-shadow:0 7px 24px rgba(16,32,25,.045)
}
.shipping-summary,.shipment-summary{
  border:1px solid rgba(26,184,31,.20)!important;
  background:linear-gradient(180deg,#fbfffb,#f4fbf5)!important;
}
.fit-badge,.status-fit{background:#eaf9eb!important;color:#0d7812!important}
.over-badge,.status-over{background:#fff1f1!important;color:#a72828!important}
/* Dashboard consistency */
.dashboard-shell,.admin-shell{--dash-gap:16px}
.dashboard-shell h1,.admin-shell h1{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.035em}
.dashboard-shell h2,.admin-shell h2{font-size:clamp(18px,1.7vw,24px)}
.dashboard-shell table,.admin-shell table{font-size:13px}
.dashboard-shell th,.admin-shell th{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#758079}
.dashboard-shell td,.dashboard-shell th,.admin-shell td,.admin-shell th{padding:10px 12px}
.dashboard-shell input,.dashboard-shell select,.dashboard-shell textarea,
.admin-shell input,.admin-shell select,.admin-shell textarea{min-height:40px;border-radius:10px}
.dashboard-shell .btn,.admin-shell .btn{min-height:38px;padding:8px 13px}
.kpi-grid,.stats-grid{gap:12px}
.kpi-card,.stat-card{border-radius:15px!important}
/* Better Arabic */
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Tahoma","Arial",sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.35}
html[dir="rtl"] .products-toolbar,html[dir="rtl"] .catalog-toolbar{text-align:right}
/* Skeleton utility for async lists */
.dg-skeleton{position:relative;overflow:hidden;background:#eef2ef;border-radius:12px;min-height:18px}
.dg-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:dgShimmer 1.3s infinite}
@keyframes dgShimmer{100%{transform:translateX(100%)}}
/* focus accessibility */
:focus-visible{outline:3px solid rgba(26,184,31,.28);outline-offset:2px}
@media(max-width:900px){
  .products-toolbar,.catalog-toolbar{top:64px}
  .product-gallery,.gallery-panel{position:relative;top:auto}
  .dashboard-shell table,.admin-shell table{font-size:12px}
}
@media(max-width:640px){
  main>section{scroll-margin-top:72px}
  .product-card{border-radius:16px!important}
  .shipment-row,.shipping-row{padding:11px}
  .dashboard-shell td,.dashboard-shell th,.admin-shell td,.admin-shell th{padding:9px 8px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}