/* ============================================================
   Premium Jaeger — Brand-Tokens
   Frontend: Elegant Light (cream/anthracite/subtle gold)
   Admin:    Dark Mode (Logo-Palette in dunkler Variante)
   ============================================================ */

:root{

  /* ---------- Brand-Grundfarben ---------- */
  --brand-black:        #1a1a1a;
  --brand-anthracite:   #2a2a2a;
  --brand-cream:        #f8f6f1;
  --brand-cream-soft:   #efeae0;
  --brand-warm-border:  #e8e2d3;
  --brand-warm-muted:   #6e6a60;

  --brand-gold:         #bb9e51;
  --brand-gold-deep:    #a08a4a;
  --brand-gold-light:   #d4b870;

  --brand-red:          #c72e2f;
  --brand-red-dark:     #9c2122;

  --brand-white:        #ffffff;

  /* ---------- Verläufe ---------- */
  --brand-gold-gradient:
    linear-gradient(180deg, #d4b870 0%, #bb9e51 50%, #a08a4a 100%);
}

/* ============================================================
   ADMIN — Dark Mode (Override für dashboard.css-Variablen)
   ============================================================ */

.dashboard-page{
  background:#0b0f0d;
  color:#f0f0f0;
}

/* Sidebar */

.sidebar{
  background:#101512 !important;
  border-right:1px solid #2a2418 !important;
}

.sidebar-link{
  color:#f0f0f0 !important;
  border:1px solid transparent;
}

.sidebar-link i{ color:#e8c87a; }

.sidebar-link:hover{
  background:#1d1d1d !important;
  border-color:rgba(232,200,122,.3) !important;
  color:#e8c87a !important;
}

.sidebar-link.active{
  background:linear-gradient(135deg, rgba(232,200,122,.18), rgba(187,158,81,.10)) !important;
  border-color:rgba(232,200,122,.35) !important;
  color:#e8c87a !important;
}

.sidebar-link-danger{ color:#ff9999 !important; }
.sidebar-link-danger i{ color:#ff9999 !important; }
.sidebar-link-danger:hover{
  background:rgba(199,46,47,.15) !important;
  border-color:rgba(199,46,47,.4) !important;
  color:#fff !important;
}

.sidebar-title{ color:#f0f0f0; }
.sidebar-subtitle{ color:#97a59d; }

.sidebar-logo{
  background:linear-gradient(180deg,#fddb99 0%,#e8c87a 50%,#bb9e51 100%) !important;
  color:#0a0a0a !important;
}

.sidebar-divider{ background:#2a2418 !important; }

.sidebar-user{
  color:#97a59d;
  border-top:1px solid #2a2418;
}
.sidebar-user i{ color:#e8c87a; }

/* Topbar / Breadcrumbs */

.dashboard-content{
  background:#0b0f0d;
  color:#f0f0f0;
}

.dashboard-heading{ color:#f0f0f0 !important; }
.dashboard-subheading{ color:#97a59d !important; }

.admin-breadcrumbs,
.admin-breadcrumbs a{ color:#97a59d !important; }
.admin-breadcrumbs a:hover{ color:#e8c87a !important; }
.admin-breadcrumbs .current{ color:#f0f0f0 !important; }

/* Stats */

.dashboard-box{
  background:#141414 !important;
  border:1px solid #2a2418 !important;
  color:#f0f0f0;
}

.dashboard-box:hover{ border-color:#e8c87a !important; }

.dashboard-stat{ color:#f0f0f0 !important; }
.dashboard-label{ color:#97a59d !important; }

.dashboard-icon{
  background:rgba(232,200,122,.14) !important;
  color:#e8c87a !important;
}

/* Cards & Tabellen */

.dashboard-page .card{
  background:#141414 !important;
  color:#f0f0f0 !important;
  border:1px solid #2a2418 !important;
}

.dashboard-page .card-body{ color:#f0f0f0; }

.admin-section-title{ color:#f0f0f0 !important; }
.admin-section-title i{ color:#e8c87a !important; }

.dashboard-page .table{ color:#f0f0f0 !important; }

.dashboard-page .table > :not(caption) > * > *{
  background:transparent !important;
  color:#f0f0f0 !important;
  border-bottom-color:#2a2418 !important;
}

.dashboard-page .table thead th{
  background:#1d1d1d !important;
  color:#e8c87a !important;
  font-weight:600;
  border-bottom:1px solid #2a2418 !important;
}

.dashboard-page .table tbody tr:hover{
  background:#151c18 !important;
}

.dashboard-page .fw-bold{ color:#f0f0f0 !important; }

.dashboard-page .text-secondary,
.dashboard-page .small.text-secondary{ color:#97a59d !important; }

.dashboard-page .uuid{
  color:#5d6e64 !important;
  font-size:11px;
  word-break:break-all;
}

/* Badges */

.dashboard-page .badge-success{
  background:rgba(232,200,122,.18) !important;
  color:#e8c87a !important;
  border:1px solid rgba(232,200,122,.3);
}

.dashboard-page .badge-disabled{
  background:rgba(199,46,47,.15) !important;
  color:#ff8b8c !important;
  border:1px solid rgba(199,46,47,.3);
}

/* Buttons */

.dashboard-page .btn-dashboard,
.btn-dashboard{
  background:linear-gradient(180deg,#fddb99 0%,#e8c87a 50%,#bb9e51 100%) !important;
  color:#0a0a0a !important;
  font-weight:700;
  border:none !important;
}

.dashboard-page .btn-dashboard:hover{
  filter:brightness(1.1);
  color:#0a0a0a !important;
}

.dashboard-page .btn-orange{
  background:#c72e2f !important;
  color:#fff !important;
  border:none !important;
}

.dashboard-page .btn-orange:hover{
  background:#9c2122 !important;
  color:#fff !important;
}

.dashboard-page .btn-danger{
  background:#c72e2f !important;
  color:#fff !important;
  border:none !important;
}

.btn-action{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 !important;
}

/* Form-Felder im Admin */

.dashboard-page .form-label{
  color:#f0f0f0 !important;
  font-weight:600;
}

.dashboard-page .form-control,
.dashboard-page .form-select{
  background:#0f1412 !important;
  border:1px solid #2a2418 !important;
  color:#f0f0f0 !important;
}

.dashboard-page .form-control:focus,
.dashboard-page .form-select:focus{
  background:#0f1412 !important;
  border-color:#e8c87a !important;
  color:#f0f0f0 !important;
  box-shadow:0 0 0 .2rem rgba(232,200,122,.15) !important;
}

.dashboard-page .form-control::placeholder{ color:#5d6e64 !important; }

.dashboard-page .form-control::file-selector-button{
  background:#e8c87a !important;
  color:#0a0a0a !important;
  border:none !important;
  font-weight:600;
}

/* Preview & Empty */

.dashboard-page .preview,
.dashboard-page .empty-image,
.dashboard-page .empty-logo,
.dashboard-page .empty-icon{
  background:#0f1412 !important;
  border:1px solid #2a2418 !important;
  color:#5d6e64 !important;
}

.dashboard-page .product-image{
  background:#0f1412;
  border:1px solid #2a2418;
}

/* Alerts */

.dashboard-page .alert-danger{
  background:rgba(199,46,47,.15) !important;
  color:#ffb0b1 !important;
  border:1px solid rgba(199,46,47,.3) !important;
}

/* Footer */

.admin-footer{
  border-top:1px solid #2a2418 !important;
  color:#97a59d;
}
.admin-footer strong{ color:#e8c87a; }

/* ============================================================
   Drag & Drop (Sortable.js)
   ============================================================ */

.dashboard-page .drag-handle{
  cursor:grab;
  color:#5d6e64;
  font-size:18px;
  text-align:center;
  width:40px;
  user-select:none;
  transition:color .2s;
}

.dashboard-page .drag-handle:hover,
.dashboard-page tr:hover .drag-handle{
  color:#e8c87a;
}

.dashboard-page .drag-handle:active{
  cursor:grabbing;
}

.dashboard-page tr.drag-ghost{
  opacity:.4;
  background:rgba(232,200,122,.08) !important;
}

.dashboard-page tr.sortable-chosen{
  background:rgba(232,200,122,.04) !important;
}

/* ============================================================
   Brand-Banner — Vollbreite des Bootstrap-Containers, zentriert
   ============================================================ */

.brand-banner{
  display:block;
  margin:15px auto;
  line-height:0;
}

.brand-banner .container{
  padding:20px;
}

.brand-banner img{
  display:block;
  width:100%;
  height:auto;
}

/* ============================================================
   Cropper.js Anpassungen für Admin-Theme
   ============================================================ */

.dashboard-page .cropper-block{
  background:#0f1412;
  border:1px solid #2a2418;
  border-radius:4px;
  padding:18px;
}

.dashboard-page .cropper-stage{
  border-top:1px solid #2a2418;
  padding-top:14px;
}

.dashboard-page .cropper-status{
  color:#97a59d;
  letter-spacing:.05em;
}

/* Cropper.js Innenraum-Container */
.dashboard-page .cropper-container{
  background:#000;
}
.dashboard-page .cropper-view-box{
  outline:1px solid #e8c87a;
}
.dashboard-page .cropper-line,
.dashboard-page .cropper-point{
  background-color:#e8c87a;
}